/* Fonts */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400 500 600 700 800;
  src: url('/wp-content/uploads/fonts/WorkSans-VariableFont_wght.woff2') format('woff2');
	font-display: swap;
}

/* Makes the Gutenberg Text Blocks XL,L,M responsive */
@media (max-width: 768px) {
  .has-x-large-font-size {
    font-size: 30px !important;
  }
  .has-large-font-size {
    font-size: 24px !important;
  }
  .has-medium-font-size {
    font-size: 20px !important;
  }
}

/* Main menu */

@media (max-width: 768px) {
    .widget-area .widget {
        padding-top: 20px;
        padding-right: 10px;
        padding-bottom: 20px;
        padding-left: 10px;
    }
}

@media (min-width: 769px) {
    .main-navigation .menu > .menu-item:not([class^="menu-button"]) > a::after {
        content: "";
        position: absolute;
        right: 0;
        left: 50%;
        bottom: 8px; 
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);

        display: block;
        width: 0;
        height: 3px;

        background-color: #3eaeda; 
        transition: 0.3s width ease;
}

.main-navigation .menu > .menu-item.current-menu-ancestor > a::after,
    .main-navigation .menu > .menu-item > a:hover::after {
        width: 70%;
    }
}

.main-navigation:not(.toggled) ul li.menu-button-primary a {
	margin-left:20px;
	background: var(--primary-300);
	border:2px solid var(--primary-300);
	border-radius: 6px 6px 6px 6px;
	color: #403F47;
	line-height: 40px;
}

.main-navigation:not(.toggled) ul li.menu-button-primary a:hover {
	background:var(--primary-400);
	color: #403F47;
	border:2px solid var(--primary-500);
}

.main-navigation:not(.toggled) ul li.menu-button-secondary a {
	margin-left:20px;
	background: transparent;
	border:2px solid #403F47;
	border-radius: 6px 6px 6px 6px;
	color: #403F47;
	line-height: 40px;
}

.main-navigation:not(.toggled) ul li.menu-button-secondary a:hover {
	color: #403F47;
	background:var(--secondary-100);
	border:2px solid #403F47;
}

/* Header: Reserve space for the logo to avoid Content Layout Shift during loading */

.site-header .header-image {
		min-width: 220px !important;
}

/* Buttons */

button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"], 
a.button, 
a.button:visited, 
a.wp-block-button__link:not(.has-background) {
	background: var(--primary-300);
	border:2px solid var(--primary-300);
	border-radius: 6px 6px 6px 6px;
	color: #403F47;
	line-height: 40px;
	font-weight:600;
	margin-right:20px;
}

button:hover, 
html input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover, 
a.button:hover, 
a.wp-block-button__link:not(.has-background):hover {
	background:var(--primary-400);
	border:2px solid var(--primary-500);	
}

.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-text-color) {
	background-color: transparent;
	border:2px solid #403F47;
}

.wp-block-button:hover .wp-block-button__link.is-style-outline:hover, .wp-block-button.is-style-outline>.wp-block-button__link:hover {
	background:var(--secondary-100);
	border:2px solid #403F47;	
}

.wp-block-button .wp-block-button__link.is-style-outline-white:not(.has-background), .wp-block-button.is-style-outline-white>.wp-block-button__link:not(.has-background) {
    background-color: transparent;
    background-image: none;
	  color:var(--base);
	  border-color:var(--base);
}

.wp-block-button:hover .wp-block-button__link.is-style-outline-white:hover, .wp-block-button.is-style-outline-white>.wp-block-button__link:hover {
	background:var(--secondary-100);
	color: #403F47;
}

/* Buttons pricing */

.wp-block-button .wp-block-button__link:hover {
	background:#4b4955;
	color: #f0ece4;
}

/* Blog Search Button */
.wp-block-search__button {
	background:#F8F6F2;
	border:2px solid #F8F6F2;
}

.wp-block-search__button:hover {
	background:#f0ece4;
	border:2px solid #f0ece4;
}



/* Forms */

div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
    max-width: 100% !important;
}

.wpforms-form input[type=submit], 
.wpforms-form button[type=submit] {
  margin-top:20px !important;
	background: var(--primary-300) !important;
	border:2px solid var(--primary-300)  !important;
	border-radius: 6px 6px 6px 6px  !important;
	color: #403F47  !important;
	line-height: 40px  !important;
	font-weight:600  !important;
	width:100% !important;
}
.wpforms-form input[type=submit]:hover, 
.wpforms-form button[type=submit]:hover
{
	background-color:var(--primary-400);
}

.wpforms-form input[type=text], input[type=email] 
{
	font-size:20px !important;
  padding: 20px 20px 20px 20px !important;
	border-radius:8px !important;
}

.wpforms-form .wpforms-field-label {
    font-size: 14px;
}

div.wpforms-confirmation-container-full {
    background: #ffffff;
	border-radius: 20px;
}

.wpforms-error {
	font-size:20px;
	color:red !important;
}

.wpforms-form .wpforms-required-label {
    color: var(--accent) !important;
}

.custom-form {
	text-align: center !important;
}

