/*
Theme Name:   generatemetashare
Description:  https://metashare.com
Author:       Ways
Author URL:   https://ways.se
Template:     generatepress
Version:      1.0
Text Domain:  generatemetashare
*/

/* -----------------------
    Navigation
----------------------- */

.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.sidebar .current-menu-item, .sidebar .current_page_item {
  text-decoration: underline;
  text-underline-offset: 0.3em;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
  text-decoration-thickness: 0.15em;
}

.wpml-ls-native:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='22px' viewBox='0 0 24 24' width='22px' fill='%23103A47'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z'/%3E%3C/svg%3E");
  width: 22px;
  height: 22px;
  display: inline-block;
  margin-right: 0.25rem;
  vertical-align: sub;
}

.menu-item:hover .wpml-ls-native:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='22px' viewBox='0 0 24 24' width='22px' fill='%23ec008c'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z'/%3E%3C/svg%3E");
}

.header-wrap #site-navigation .wpml-ls-native:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='22px' viewBox='0 0 24 24' width='22px' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z'/%3E%3C/svg%3E");
}

.header-wrap #site-navigation .menu-item:hover .wpml-ls-native:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='22px' viewBox='0 0 24 24' width='22px' fill='%23ec008c'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z'/%3E%3C/svg%3E");
}

.slideout-navigation.main-navigation ul ul {
  box-shadow: unset;
}

.slideout-navigation.main-navigation .main-nav ul ul li a {
  padding-top: 12px;
  padding-bottom: 12px;
}

.main-navigation {
  border-bottom: 1px solid #ddd;
}

.header-wrap .main-navigation {
  border-bottom: none;
}

#generate-slideout-menu.do-overlay .wpml-ls-native:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='26px' viewBox='0 0 26 26' width='26px' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z'/%3E%3C/svg%3E");
  width: 26px;
  height: 26px;
}

#generate-slideout-menu.do-overlay .menu-item:hover .wpml-ls-native:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='26px' viewBox='0 0 26 26' width='26px' fill='%23ec008c'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z'/%3E%3C/svg%3E");
}

/* Vertical center overlay menu */
.slideout-navigation.do-overlay.is-open {
  display: flex;
  align-items: center;
}

/* Wider slide-out navigation https://generatepress.com/forums/topic/off-canvas-panel-width/#post-1043740 */
body .offside--left.is-open:not(.do-overlay), .offside-js--is-left .offside-sliding-element {
  transform: translate3d(270px,0,0);
}
body .offside--right.is-open:not(.do-overlay), .offside-js--is-right .offside-sliding-element {
  transform: translate3d(-270px,0,0);
}

body .main-navigation.offside:not(.do-overlay) {
  width: 270px;
}
body .offside--left:not(.do-overlay) {
  left: -270px;
}   
body .offside--right:not(.do-overlay) {
  right: -270px;
}
body.offside-js--is-left.slide-opened:not(.do-overlay) .slideout-overlay button.slideout-exit {
  left: 270px;
}

/* BREADCRUMBS */
.breadcrumbs {
	margin-bottom: 2em !important;
}

.breadcrumbs,
.breadcrumbs li {
  margin: 0;
}

.breadcrumbs li {
  display: inline;
}

.breadcrumbs li:not(:last-child)::after {
  content: "\00a0\00a0\00a0";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2323231f' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z'/%3E%3C/svg%3E") no-repeat;
  background-position-y: center;
  background-position-x: left;
  position: relative;
  top: 1px;
}

.breadcrumbs + header {
  margin-top: 1rem;
}

@media (max-width: 768px) {
  .breadcrumbs {
    padding-bottom: 0.5rem;
  }
}

/* -----------------------
    Page content
----------------------- */

ol ol {
  list-style: lower-latin;
}

.entry-content li {
  margin-bottom: 16px;
}

.entry-content .wp-block-group li:last-child {
  margin-bottom: 8px;
}

p + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol,
p + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul,
.wp-block-group h2:first-child + p,
.wp-block-group h3:first-child + p, 
.wp-block-group h4:first-child + p {
  margin-top: 1.5em;
}

.wp-block-group ol:last-child, .wp-block-group ul:last-child {
  margin-bottom: 0;
}

* + .wp-block-group {
  margin-top: 32px;
  margin-bottom: 32px;
}

