/*
Theme Name: Veto Pharma
Description: Twenty Twenty-One Child Theme
Author: Veto Pharma
Template: twentytwentyone
Version: 1.0.0
Text Domain: vetopharma
*/

/* Variables */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,400;1,500&family=Raleway:wght@300;400;500;600;700;800;900&display=swap');

 :root {
    /* --global-color-main: #f5f5f5;
     */
    /* Font Family */
     --global--font-primary: var( --font-headings, Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
     --global--font-secondary: var( --font-base, Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);

	/* Font Size */
	--global--font-size-base: 1.25rem;
	--global--font-size-xs: 1rem;
	--global--font-size-sm: 1.125rem;
	--global--font-size-md: 1.25rem;
	--global--font-size-lg: 1.5rem;
	--global--font-size-xl: 2.25rem;
	--global--font-size-xxl: 4rem;
	--global--font-size-xxxl: 5rem;
	--global--font-size-page-title: var(--global--font-size-xxl);
	--global--letter-spacing: normal;

	/* Line Height */
	--global--line-height-body: 1.7;
	--global--line-height-heading: 1.3;
	--global--line-height-page-title: 1.1;

	/* Headings */
	--heading--font-family: var(--global--font-primary);
	--heading--font-size-h6: var(--global--font-size-xs);
	--heading--font-size-h5: var(--global--font-size-sm);
	--heading--font-size-h4: var(--global--font-size-lg);
	--heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
	--heading--font-size-h2: var(--global--font-size-xl);
	--heading--font-size-h1: var(--global--font-size-page-title);
	--heading--letter-spacing-h6: 0.05em;
	--heading--letter-spacing-h5: 0.05em;
	--heading--letter-spacing-h4: var(--global--letter-spacing);
	--heading--letter-spacing-h3: var(--global--letter-spacing);
	--heading--letter-spacing-h2: var(--global--letter-spacing);
	--heading--letter-spacing-h1: var(--global--letter-spacing);
	--heading--line-height-h6: var(--global--line-height-heading);
	--heading--line-height-h5: var(--global--line-height-heading);
	--heading--line-height-h4: var(--global--line-height-heading);
	--heading--line-height-h3: var(--global--line-height-heading);
	--heading--line-height-h2: var(--global--line-height-heading);
	--heading--line-height-h1: var(--global--line-height-page-title);
	--heading--font-weight: normal;
	--heading--font-weight-page-title: 300;
	--heading--font-weight-strong: 600;

	/* Block: Latest posts */
	--latest-posts--title-font-family: var(--heading--font-family);
	--latest-posts--title-font-size: var(--heading--font-size-h3);
	--latest-posts--description-font-family: var(--global--font-secondary);
	--latest-posts--description-font-size: var(--global--font-size-sm);
	--list--font-family: var(--global--font-secondary);
	--definition-term--font-family: var(--global--font-primary);

	/* Colors */
	--global--color-black: #000;
	--global--color-dark-gray: #28303d;
	--global--color-gray: #39414d;
	--global--color-light-gray: #f0f0f0;
	--global--color-green: #d1e4dd;
	--global--color-blue: #047292;
	--global--color-purple: #d1d1e4;
	--global--color-red: #e4d1d1;
	--global--color-orange: #f7a824;
	--global--color-yellow: #eeeadd;
	--global--color-white: #fff;
	--global--color-white-50: rgba(255, 255, 255, 0.5);
	--global--color-white-90: rgba(255, 255, 255, 0.9);
	--global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */
	--global--color-secondary: var(--global--color-gray); /* Headings */
	--global--color-primary-hover: var(--global--color-primary);
	--global--color-background: var(--global--color-blue); /* Mint, default body background */
	--global--color-border: var(--global--color-primary); /* Used for borders (separators) */

	/* Spacing */
	--global--spacing-unit: 20px;
	--global--spacing-measure: unset;
	--global--spacing-horizontal: 25px;
	--global--spacing-vertical: 30px;

	/* Elevation */
	--global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);

	/* Forms */
	--form--font-family: var(--global--font-secondary);
	--form--font-size: var(--global--font-size-sm);
	--form--line-height: var(--global--line-height-body);
	--form--color-text: var(--global--color-dark-gray);
	--form--color-ranged: var(--global--color-secondary);
	--form--label-weight: 500;
	--form--border-color: var(--global--color-secondary);
	--form--border-width: 3px;
	--form--border-radius: 0;
	--form--spacing-unit: calc(0.5 * var(--global--spacing-unit));

	/* Cover block */
	--cover--height: calc(15 * var(--global--spacing-vertical));
	--cover--color-foreground: var(--global--color-white);
	--cover--color-background: var(--global--color-black);

	/* Buttons */
	--button--color-text: var(--global--color-background);
	--button--color-text-hover: var(--global--color-secondary);
	--button--color-text-active: var(--global--color-secondary);
	--button--color-background: var(--global--color-secondary);
	--button--color-background-active: var(--global--color-background);
	--button--font-family: var(--global--font-primary);
	--button--font-size: var(--global--font-size-base);
	--button--font-weight: 500;
	--button--line-height: 1.5;
	--button--border-width: 3px;
	--button--border-radius: 0;
	--button--padding-vertical: 15px;
	--button--padding-horizontal: calc(2 * var(--button--padding-vertical));

	/* entry */
	--entry-header--color: var(--global--color-primary);
	--entry-header--color-link: currentColor;
	--entry-header--color-hover: var(--global--color-primary-hover);
	--entry-header--color-focus: var(--global--color-secondary);
	--entry-header--font-size: var(--heading--font-size-h2);
	--entry-content--font-family: var(--global--font-secondary);
	--entry-author-bio--font-family: var(--heading--font-family);
	--entry-author-bio--font-size: var(--heading--font-size-h4);

	/* Header */
	--branding--color-text: var(--global--color-primary);
	--branding--color-link: var(--global--color-primary);
	--branding--color-link-hover: var(--global--color-secondary);
	--branding--title--font-family: var(--global--font-primary);
	--branding--title--font-size: var(--global--font-size-lg);
	--branding--title--font-size-mobile: var(--heading--font-size-h4);
	--branding--title--font-weight: normal;
	--branding--title--text-transform: uppercase;
	--branding--description--font-family: var(--global--font-secondary);
	--branding--description--font-size: var(--global--font-size-sm);
	--branding--description--font-family: var(--global--font-secondary);
	--branding--logo--max-width: 300px;
	--branding--logo--max-height: 100px;
	--branding--logo--max-width-mobile: 96px;
	--branding--logo--max-height-mobile: 96px;

	/* Main navigation */
	--primary-nav--font-family: var(--global--font-secondary);
	--primary-nav--font-family-mobile: var(--global--font-primary);
	--primary-nav--font-size: var(--global--font-size-md);
	--primary-nav--font-size-sub-menu: var(--global--font-size-xs);
	--primary-nav--font-size-mobile: var(--global--font-size-sm);
	--primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
	--primary-nav--font-size-button: var(--global--font-size-xs);
	--primary-nav--font-style: normal;
	--primary-nav--font-style-sub-menu-mobile: normal;
	--primary-nav--font-weight: normal;
	--primary-nav--font-weight-button: 500;
	--primary-nav--color-link: var(--global--color-primary);
	--primary-nav--color-link-hover: var(--global--color-primary-hover);
	--primary-nav--color-text: var(--global--color-primary);
	--primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
	--primary-nav--border-color: var(--global--color-primary);

	/* Pagination */
	--pagination--color-text: var(--global--color-primary);
	--pagination--color-link-hover: var(--global--color-primary-hover);
	--pagination--font-family: var(--global--font-secondary);
	--pagination--font-size: var(--global--font-size-lg);
	--pagination--font-weight: normal;
	--pagination--font-weight-strong: 600;

	/* Footer */
	--footer--color-text: var(--global--color-primary);
	--footer--color-link: var(--global--color-primary);
	--footer--color-link-hover: var(--global--color-primary-hover);
	--footer--font-family: var(--global--font-primary);
	--footer--font-size: var(--global--font-size-sm);

	/* Block: Pull quote */
	--pullquote--font-family: var(--global--font-primary);
	--pullquote--font-size: var(--heading--font-size-h3);
	--pullquote--font-style: normal;
	--pullquote--letter-spacing: var(--heading--letter-spacing-h4);
	--pullquote--line-height: var(--global--line-height-heading);
	--pullquote--border-width: 3px;
	--pullquote--border-color: var(--global--color-primary);
	--pullquote--color-foreground: var(--global--color-primary);
	--pullquote--color-background: var(--global--color-background);
	--quote--font-family: var(--global--font-secondary);
	--quote--font-size: var(--global--font-size-md);
	--quote--font-size-large: var(--global--font-size-xl);
	--quote--font-style: normal;
	--quote--font-weight: 700;
	--quote--font-weight-strong: bolder;
	--quote--font-style-large: normal;
	--quote--font-style-cite: normal;
	--quote--line-height: var(--global--line-height-body);
	--quote--line-height-large: 1.35;
	--separator--border-color: var(--global--color-border);
	--separator--height: 1px;

	/* Block: Table */
	--table--stripes-border-color: var(--global--color-light-gray);
	--table--stripes-background-color: var(--global--color-light-gray);
	--table--has-background-text-color: var(--global--color-dark-gray);

	/* Widgets */
	--widget--line-height-list: 1.9;
	--widget--line-height-title: 1.4;
	--widget--font-weight-title: 700;
	--widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));

	/* Admin-bar height */
	--global--admin-bar--height: 0px;
}