.custom-button {
	background: var(--primary-300) !important;
	border-radius: 8px !important;
	font-weight:600 !important;
	border: 1px solid var(--primary-200) !important;
	outline: 5px solid transparent !important;
}

.custom-button:hover {
	background-color: var(--primary-300) !important;
	outline:5px solid var(--primary-200) !important;
}

.wpforms-form input[type=checkbox] {
	accent-color: var(--primary-300)
}

.wpforms-field.wpforms-field-content .wpforms-field-row p {
	font-size: 16px;
}

.wpforms-field-medium {
	border-radius: 8px !important;
}

/* Posts */

@media(min-width: 769px) {
    .both-sidebars .site-content {
        display: flex;
    }
    #left-sidebar, #primary, #right-sidebar {
        left: unset;
    }
    #left-sidebar {
        order: -1;
    }
    .inside-left-sidebar, .inside-right-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 120px;
    }
}

.wp-block-post-title {
	min-height:60px;
}

.wp-block-post-title a {
	color:var(--contrast);
	text-decoration:none;
}

.wp-block-post-title a:hover {
	color:var(--contrast);
	text-decoration:underline;
}


.comments-area {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

blockquote {
    background-color: var(--base);
    border-color: #000000;
}
p img {
    vertical-align: middle;
}

.text-contrast-2 {
		color:var(--contrast-2);
}

.text-base {
		color:var(--base);
}

.equal-content-height > .gb-grid-column > .gb-container > .gb-inside-container {
height: inherit;
display:flex;
flex-direction: column;
}

/* same height for colums */

.columns-same-height > .gb-grid-column {
  display: flex;
  flex-direction: column;
}

.columns-same-height > .gb-grid-column > .gb-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.columns-same-height > .gb-grid-column > .gb-container > .gb-inside-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

/* end */


.push-to-bottom{
margin-top: auto;
}

.shadow {
	/* offset-x | offset-y | blur-radius | spread-radius | color */
	box-shadow: 0px 4px 40px 1px rgba(0, 0, 0, 0.13);
	border-radius:20px;
}

.shadow-lighter {
	/* offset-x | offset-y | blur-radius | spread-radius | color */
	box-shadow: 0px 4px 40px 1px rgba(0, 0, 0, 0.13);
	border-radius:10px;
}


/* Text marker highlight */
.has-inline-color {
	color:var(--contrast);
  margin: 0 -0.4em;
  padding: 0.1em 0.4em;
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(
    to right,
    rgba(255, 225, 0, 0.1),
    rgba(255, 225, 0, 0.7) 4%,
    rgba(255, 225, 0, 0.3)
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

figcaption { /* Image caption */
	margin-bottom:20px;
	font-size:14px;
}


/* Product Features */

ul.feature-list {
	  list-style-position: outside;
    list-style: none;
	  padding:0px;
	  margin:0px;
}
ul.feature-list li {
  background-image: url("/wp-content/uploads/2024/06/check2.svg");
	background-size:20px 20px;
	background-repeat: no-repeat;
	background-position:left;
	padding-left:35px;
	margin-bottom:16px;
	vertical-align: middle; 
}

ul.problem-list {
	  list-style-position: outside;
    list-style: none;
	  padding:0px;
	  margin:0px;
}
ul.problem-list li {
  background-image: url("/wp-content/uploads/2024/06/pains.svg");
	background-size:20px 20px;
	background-repeat: no-repeat;
	background-position:left ;
	padding-left:35px;
	margin-bottom:16px;
	vertical-align: middle; 
}
/* Blog */
.wp-block-categories-list {
	margin: 0;
	padding: 0;
}
.wp-block-categories-list li {
		list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1.8;
}
/* Cards in search results and category */
.archive.category .inside-article,
.search-results .inside-article {
    background-color: #fff;
	  padding:20px; 
	  border-radius:20px;
}

/* Sticky */
.sticky-element{
		position: sticky;
		position: -webkit-sticky;
		top: 120px;
}

.sticky-container > .gb-inside-container
{
		height: 100%;
}

/* Newsletter */

div.wpforms-container-full .wpforms-form input[type=email] {
	font-size: 16px !important;
}

/* Demo page name */

.wpforms-form input[type=text], input[type=email] {
	font-size: 16px !important;
}
	
div.wpforms-container-full .wpforms-form textarea.wpforms-field-small {
	border-radius: 6px 6px 6px 6px  !important;
}

/* Responsive Block Quote */
@media (max-width: 768px) {
  .wp-block-quote {
    font-size: 1rem;
  }

  .wp-block-quote cite {
    font-size: 0.875rem;
  }
}

/* Description of menu items */
.main-navigation .menu-item-description {
    display: block;
    font-size: 0.85em;
    color: #666;
	  font-weight:400;
	  margin-top:3px;
}

/* Menu drop down */
.main-navigation ul ul {
    padding: 20px 10px;
	  border-radius:6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	  min-width: auto;
    width: auto;
    white-space: nowrap;
}

/* footer */

.footer-widgets-container a {
	text-decoration: none;
  color: #3A3940;
  transition: color 0.3s ease;
}

.footer-widgets-container a:hover {
  color: black;
	font-weight: 500;
}