hr {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.wp-block-separator {
  border-bottom: none;
}

@media (max-width: 767px) {
  .entry-content .wp-block-list {
    margin-left: 24px;
  }

  p + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol,
  p + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul,
  .wp-block-group h2:first-child + p,
  .wp-block-group h3:first-child + p, 
  .wp-block-group h4:first-child + p {
    margin-top: 16px;
  }
}

@media (min-width: 768px) {  
  .wp-block-separator.aligncenter {
    width: 80%;
  }
}

.shadow {
  box-shadow: 2px 2px 20px 10px rgba(0, 0, 0, 0.05);
}

.entry-content .wp-block-media-text {
  padding-bottom: 4rem;
}

@media (min-width: 769px) {
  .content-column {
    margin-bottom: 3rem;
  }
}

@media (max-width: 900px) {
  .entry-content .wp-block-media-text {
    padding-bottom: 2rem;
  }
}

@media (min-width: 600px) and (max-width: 781px) {
  .wp-block-spacer {
    height: 20px !important;
  }
}

.checklist .wp-block-group__inner-container {
  padding: 4rem 2rem;
}

.checklist .wp-block-group__inner-container h2 {
  margin-bottom: 2rem;
}

.checklist .wp-block-group__inner-container li {
  margin-bottom: 0.5rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23EC008C' width='24px' height='24px'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E%0A")
    no-repeat 0px 3px transparent;
  list-style-type: none;
  padding-left: 2rem;
}

.checklist .wp-block-group__inner-container ul {
  list-style: none;
  margin: 0 auto;
  max-width: 680px;
}

.checklist .wp-block-group__inner-container ol {
  list-style: none;
  margin: 0 auto;
  max-width: 680px;
}

@media (max-width: 414px) {
  .entry-content .wp-block-media-text {
    padding-bottom: 0;
  }
  .wp-block-spacer {
    height: 0px !important;
  }
  .checklist .wp-block-group__inner-container {
    padding: 40px 20px;
  }
  .checklist .wp-block-group__inner-container li {
    font-size: 16px;
    margin-bottom: 1rem;
  }
}

/* WORKAROUND: https://github.com/tomusborne/generatepress/issues/395 */
.wp-block-code code {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

/* Quote */

blockquote {
  border-left: none;
  font-style: normal;
  box-sizing: border-box;
  padding: 56px 24px;
}

.full-width-content blockquote {
  margin-bottom: 0;
}

pre,
blockquote.wp-block-quote {
  background: var(--accent-2);
}

blockquote.wp-block-quote p,
blockquote.wp-block-quote cite {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
}

blockquote cite {
  font-style: normal;
  display: block;
  text-align: center;
}

blockquote.wp-block-quote:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='45px' viewBox='0 0 24 24' width='45px' fill='%23ec008c'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M7.17 17c.51 0 .98-.29 1.2-.74l1.42-2.84c.14-.28.21-.58.21-.89V8c0-.55-.45-1-1-1H5c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h2l-1.03 2.06c-.45.89.2 1.94 1.2 1.94zm10 0c.51 0 .98-.29 1.2-.74l1.42-2.84c.14-.28.21-.58.21-.89V8c0-.55-.45-1-1-1h-4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h2l-1.03 2.06c-.45.89.2 1.94 1.2 1.94z'/%3E%3C/svg%3E");
  display: block;
  width: 45px;
  height: 45px;
  background-size: contain;
  margin: 0 auto 0.5rem;
}

@media (max-width: 1024px) {
  blockquote.wp-block-quote {
    padding: 32px 16px;
  }
}

/* Pricing blocks */

.container-with-cta .gb-inside-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.container-with-cta .gb-inside-container > *:last-child {
  margin-top: auto;
}

.wp-block-group__inner-container {
  padding-top: 0;
}

.wp-block-image figcaption,
.wp-block-embed figcaption {
  text-align: left;
  font-size: .88888em;
}

table:has(+ figcaption) {
  margin-bottom: 0;
}

figcaption {
  margin-bottom: 16px;
}

.wp-block-table.is-style-stripes {
  border-bottom: none;
}

/* S, M, L, XL font size in editor */
[class*="-font-size"] {
  line-height: 1.555em;
}

/* Columns, Groups, Rows, Stacks */

:where(.is-layout-flex) {
  gap: 20px;
}

@media (max-width: 781px) {
	.wp-block-columns.is-layout-flex {
		gap: 0;
	}

  :where(.wp-block-columns),
  .is-layout-flex > .wp-block-column:not(:last-child) {
    margin-bottom: 16px;
  }

  .wp-block-column.has-background,
  :where(.wp-block-columns.has-background) {
    padding: 16px;
  }
}

@media (min-width: 782px) {
	.wp-block-columns.is-layout-flex {
		gap: 40px;
	}

  :where(.wp-block-columns) {
    margin-bottom: 16px;
  }

  .wp-block-column.has-background,
  :where(.wp-block-columns.has-background) {
    padding: 40px;
  }

  .wp-block-columns ~ .wp-block-columns {
    margin-top: 40px;
  }
}

/* -----------------------
    Footer
----------------------- */

.widget-title {
  margin-bottom: 16px;
}

.footer-widget-1 {
  flex-grow: 2 !important;
}

.inside-footer-widgets .widget ul li {
  margin-bottom: 8px;
}

.copyright-bar {
  text-align: left;
}

.copyright-bar a {
  white-space: nowrap;
}

/* -----------------------
    Buttons
----------------------- */

.wp-block-buttons {
  column-gap: 1em;
}

.wp-block-buttons > .wp-block-button {
  margin-bottom: 1em;
}

.button,
.wp-block-button .wp-block-button__link,
input[type="submit"],
button[type="submit"] {
  padding: 0.75em 1.875em;
  border-radius: 1.875em;
  transition: all 0.35s ease;
  border: 2px solid;
}

.button,
.wp-block-button .wp-block-button__link:not(.has-text-color),
input[type="submit"],
button[type="submit"] {
  border-color: var(--primary);
}

.button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
  transition: all 0.35s ease;
}