.admin-bar {
	--global--admin-bar--height: 32px;
}
@media only screen and (max-width: 782px) {

	.admin-bar {
		--global--admin-bar--height: 46px;
	}
}

@media only screen and (min-width: 652px) {

	:root {
		--global--font-size-xl: 2.5rem;
		--global--font-size-xxl: 6rem;
		--global--font-size-xxxl: 9rem;
		--heading--font-size-h3: 2rem;
		--heading--font-size-h2: 3rem;
	}
}



body {
  background-color: var(--global--color-white);
}


 html {
     font-size: 10px;
}
 *, ::before, ::after {
     box-sizing: border-box;
}
 body {
    /* background-color: var(--global--color-main);
     */
    /* background-color: lightblue;
     */
     font-size: 16px;
     font-family: Montserrat, sans-serif;
     background-color: #f5f5f5;
}
 h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
     font-weight: 600;
}

.elementor-widget-container h4 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.elementor-widget-container h3 {
  font-size: 18px !important;
  line-height: 24px !important;
  margin: 20px 0 10px 0;
  font-family: Montserrat, sans-serif !important;
  font-weight: 700;
  color: #5b5b5b;
}


 ul {
     list-style-type: none;
     padding-left: 0;
}
 .entry-content ul {
     list-style-type: disc;
}
 .site .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus,
.wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus {
     outline: 0 none;
}



.menu-custom .elementskit-navbar-nav-default .elementskit-navbar-nav {
  justify-content: space-between;
}

.menu-custom .menu-item a {
  padding-left: 40px;
  display: inline-block;
}

.menu-custom a {
  padding-left: 50px;
}

.menu-custom a:hover,
.menu-custom li.current-menu-item > a {
  color: var(--global--color-orange) !important;
}

.menu-custom a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: #047292;
}

.menu-custom a:hover::after,
.menu-custom li.current-menu-item > a:after {
  background: #f7a824;
}

.menu-custom a:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  width: 40px;
  height: 30px;
  background: url("assets/images/sprite.png") no-repeat left top;
  background-image: url("assets/images/sprite.png");
  background-repeat: no-repeat;
  background-position: right bottom;
}

#menu-custom .item-varroa a {
  padding-left: 50px;
}


.item-varroa a:before {
  margin-top: -18px;
  background-position: left top;
  width: 50px;
  height: 50px;
}

.item-varroa a:hover::before,
.menu-custom li.item-varroa.current-menu-item > a::before {
  background-position: 0 -100px;
}

.item-nutrition a:before {
  background-position: -123px top;
}

.item-nutrition a:hover::before,
.menu-custom li.item-nutrition.current-menu-item > a::before {
  background-position: -123px -100px;
}

.item-portraits a:before {
  background-position: -359px top;
}

.item-portraits a:hover::before,
.menu-custom li.item-portraits.current-menu-item > a::before {
  background-position: -359px -100px;
}

.item-fasiatique a:before {
  background-position: -242px top;
}

.item-fasiatique a:hover::before,
.menu-custom li.item-fasiatique.current-menu-item > a::before {
  background-position: -242px -100px;
}

.item-rucher a:before {
  background-position: -477px top;
}

.item-rucher a:hover::before,
.menu-custom li.item-rucher.current-menu-item > a::before {
  background-position: -477px -100px;
}

.item-news a:before {
  background-position: -594px top;
}

.item-news a:hover::before,
.menu-custom li.item-news.current-menu-item > a::before {
  background-position: -594px -100px;
}



.mobile-lang .polylang_langswitcher {
  text-align: center;
}

.mobile-lang .polylang_langswitcher li {
  display: inline-block;
  padding: 0 10px;
}

.current-lang a {
  opacity: 0.5;
  cursor: default;
}


.area-text p {
  margin-bottom: 10px;
}

.elementor-widget-text-editor ol {
  padding-left: 20px;
}

.elementor-widget-text-editor ul li {
  padding-left: 20px;
  position: relative;
  padding-bottom: 10px;
}

.elementor-widget-text-editor ul li::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #f7a824;
  border-radius: 100%;
  position: absolute;
  top: 8px;
  left: 0;
}

.elementor-widget-icon-box a:hover {
  color: #f7a824;
}


.wrap-listing .elementor-heading-title {
  min-height: 70px;
     overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3;
   -webkit-box-orient: vertical;
}

  .listing-post .elementor-widget-theme-post-excerpt .elementor-widget-container p {
    line-height: 20px;
  }

 .wrap-listing .elementor-widget-theme-post-excerpt {
    min-height: 82px;
    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 4; /* number of lines to show */
           line-clamp: 4;
   -webkit-box-orient: vertical;
  }


  .elementor-widget-text-editor a:link,
  .elementor-widget-text-editor a:visited {
    color: #047292;
  }

  .elementor-widget-text-editor a:hover,
  .elementor-widget-text-editor a:active {
    color: #f7a824;
  }

  #menu-lang-menu a {
     padding-right: 5px;
  }



  .elementor-location-footer .elementor-nav-menu--dropdown {
    display: none;
  }

  .post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), [class*="inner-container"] > :not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .default-max-width {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}



.single-post .elementor-post-info__item--type-author {
  color: #F7A824 !important;
}

.single-post .elementor-post-info__item--type-author .elementor-post-info__item-prefix {
   color: #ffffff;
}

.wrap-listing {

}

.single-post .wrap-listing .elementor-post-info__item--type-author {
  color: #808080 !important;
}

.single-post .wrap-listing .elementor-post-info__item--type-author .elementor-post-info__item-prefix {
   color: #808080;
}




/* search */

#mySearch {
  display: none;
}

#mySearch.show {
  display: block;
}

.srch {
  color: #f7a824;
  cursor: pointer;
  vertical-align: middle;
}

.srch:hover {
  color: #ffffff;
}

.srch::before {
   display: block;
}


#mySearch button.elementor-search-form__submit:not(:hover),
#mobile-search button.elementor-search-form__submit:not(:hover) {
  background: #047292;
  color: #ffffff;
}


.search-results .page.type-page .elementor-widget-button {
    display: none;
}

.elementor-avatar {
  max-width: 31px !important;
}

.search-results .elementor-post-info {
    align-items: center;
}

.search-results .elementor-icon-list-item::after {
  display: none !important;
}






@media only screen and (min-width: 1024px) {
  #menu-custom {
    z-index: 0;
  }


}

@media only screen and (max-width: 1500px) {
 /*  .bee-absolute {
     display: none;
   }*/

   body > .elementor > .e-con > .e-con-inner {
     padding-left: 20px;
     padding-right: 20px;
   }


}

@media only screen and (max-width: 1024px) {

  .wrap-main-menu .elementskit-menu-hamburger {
    float: none !important;
    margin: 0 auto;
    font-size: 24px;
    font-weight: bold;
  }

  .menu-custom .wrap-main-menu .elementskit-menu-container {
     background-color: #ffffff !important;
     padding: 15px;
  }

  #menu-custom .menu-item a {
    padding-left: 50px;
    color: #222222;
  }

  .wrap-main-menu .elementskit-menu-container .elementskit-menu-close {
      background-color: #047292 !important;
  }

    .wrap-main-menu .elementskit-menu-container .elementskit-menu-close:hover {
      background-color: #f7a824 !important;
      color: #ffffff !important;
  }

  .item-varroa a:before {
    margin-top: -15px;
  }

  .menu-custom a::after {
    bottom: 0;
  }


  .item-nutrition a:before {
  background-position: -113px top;
}

.item-nutrition a:hover::before,
.menu-custom li.item-nutrition.current-menu-item > a::before {
  background-position: -113px -100px;
}

.item-portraits a:before {
  background-position: -349px top;
}

.item-portraits a:hover::before,
.menu-custom li.item-portraits.current-menu-item > a::before {
  background-position: -349px -100px;
}

.item-fasiatique a:before {
  background-position: -232px top;
}

.item-fasiatique a:hover::before,
.menu-custom li.item-fasiatique.current-menu-item > a::before {
  background-position: -232px -100px;
}

.item-rucher a:before {
  background-position: -464px top;
}

.item-rucher a:hover::before,
.menu-custom li.item-rucher.current-menu-item > a::before {
  background-position: -464px -100px;
}

.item-news a:before {
  background-position: -584px top;
}

.item-news a:hover::before,
.menu-custom li.item-news.current-menu-item > a::before {
  background-position: -584px -100px;
}