.wp-block-button .wp-block-button__link.has-text-bright-color.has-accent-1-background-color {
  color: var(--text-bright);
  border-color: var(--text-bright);
  background-color: var(--accent-1);
}

.wp-block-button .wp-block-button__link.has-text-bright-color.has-accent-1-background-color:hover {
  color: var(--accent-1);
  border-color: var(--text-bright);
  background-color: var(--text-bright);
}

@media (max-width: 767px) {
  .gb-container-header .wp-block-buttons {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
}

/* -----------------------
    Forms
----------------------- */

form {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
}

form input[type="checkbox"] + label {
  font-size: inherit;
  letter-spacing: inherit;
}

form input, textarea, select {
	margin-top: 1px;
}

form input,
textarea,
select,
form .marketing-subscription-list,
form .consentBlock,
form .twoOptionFormFieldBlock {
  margin-bottom: 16px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
  text-indent: initial;
  padding: 0.5em 0.75em;
}

select {
  border-radius: 0px !important;
  padding: 0 8px;
}

textarea {
  border-radius: 0;
  padding: 8px;
}

input[type="checkbox"],
input[type="radio"] {
  width: 20px !important;
  height: 20px !important;
  margin: 4px 0.5ch 4px 0 !important;
}

input[type="checkbox"] + label p,
input[type="radio"] + label p {
  display: inline;
}

input[type="search"] {
  margin: 0 16px 0 0;
}

button[type="submit"] {
  width: auto;
  text-transform: none;
  height: auto;
}

input[type="submit"] {
  margin: 0;
}

form table, form th, form td {
  border: none;
  padding: unset;
}

form .consentBlock[style] {
  padding: unset !important;
}

form .consentBlock p {
  margin: 0;
}

.marketingForm .columnContainer[style] {
  flex: unset !important;
}

.onFormSubmittedFeedback[style] {
    width: 100% !important;
}

.marketingForm [data-layout="true"][style] {
    max-width: 100% !important;
    margin: 0 !important;
}

.marketingForm table.outer > tbody,
.marketingForm table.outer > tbody > tr,
.marketingForm table.outer > tbody > tr > th {
  display: block;
}

.marketingForm table[style],
.marketingForm tbody[style],
.marketingForm tr[style],
.marketingForm th[style] {
  width: 100% !important;
}

.marketingForm button[style] {
  padding: 0.75em 1.875em !important;
}

@media (max-width: 768px) {
  form {
    max-width: 100% !important;
  }
}

@media (min-width: 769px) {
  input[type="search"] {
    width: 400px;
  }
}

/* -----------------------
    Archive
----------------------- */
.archive.no-sidebar .page-title {
  text-align: center;
}

.archive .entry-title,
.search .entry-title {
  margin-bottom: 16px;
}

.archive .entry-summary:not(:first-child),
.search .entry-summary:not(:first-child),
.archive .entry-content:not(:first-child),
.search .entry-content:not(:first-child),
.wp-block-query .entry-content {
  margin-top: 0;
}

.one-container.archive .post:not(:last-child):not(.is-loop-template-item), .one-container.blog .post:not(:last-child):not(.is-loop-template-item) {
  padding-bottom: 20px;
}