#ekit-megamenu-lang-menu.elementskit-navbar-nav-default .elementskit-dropdown-has > a .elementskit-submenu-indicator {
    padding: 4px 5px;
  }





}

@media only screen and (max-width: 768px) {
    .wrap-listing .elementor-heading-title {
      min-height: 20px;
    }

    .wrap-listing .elementor-widget-theme-post-excerpt {
       min-height: 20px;
    }
}












/* footer */

.wrap-newsletter {
  overflow: hidden;
}



/* .site-footer {
     width: 100%;
     max-width: 100%;
     margin: 0;
     padding: 0;
     color: #ffffff;
     padding: 0 20px;
}
 .inner-footer {
     display: flex;
     max-width: 100%;
     width: 1400px;
     margin: 0 auto;
     padding: 70px 0;
}
 .inner-footer a:link, .inner-footer a:visited {
     color: #ffffff;
}

 .site-footer .widget-area-blocks {
     width: 100%;
     max-width: 100%;
     display: flex;
     justify-content: space-between;
     padding-left: 7%;
}

 .site-footer ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
     display: none;
}
 .site-footer .sub-menu-toggle {
     padding: 0;
     background-color: transparent !important;
     outline: 0 none;
     border: 0 none;
     height: 24px;
     line-height: 24px;
}
 .site-footer .sub-menu-toggle:focus {
     outline: 0 none !important;
}
 .sub-menu-toggle .icon-plus, .sub-menu-toggle .icon-minus {
     height: 100%;
     display: block;
     align-items: center;
     width: 20px;
     height: 20px;
}
 .sub-menu-toggle .icon-minus {
     display: none;
}
 .sub-menu-toggle[aria-expanded="true"] .icon-plus {
     display: none;
}
 .sub-menu-toggle[aria-expanded="true"] .icon-minus {
     display: flex;
}

 #nav_menu-5 .sub-menu-toggle .icon-plus,
#nav_menu-5 .sub-menu-toggle .icon-minus {
     position: relative;
     color: transparent;
     z-index: 9999;
}
#nav_menu-5 .sub-menu-toggle .icon-plus:after {
     font-family: FontAwesome, "Font Awesome 5 Free";
     content: "\f0dd";
     line-height: 18px;
     color: #ffffff;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 9999;
     width: 30px;
     height: 23px;
}
#nav_menu-5 .sub-menu-toggle .icon-minus:after {
     font-family: FontAwesome;
     content: "\f0de";
     line-height: 30px;
     color: #ffffff;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 9999;
     width: 30px;
     height: 40px;
}
 .site-footer .menu li {
     line-height: 24px;
     float: left;
     width: 100%;
}
 .site-footer .menu li svg {
     width: 20px;
     height: 20px;
     line-height: 24px;
     margin-left: 20px;
}
 .site-footer .menu li a {
     text-decoration: none;
     font-size: 18px;
     float: left;
     clear: both;
}
 .site-footer .menu li a:hover,
.site-footer .menu li a:active,
.site-footer .menu li.current-menu-item > a,
.site-footer .menu li.current_page_item > a {
     text-decoration: underline;
}
 .site-footer ul.sub-menu {
     padding-left: 0;
     list-style: none;
     float: left;
     width: 100%;
     margin-left: 0;
     padding-left: 20px;
}
 .site-footer .menu .sub-menu li a {
     font-size: 16px;
}
 .widget ul .sub-menu-toggle {
     display: block;
}
 .site-footer .widget-area-blocks section .textwidget {
     width: 100%;
}
 .site-footer .widget-area-blocks .social-icons {
     display: flex;
     width: 150px;
     margin-right: 0;
     margin-left: auto;
     justify-content: space-between;
}
 .social-icons a {
     font-family: FontAwesome;
     line-height: 40px;
     font-size: 30px;
     color: #ffffff;
}
 .social-icons a:hover {
     opacity: 0.7;
}
 .footer-btns {
     display: flex;
     flex-wrap: wrap;
     width: 150px;
     margin-right: 0;
     margin-left: auto;
}
 .btn {
     border: 2px solid #F7A823;
     border-radius: 5px;
     padding: 7px 40px;
     font-size: 16px;
     font-weight: 600;
     text-decoration: none;
     outline: none;
}
 .btn:hover {
     background: #F7A823;
}
 .footer-btns .btn {
     width: 100%;
     margin: 10px 0;
}
 .bootom-footer {
     background: #F7A823;
     margin: 0;
     text-align: center;
     padding: 10px;
     font-size: 14px;
     color: #333333;
     font-weight: 500;
}
 .widget a {
     text-decoration: none;
}

*/