/*
Theme Name: Luca Tedesco
Theme URI: https://lucatedesco.it
Author: Luca Tedesco
Author URI: https://lucatedesco.it
Description: Our fantastic base theme
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tdstart
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root { 
  --accent-color: #F75E47; 
  --grey-color: #E1DDD1; 
  --white-color: #fff; 
  --site-bg: #E4E4E4;
  --title-color: #0F4C81;
  --site-text-color: #002649; --link-color: #048ea0; --link-color-hover: #105862; --footer-text-color: #ffffff;
}

/* ! Reset */
body, html{ background: var(--site-bg); font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; box-sizing: border-box;margin: 0;padding: 0;}
*,*:before,*:after{ box-sizing: border-box; }
h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0;padding: 0;}
ol,ul{list-style-type: none;}
img{height: auto;}
a{text-decoration: none;}
hr{border:none; border-bottom: 1px solid var(--grey-color);}

body.admin-bar .header { position: fixed; top: 32px; z-index: 1000;}

ul {list-style: disc inside;
    margin-bottom: 10px; 
    list-style-position: outside;
    padding-left: 30px;}
  ol {list-style: decimal inside;margin-bottom: 25px; padding-left: 30px;}
  ul li{line-height: 1.3;margin-bottom: 5px;}
  
  .footer ol,.footer ul{list-style-type: none; margin-left: 1rem;}
  
  ul li::marker, ol li::marker{
    color: var(--link-color);
    font-size: 1rem;
  }

/* ------------------------------------------------------------------------- *
/* 1 Base */
/* ------------------------------------------------------------------------- */
@font-face {
    font-family: "Playfair Display", serif;
    src: url('fonts/PlayfairDisplay-VariableFont_wght.ttf') format('ttf');
    font-weight: 100 1000;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat", sans-serif;
    src: url('fonts/Montserrat-VariableFont_wght.ttf') format('ttf');
    font-weight: 100 1000;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat", sans-serif;
    src: url('fonts/Montserrat-Italic-VariableFont_wght.ttf') format('ttf');
    font-weight: 100 1000;
    font-style: italic;
    font-display: swap;
}

a{text-decoration: none;color: var(--link-color);}
p{line-height: 1.3}


/* ! Title System */
.text-0{font-size: 5rem; line-height: 1;}
h1, .text-1{font-size: 3.4rem;}
h2, .text-2{font-size: 2.2rem;}
h3, .text-3{font-size: 1.5rem;}
h4, .text-4{font-size: 1.3rem;}
h5, p, .text-5, ul,li{font-size: 1rem;line-height: 150%}
h6{font-size: 0.8rem;}

h1, h2, h3, h4, h5, h6 {font-family: "Playfair Display", serif; font-weight: 700; margin-bottom: 1rem;color: var(--title-color);}
body,p, ol, ul{ font-family: "Montserrat", sans-serif;}


@media (max-width: 768px) {
  .text-0{font-size: 4rem}
}

/* Link color */
a { color: var(--link-color); }
a:focus, a:hover { color: var(--link-color-hover); text-decoration: none; }


/* ! Button system */
.button,
.wp-block-button__link{font-size: 1.2rem; font-weight: bold; background:transparent ; color:var(--white-color); padding: 10px 25px;display: inline-block;border-radius: 0px;border: 1px solid var(--link-color);transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.button:hover,
.wp-block-button__link:hover{background: var(--link-color);color:var(--white-color);}


/* ------------------------------------------------------------------------- *
/* 2 Layout */
/* ------------------------------------------------------------------------- */

.wrapper{overflow:hidden;width: 100%;padding: 0 3%;}
	
.menu-restaurant-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  border-radius: 10px;
}
.menu-restaurant-section {
  margin-bottom: 30px;
}
.menu-restaurant-section h2 {
  background: #D38D2C;
  color: white;
  padding: 10px;
  font-size: 1.5em;
  font-weight: bold;
  display: inline-block;
  border-radius: 5px;
}
.menu-restaurant-item {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 1px dashed #8C6239;
  padding: 10px 0;
}
.menu-restaurant-item-title {
  font-size: 1.2em;
  font-weight: bold;
}
.menu-restaurant-item-price {
  font-size: 1.2em;
  font-weight: bold;
  color: #8C1E1E;
}
.menu-restaurant-item-description {
  font-size: 0.9em;
  color: #5A5A5A;
}

/* ------------------------------------------------------------------------- *
/* 2.1 Menu */
/* ------------------------------------------------------------------------- */
.lang-item img{width: 16px !important; height: 16px !important; border-radius: 50px;}

.spacer{height: 68px;}
.home .spacer, .page-template-home-template .spacer{height: 0px;}


.header__topbar{ background-color: #333; width: 100%;padding: 4px 4px;color:#fff; text-align: center;margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);width: auto;}
@media (max-width: 794px) {
  .header__topbar{font-size: 13px;}
  .spacer{height: 40px;}
}


.header{ background-color: var(--site-bg); position: fixed; top:0;  left:0; z-index: 9999; width: 100%;padding: 0px 4%;}
.header__content{width: 100%;margin: 0 auto; display: flex;justify-content: space-between; align-items: center;padding:10px 0; position: relative;}

.header__logo,
.header__quick{display: flex; align-items: center;color:var(--site-text-color);font-weight: bold;}
.header__quick a{color:var(--site-text-color);}
.header__quick a:hover{color:var(--link-color-hover);}

.header__logo-img{width: 200px;height: auto;}
.header__quick ul{list-style-type: none;margin-bottom: 0;}
.header__quick ul li{display: inline-block;}
.header__quick ul li a{padding: 10px 5px;}
.header__quick .button{font-size: 1rem;}

.header__quick .button a:hover {color:var(--white-color);}
.menu,
.menu ul{margin: 0;position: relative;}
.menu li{display: inline-block;position: relative; padding: 7px;}
.menu li a{color:var(--site-text-color); opacity: 0.8;display: block;font-size: 14px;font-weight: 400;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.menu li a:hover{opacity:1;}


.icon-hamburger{display: none;}

/* --- linea hover link ---*/
a{position: relative;}

.menu li a:after{
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  display: block;
  margin-top: 0px;
  left: 0%;
  background: var(--link-color-hover);
  transition: width .45s ease-in-out;
}
.menu li a:hover:after{
  width: 100%;
  left: 0%;
  background: var(--link-color-hover);
}

@media (max-width: 1190px) {

  .header__logo-img{width: 150px;height: auto;}

  .menu{   
    position: absolute; top:60px; left:0; right:0; background-color: var(--site-bg); min-width: 100%; 
     height: 100vh; margin: 0 -30px 0 -30px; 
    overflow: auto;transition: all 1s cubic-bezier(.215, .61, .355, 1);padding-left: 0; transform: translateX(-100%);
  }

  .menu li{width: 90%;margin: 0 5%;}
  .menu-open .menu{transform: translateX(0%);}
  .menu-open .menu > li:last-child{margin-bottom: 150px;position: relative;}

  .icon-hamburger{height: 50px;width: 50px;margin-left: 20px;position:absolute; top: 10px; right:-15px; display: block;border:none; background: transparent;z-index: 9999;}
  .icon-hamburger strong{height: 1px;margin-top:-1px; overflow: hidden;width: 1px;display: block;margin: 0;padding: 0;}
  .icon-hamburger span{height: 2px; width: 30px;background: var(--site-text-color);position: relative;display: block;margin-bottom: 11px;transition: all 0.2s cubic-bezier(.215, .61, .355, 1);}
  
  .menu-open .icon-hamburger span:nth-child(2){transform: rotate(45deg) translateY(9px);}
  .menu-open .icon-hamburger span:nth-child(3){transform: rotate(-45deg) translateY(-9px);}
  .header__content{padding-right: 50px;height: 60px;}
  .header__quick{display: flex; justify-content: flex-end;}
  .header__quick ul{padding-left: 0;}
  .header__quick .button{font-size: 1rem;padding: 5px 10px;}


}

@media (max-width: 500px) {
  .header__quick .menu-item-type-custom{display: none;}
  .menu-open .header__quick .menu-item-type-custom{display: inline-block;}
  .header__quick button{pointer-events: none;}
  .header__quick .button{font-size: 0.9rem;padding: 5px 10px;}
}





/* Menu Dropdown */
.menu > li > ul{
  background: #f4f4f4; 
  opacity: 0; 
  display: none; 
  min-width: 220px; 
  position: absolute; 
  transition: all 0.5s ease; 
  margin-top: 0px;
  left: 0; 
  padding: 10px;
  border-radius: 10px;
}

.menu li ul > li > a,
.page-template-menu-trasparent .menu li ul > li > a{color:#000; border-radius: 7px;}
.menu li ul > li > a:hover {background: var(--link-color);color:#fff}

/* Mega Menu */
.menu > li.mega-menu > .sub-menu a{padding: 12px;}
.menu > li.mega-menu > .sub-menu .sub-menu  {padding-left: 0;width: 180px;}
.menu > li.mega-menu > .sub-menu .sub-menu  li a{padding-top: 7px;padding-bottom: 8px;font-weight: normal;font-size: 14px;}


/* Open Menus */
@media (min-width: 1190px) {

  .menu > li:hover > ul,
  .menu > li > ul:hover { visibility: visible; opacity: 1; display: block; }
  .menu > li.mega-menu:hover > ul,
  .menu > li.mega-menu > ul:hover { visibility: visible; opacity: 1; display: flex; flex-wrap: wrap;width: 600px;}
  .menu > li.mega-menu > ul > li{width: 193px;}

} 

.menu li.open-dropdown > ul{visibility: visible; opacity: 1; display: block; }
.menu li.mega-menu.open-dropdown > ul{visibility: visible; opacity: 1; display: block;}

.menu li ul li { clear: both; width: 100%; }
.menu > li.menu-item-has-children > a{position: relative;padding-right: 30px;}

.menu > li.menu-item-has-children > a::after{
  content:" ";width: 30px;height: 30px; background-size:30px;position: absolute;
  top:50%; right: 0; transform: rotate(90deg);margin-top: -15px;
  background-size:100%;
  background-image: url('data:image/svg+xml;utf8,<svg width="50px" height="50px" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M22.7 34.7l-1.4-1.4 8.3-8.3-8.3-8.3 1.4-1.4 9.7 9.7z"/></svg>');
}

@media (min-width: 1190px) {
  .page-template-menu-trasparent .menu > li.menu-item-has-children > a::after{
    background-image: url('data:image/svg+xml;utf8,<svg width="50px" height="50px" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M22.7 34.7l-1.4-1.4 8.3-8.3-8.3-8.3 1.4-1.4 9.7 9.7z"/></svg>');
    filter: invert(1);
  }
}


@media (max-width: 1190px) {

  .menu li ul{position: relative;background: none;}
  .menu li ul li{border:none; width: 95%; }
  /* .menu li ul li a{padding-left: 30px;} */
  .menu > li.mega-menu > .sub-menu {margin-left: 5vw;}
  .menu > li.mega-menu > .sub-menu li {margin:0;}
  .menu > li.mega-menu > .sub-menu > li {width: 40vw;margin-bottom: 20px;}
}



.header--section{background: #0f4c81; color: #fff;padding: 80px 0;}
.header--section h1{color: #fff;}
.header--section #crumbs, .header--section#crumbs a {
    color:  #fff;
}

/* ! Index */
/*----------------------------------------------------------------------------------- */
/* ! - Paginations */
.td-pagination{
  margin-bottom: 3rem;
  margin-top: 3rem;
  text-align: center;
}

.td-pagination a.page-numbers:not(.next):not(.prev) {
  box-sizing: content-box;
  margin: 0 5px;
}

.td-pagination a.prev,.td-pagination a.next,
.td-pagination a.page-numbers:not(.next):not(.prev){
  background-color: var(--link-color);
  border: 2px solid transparent;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  max-width: 100%;
  padding: 15px 33px;
  text-decoration: none;
  text-transform: none;
  transition: all .12s linear;
  width: -moz-fit-content;
  width: fit-content;
}

.td-pagination a.next,.td-pagination a.prev{
  background-color: transparent;
  border-color: var(--link-color);
  color: var(--link-color);
}

.td-pagination a.next:hover, .td-pagination a.prev:hover{
  background-color: var(--link-color);
  border-color: var(--link-color);
  color: #fff;
}

.td-pagination a.page-numbers:not(.next):not(.prev) {
  background-color: transparent;
  border-color: #e6eef5;
  color: inherit;
}


.td-pagination a.page-numbers:not(.next):not(.prev), 
.td-pagination span.current {
  display: inline-block;
  border-radius: 100px;
  height: 50px;
  line-height: 50px;
  padding: 0;
  text-align: center;
  width: 50px;
}
.td-pagination span.current {
  background-color: #e6eef5;
  position: relative;
}


.td-pagination a.page-numbers:hover:not(.next):not(.prev){
  background-color: var(--link-color);
  border-color: var(--link-color);
  color: #fff;
}





/* ! - Breadcrumbs */
#crumbs,
#crumbs a{color:var(--white-color);position: relative;z-index: 2;}
#crumbs a:hover{color:var(--link-color-hover);}
#crumbs span{color:var(--white-color);}


/* ! - Blockquote */
blockquote {
  font-size: 1.5rem;
  width: 95%;
  margin: 30px auto;
  font-style: italic;
  padding: 2.2em 30px 1.2em 75px;
  /* border-bottom: 3px solid var(--link-color); */
  line-height: 1.6;
  position: relative;
  /* background: #eff0f9; */
  /* border-top: 3px solid var(--link-color); */
}

blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:var(--link-color);
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

blockquote::after{
  content: '';
}

blockquote span{
  display:block;
  color:var(--link-color);
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}

@media (max-width: 768px) {
  blockquote {
    width: 100%;
    padding: 2.2em 0px 1.2em 40px;
  }
  blockquote::before {
    left: -5px;
    top: -23px;
  }
}

/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Contact Form */
/* --------------------------------------------------------------------------------------------------------------------------- */

.title-form {
    margin-bottom: 10px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    color: white;
}


.wpcf7 form.sent .wpcf7-response-output {
    color: var(--site-text-color);
}


/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Whats App */
/* --------------------------------------------------------------------------------------------------------------------------- */

.logo-whats-app {
  display: block;
  width: 38px;
  height: 38px;
  position: fixed;
  bottom: 43px;
  right: 43px;
  z-index: 999;
  border-radius: 100%;
  background: #25D366;
  border: 0px solid #25D366;
}

.logo-whats-app .icon-wa{width: 44px;height: 44px;margin: -3px 0 0 -3px;padding: 0;filter: invert(1);}

/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Mappa responsive */
/* --------------------------------------------------------------------------------------------------------------------------- */


@media (max-width: 768px) {
  .mappa-responsive {
  overflow:hidden;
  padding-bottom:65.25%;
  position:relative;
  height:0;
  }
  .mappa-responsive iframe {
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
  }
}


/* ! Single */
/*----------------------------------------------------------------------------------- */


/* ! -- Author Info */
/* --------------------------------------------------------- */

#author-info {position: relative;} 
.author-block{display:flex;}
#author-avatar img{ height: 120px;width: 120px;} 

@media (max-width: 768px) {
  .author-block h3{margin-top: -2rem;}
}


/* ! -- Social Share buttons */
/* --------------------------------------------------------- */

.social-box {
  display: block;
  margin: 20px 0 40px;
  padding: 0 0 0;
}

.social-box:last-of-type {
  margin: 0 0 40px;
}

.social-btn {
  display: block;
  width: 100%;
}

a.col-2.sbtn span {
  display: none;
}

a.col-1.sbtn {
  max-width: 140px;
  display: inline-block;
  text-align: center;
  border-radius: 50px;
  padding: 10px;
  color: #fff;
  margin: 0 1% 0 0;
  font-size: 16px;
}

a.col-1.sbtn span {
  margin: 0 0 0 15px;
}

a.col-2.sbtn {
  width: 6%;
  display: inline-block;
  text-align: center;
  border-radius: 50px;
  padding: 10px;
  color: #fff;
  margin: 0 0.5% 0 0;
  line-height: 1.825 !important;
  max-width: 50px;
  min-width: 50px;
}


.s-twitter::before {content: url('./icons/logo-twitter.svg');width: 35px; display: block;filter: invert(16%) sepia(92%) saturate(2283%) hue-rotate(191deg) brightness(100%) contrast(101%);}
.s-twitter:hover{filter: brightness(0) saturate(100%) invert(9%) sepia(32%) saturate(1993%) hue-rotate(175deg) brightness(89%) contrast(95%);}

.s-facebook::before {content: url('./icons/logo-facebook.svg');width: 35px; display: block;filter: invert(16%) sepia(92%) saturate(2283%) hue-rotate(191deg) brightness(100%) contrast(101%);}
.s-facebook:hover{filter: brightness(0) saturate(100%) invert(9%) sepia(32%) saturate(1993%) hue-rotate(175deg) brightness(89%) contrast(95%);}

.s-whatsapp::before {content: url('./icons/logo-whatsapp.svg'); width: 35px; display: block;filter: invert(16%) sepia(92%) saturate(2283%) hue-rotate(191deg) brightness(100%) contrast(101%);}
.s-whatsapp:hover{filter: brightness(0) saturate(100%) invert(9%) sepia(32%) saturate(1993%) hue-rotate(175deg) brightness(89%) contrast(95%);}

.s-linkedin::before {content: url('./icons/logo-linkedin.svg');width: 35px; display: block;filter: invert(16%) sepia(92%) saturate(2283%) hue-rotate(191deg) brightness(100%) contrast(101%);}
.s-linkedin:hover{filter: brightness(0) saturate(100%) invert(9%) sepia(32%) saturate(1993%) hue-rotate(175deg) brightness(89%) contrast(95%);}

.social-btn a:last-of-type { margin: 0;}


@media only screen and (max-width: 1200px) {
  a.col-1.sbtn {
      width: 50px;
      display: inline-block;
      text-align: center;
      border-radius: 50px;
      padding: 10px;
      color: #fff;
      font-size: 15px;
  }
}

@media only screen and (max-width: 768px) {
  a.col-1.sbtn {
      width: 46px;
      margin: 0 4.5% 0 0;
  }

  a.col-1.sbtn span {
      display: none;
  }
}



/* -- Related Post
-------------------------------------------------------- */
/* .related-posts-list {flex-direction: row; display: flex; list-style: none;margin-top: 20px;padding-left: 0px;} */
.related-posts ul{
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  margin: 30px 0 !important;
  padding: 0 !important;
}
.related-posts-list li{width: 30%;margin: 10px;height: auto;}
.related-posts-list h4{ font-size: 20px; margin-top: 10px; margin-left: 5px;}
.related-posts-list li img {
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  max-width: 100%;
  height: auto;
}
/* .related-posts-list h4:hover{ color:#0fcbc0;} */

@media (max-width: 768px) {
  .related-posts-list li {
    width: 100%;
    margin: 0;
    padding-left: 0;
    height: auto;
    margin-bottom: 15px;
  }
  .related-posts-list li img {
    margin-bottom: 0px;
    width: 100%;
    height: auto;
  }
  .related-posts-list h4 {
    font-size: 18px;
    margin-top: 3px;
    margin-left: 5px;
  }
}


/* ! Freccia */
/*----------------------------------------------------------------------------------- */

.freccia-dx {
    position: absolute;
    top: 20px;
    right: -50px;
    z-index: 10000;
}

.freccia-sx {
    position: absolute;
    bottom: 20px;
    left: -90px;
    transform: rotate(200deg);
    z-index: 10000;
}

@media (max-width: 1250px) {
    .freccia-dx,.freccia-sx { display: none;}
}


.button{    border-radius: 50px;}




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

footer{background: var(--site-bg); color: var(--footer-text-color);}

footer p, footer a, footer h3{color: var(--footer-text-color);}

footer .menu {
    all: unset;
}

footer .menu li a {
  color: #ffffff;
  opacity: 0.8;
  display: block;
  padding: 2px;
  font-size: unset;
  font-weight: unset;
}
footer .menu li a:hover {
  opacity: 1;
}

footer .menu li {
  width: 90%;
  margin: 0 5%;
}


.footer-lt-credit { opacity: 0.7; transition: opacity 0.3s ease; } 
.footer-lt-credit:hover { opacity: 1; } 
.footer-lt-credit img { filter: grayscale(100%); /* Rende la favicon grigia per adattarsi a ogni design */
        display: unset !important; } 
.footer-lt-credit:hover img { filter: grayscale(0%); /* Torna a colori al passaggio del mouse */ }


    

/* Animation on scroll */
.fade {  opacity: 0; transform: translateY(40px); transition: 1.0s ease-in-out; will-change: transform, opacity;}
.fadeIn { opacity: 1;transform: translateY(0px)}

/* Animation on load */
@keyframes fade-load {
  from {opacity: 0; transform: translateY(20px);}
  to {opacity: 1; transform: translateY(0);}
}
.load { opacity: 0; animation: fade-load cubic-bezier(0.385, 0.135, 0.15, 0.86) 0.5s forwards;}


/* ! Grid System */
/*----------------------------------------------------------------------------------- */
.grid{display: flex; flex-wrap: wrap; max-width: 1400px; margin: 0 auto}
.grid--small{max-width: 900px}
.grid--center{justify-content: center;}
.grid--full{max-width: 100%}

.col-20{width:20%}
.col-25{width:25%}
.col-30{width:30%}
.col-33{width:33.33%}
.col-40{width:40%}
.col-50{width:50%}
.col-60{width:60%}
.col-70{width:70%}
.col-80{width:80%}
.col-90{width:90%}
.col-100{width:100%}

[class*='col-']{padding:0 20px;}

.grid--full [class*='col-'],
.grid .grid [class*='col-'] {padding: 0;}


@media (max-width: 768px) {
  [class*='col-']{width: 100%}
  .sma-33{width: 33.33%}
  .sma-50{width: 50%}
  .sma-25{width: 25%}
}


/* ! Accessibility */
/*----------------------------------------------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/* underline for accesibility */
.text-content a,
.comment-content a{text-decoration: underline;}


/* hide elements for accessibility */
.visually-hidden {
  position: absolute !important;
  width: 1px; 
  height: 1px; 
  padding: 0; 
  margin: -1px; 
  overflow: hidden; 
  clip: rect(0, 0, 0, 0); 
  white-space: nowrap; 
  border: 0;
}


/* ! Icon System - https://ionicframework.com/docs/v3/ionicons/ */

.icon-arrow{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EArrow Forward%3C/title%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M268 112l144 144-144 144M392 256H100'/%3E%3C/svg%3E");}
.icon-check{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg fill='%23333333' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='405.272px' height='405.272px' viewBox='0 0 405.272 405.272'%3E%3Cg%3E%3Cpath d='M393.401 124.425L179.603 338.208c-15.832 15.835-41.514 15.835-57.361 0L11.878 227.836c-15.838-15.835-15.838-41.52 0-57.358c15.841-15.841 41.521-15.841 57.355-0.006l81.698 81.699L336.037 67.064c15.841-15.841 41.523-15.829 57.358 0C409.23 82.902 409.23 108.578 393.401 124.425z'/%3E%3C/g%3E%3C/svg%3E");}
.icon-angle{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EChevron Down%3C/title%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144'/%3E%3C/svg%3E");}
.icon-fb{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Facebook%3C/title%3E%3Cpath d='M480 257.35c0-123.7-100.3-224-224-224s-224 100.3-224 224c0 111.8 81.9 204.47 189 221.29V322.12h-56.89v-64.77H221V208c0-56.13 33.45-87.16 84.61-87.16 24.51 0 50.15 4.38 50.15 4.38v55.13H327.5c-27.81 0-36.51 17.26-36.51 35v42h62.12l-9.92 64.77H291v156.54c107.1-16.81 189-109.48 189-221.31z' fill-rule='evenodd'/%3E%3C/svg%3E");}
.icon-ig{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Instagram%3C/title%3E%3Cpath d='M349.33 69.33a93.62 93.62 0 0193.34 93.34v186.66a93.62 93.62 0 01-93.34 93.34H162.67a93.62 93.62 0 01-93.34-93.34V162.67a93.62 93.62 0 0193.34-93.34h186.66m0-37.33H162.67C90.8 32 32 90.8 32 162.67v186.66C32 421.2 90.8 480 162.67 480h186.66C421.2 480 480 421.2 480 349.33V162.67C480 90.8 421.2 32 349.33 32z'/%3E%3Cpath d='M377.33 162.67a28 28 0 1128-28 27.94 27.94 0 01-28 28zM256 181.33A74.67 74.67 0 11181.33 256 74.75 74.75 0 01256 181.33m0-37.33a112 112 0 10112 112 112 112 0 00-112-112z'/%3E%3C/svg%3E");}
.icon-tw{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Twitter%3C/title%3E%3Cpath d='M496 109.5a201.8 201.8 0 01-56.55 15.3 97.51 97.51 0 0043.33-53.6 197.74 197.74 0 01-62.56 23.5A99.14 99.14 0 00348.31 64c-54.42 0-98.46 43.4-98.46 96.9a93.21 93.21 0 002.54 22.1 280.7 280.7 0 01-203-101.3A95.69 95.69 0 0036 130.4c0 33.6 17.53 63.3 44 80.7A97.5 97.5 0 0135.22 199v1.2c0 47 34 86.1 79 95a100.76 100.76 0 01-25.94 3.4 94.38 94.38 0 01-18.51-1.8c12.51 38.5 48.92 66.5 92.05 67.3A199.59 199.59 0 0139.5 405.6a203 203 0 01-23.5-1.4A278.68 278.68 0 00166.74 448c181.36 0 280.44-147.7 280.44-275.8 0-4.2-.11-8.4-.31-12.5A198.48 198.48 0 00496 109.5z'/%3E%3C/svg%3E"); }
.icon-yt{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Youtube%3C/title%3E%3Cpath d='M508.64 148.79c0-45-33.1-81.2-74-81.2C379.24 65 322.74 64 265 64h-18c-57.6 0-114.2 1-169.6 3.6C36.6 67.6 3.5 104 3.5 149 1 184.59-.06 220.19 0 255.79q-.15 53.4 3.4 106.9c0 45 33.1 81.5 73.9 81.5 58.2 2.7 117.9 3.9 178.6 3.8q91.2.3 178.6-3.8c40.9 0 74-36.5 74-81.5 2.4-35.7 3.5-71.3 3.4-107q.34-53.4-3.26-106.9zM207 353.89v-196.5l145 98.2z'/%3E%3C/svg%3E"); }
.icon-search{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ESearch%3C/title%3E%3Cpath d='M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z' fill='none' stroke='currentColor' stroke-miterlimit='10' stroke-width='32'/%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-miterlimit='10' stroke-width='32' d='M338.29 338.29L448 448'/%3E%3C/svg%3E");}
.icon-wa{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Whatsapp%3C/title%3E%3Cpath d='M414.73 97.1A222.14 222.14 0 00256.94 32C134 32 33.92 131.58 33.87 254a220.61 220.61 0 0029.78 111L32 480l118.25-30.87a223.63 223.63 0 00106.6 27h.09c122.93 0 223-99.59 223.06-222A220.18 220.18 0 00414.73 97.1zM256.94 438.66h-.08a185.75 185.75 0 01-94.36-25.72l-6.77-4-70.17 18.32 18.73-68.09-4.41-7A183.46 183.46 0 0171.53 254c0-101.73 83.21-184.5 185.48-184.5a185 185 0 01185.33 184.64c-.04 101.74-83.21 184.52-185.4 184.52zm101.69-138.19c-5.57-2.78-33-16.2-38.08-18.05s-8.83-2.78-12.54 2.78-14.4 18-17.65 21.75-6.5 4.16-12.07 1.38-23.54-8.63-44.83-27.53c-16.57-14.71-27.75-32.87-31-38.42s-.35-8.56 2.44-11.32c2.51-2.49 5.57-6.48 8.36-9.72s3.72-5.56 5.57-9.26.93-6.94-.46-9.71-12.54-30.08-17.18-41.19c-4.53-10.82-9.12-9.35-12.54-9.52-3.25-.16-7-.2-10.69-.2a20.53 20.53 0 00-14.86 6.94c-5.11 5.56-19.51 19-19.51 46.28s20 53.68 22.76 57.38 39.3 59.73 95.21 83.76a323.11 323.11 0 0031.78 11.68c13.35 4.22 25.5 3.63 35.1 2.2 10.71-1.59 33-13.42 37.63-26.38s4.64-24.06 3.25-26.37-5.11-3.71-10.69-6.48z' fill-rule='evenodd'/%3E%3C/svg%3E");}
.icon-tk{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Tiktok%3C/title%3E%3Cpath d='M412.19 118.66a109.27 109.27 0 01-9.45-5.5 132.87 132.87 0 01-24.27-20.62c-18.1-20.71-24.86-41.72-27.35-56.43h.1C349.14 23.9 350 16 350.13 16h-82.44v318.78c0 4.28 0 8.51-.18 12.69 0 .52-.05 1-.08 1.56 0 .23 0 .47-.05.71v.18a70 70 0 01-35.22 55.56 68.8 68.8 0 01-34.11 9c-38.41 0-69.54-31.32-69.54-70s31.13-70 69.54-70a68.9 68.9 0 0121.41 3.39l.1-83.94a153.14 153.14 0 00-118 34.52 161.79 161.79 0 00-35.3 43.53c-3.48 6-16.61 30.11-18.2 69.24-1 22.21 5.67 45.22 8.85 54.73v.2c2 5.6 9.75 24.71 22.38 40.82A167.53 167.53 0 00115 470.66v-.2l.2.2c39.91 27.12 84.16 25.34 84.16 25.34 7.66-.31 33.32 0 62.46-13.81 32.32-15.31 50.72-38.12 50.72-38.12a158.46 158.46 0 0027.64-45.93c7.46-19.61 9.95-43.13 9.95-52.53V176.49c1 .6 14.32 9.41 14.32 9.41s19.19 12.3 49.13 20.31c21.48 5.7 50.42 6.9 50.42 6.9v-81.84c-10.14 1.1-30.73-2.1-51.81-12.61z'/%3E%3C/svg%3E"); }
.icon-plus{display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EAdd%3C/title%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M256 112v288M400 256H112'/%3E%3C/svg%3E");}
.icon-call{ display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M436.9 364.8c-14.7-14.7-50-36.8-67.4-45.1-20.2-9.7-27.6-9.5-41.9.8-11.9 8.6-19.6 16.6-33.3 13.6-13.7-2.9-40.7-23.4-66.9-49.5-26.2-26.2-46.6-53.2-49.5-66.9-2.9-13.8 5.1-21.4 13.6-33.3 10.3-14.3 10.6-21.7.8-41.9C184 125 162 89.8 147.2 75.1c-14.7-14.7-18-11.5-26.1-8.6 0 0-12 4.8-23.9 12.7-14.7 9.8-22.9 18-28.7 30.3-5.7 12.3-12.3 35.2 21.3 95 27.1 48.3 53.7 84.9 93.2 124.3l.1.1.1.1c39.5 39.5 76 66.1 124.3 93.2 59.8 33.6 82.7 27 95 21.3 12.3-5.7 20.5-13.9 30.3-28.7 7.9-11.9 12.7-23.9 12.7-23.9 2.9-8.1 6.2-11.4-8.6-26.1z'/%3E%3C/svg%3E");}
.icon-in{ display:inline-block; margin: -3px 5px;width: 18px;height: 18px;background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Cpath d='M444.17 32H70.28C49.85 32 32 46.7 32 66.89v374.72C32 461.91 49.85 480 70.28 480h373.78c20.54 0 35.94-18.21 35.94-38.39V66.89C480.12 46.7 464.6 32 444.17 32zm-273.3 373.43h-64.18V205.88h64.18zM141 175.54h-.46c-20.54 0-33.84-15.29-33.84-34.43 0-19.49 13.65-34.42 34.65-34.42s33.85 14.82 34.31 34.42c-.01 19.14-13.31 34.43-34.66 34.43zm264.43 229.89h-64.18V296.32c0-26.14-9.34-44-32.56-44-17.74 0-28.24 12-32.91 23.69-1.75 4.2-2.22 9.92-2.22 15.76v113.66h-64.18V205.88h64.18v27.77c9.34-13.3 23.93-32.44 57.88-32.44 42.13 0 74 27.77 74 87.64z'/%3E%3C/svg%3E");}


.icon-1{width: 40px;height: 40px;}
.icon-2{width: 70px;padding: 8px;}
.icon-3{width: 100px;padding: 8px;}

.icon-invert{filter: invert(1);}


/* ! Helpers */
/*----------------------------------------------------------------------------------- */
.b-w{background: #fff;}
.br{border: 1px solid red;}
.shadow{-webkit-box-shadow: 3px 8px 28px rgb(11 32 52 / 15%);box-shadow: 3px 8px 28px rgb(11 32 52 / 15%);}
.zindex-top{
  z-index: 7;
  position: relative;
}
.img-res{width: 100%;}
.video-res{width: 100%;height: 100%;overflow: hidden;}
.video-res video{width: 100%;height: 100%;object-fit: cover}

.mt-0{margin-top: 0;}
.mt-1{margin-top: 1rem;}
.mt-2{margin-top: 2rem;}
.mt-3{margin-top: 3rem;}
.mt-4{margin-top: 4rem;}

.nmt-1{margin-top: -1rem;}
.nmt-2{margin-top: -2rem;}
.nmt-3{margin-top: -3rem;}
.nmt-4{margin-top: -4rem;}

.mb-0{margin-bottom: 0;}
.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem;}
.mb-3{margin-bottom: 3rem;}
.mb-4{margin-bottom: 4rem;}

.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}

.p-0{padding: 0;}
.p-1{padding: 1rem;}
.p-2{padding: 2rem;}
.p-3{padding: 3rem;}
.p-4{padding: 4rem;}

.pt-0{padding-top: 0;}
.pt-1{padding-top: 1rem;}
.pt-2{padding-top: 2rem;}
.pt-3{padding-top: 3rem;}
.pt-4{padding-top: 4rem;}

.pb-0{padding-bottom: 0;}
.pb-1{padding-bottom: 1rem;}
.pb-2{padding-bottom: 2rem;}
.pb-3{padding-bottom: 3rem;}
.pb-4{padding-bottom: 4rem;}

.pl-0{padding-left: 0;}
.pl-1{padding-left: 1rem;}
.pl-2{padding-left: 2rem;}
.pl-3{padding-left: 3rem;}
.pl-4{padding-left: 4rem;}

.pr-0{padding-right: 0;}
.pr-1{padding-right: 1rem;}
.pr-2{padding-right: 2rem;}
.pr-3{padding-right: 3rem;}
.pr-4{padding-right: 4rem;}


.icon-small{width: 40px;padding: 8px;}
.icon-white{filter: invert(1);}
.bg-dark{background: #000;}
.text-white{color:#fff}
.text-dark{color:#000}
.v-center{display: flex; justify-content: center; flex-flow: column;align-items: flex-start;}

.font-normal{font-weight: 400;}
.p-r{position: relative;}

.none{display: none;}

/* Image */
.alignleft { float: left; margin-right: 20px; margin-bottom: 10px; max-width: 97%; height: auto; }
.alignright { float: right; margin-bottom: 10px; margin-left: 20px; max-width: 97%; height: auto; }
.aligncenter { display: block; margin: 0 auto; max-width: 97%; height: auto; }
.alignnone { max-width: 97%; height: auto; }

@media (max-width: 768px) {
  .sma-none{display: none;}
}

@media (min-width: 768px) {
  .desktop-none{display: none;}
}

/* ! Wordpress Styles */
/*----------------------------------------------------------------------------------- */
input[type='text'],
input[type='email'],
input[type='number'],
input[type='search'],
input[type='tel'],
input[type='url'],
input[type='password']{
    width: 98%;
    height: 55px;
    margin-right: 10px;
    padding: 10px;
    border: 1px solid #e2eef0;
    background: white;
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 16px;
    color: #000;
}
select{
  width: 98%;
  height: 55px;
  margin-right: 10px;
  padding: 10px;
  border: 1px solid var(--link-color);
  border-radius: 0;
  font-size: 16px;
  background: white;
  color: #000;
}
input, textarea {
  padding: 10px;
  width: 98%;
  border: 1px solid #e2eef0;
  background: white;
  border-radius: 0;
  font-size: 16px;
  color: #000;
}
input[type=text]:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='url']:focus,
input[type='password']:focus,
textarea:focus {
  border: 3px solid var(--link-color);
}
input[type=submit], button{
  border: 3px solid #ddd; 
  background: var(--link-color); 
  border-radius: 3px;
  padding: 10px;
  color: #fff;
}
input[type=submit]:hover {
  background: var(--link-color-hover);
  color: #fff;}

.form-search{position:relative; width: 100%;border-radius: 100px; padding-left: 15px;}
.form-search input{
  /* width: calc(100% - 40px); border:none; */
  width: 100%;
  border: 3px solid #eff0f9;
  background: #fff;
  font-size: 22px;
  padding: 0px 50px;
  border-radius: 50px;
  margin: 0 auto;
  cursor: text!important;
  height: 75px;
}


.form-search button{
  position: absolute;
  top: 0;
  height: 65px;
  right: 0;
  border-radius: 50px;
  padding: 0px 50px;
  margin: 5px 8px 5px 0;
  border: 0px;
  font-size: 20px;
  background-color: var(--link-color);
  color: #fff;
  cursor: pointer;
}
.form-search img{width: 25px;margin-bottom: -8px;filter: invert(1);}


@media (max-width: 768px) {
  .form-search input {padding: 30px 20px;font-size: 20px;}
  .form-search button {padding: 0 20px;}
}

/* .alignfull{width: 100vw;margin-left: calc(50% - 50vw);}
.alignwide{width: 90vw;margin-left: calc(50% - 45vw);}
 */

body .alignfull {
  margin-left: -40px;
  margin-right: -40px;
}

@media only screen and (min-width: 960px) {
  body .alignfull {
    width: auto;
    max-width: 1000%;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
  }
  body .alignwide {
    width: auto;
    max-width: 1000%;
    margin-right: calc(25% - 25vw);
    margin-left: calc(25% - 25vw);
  }
  .alignwide img,
  .alignfull img {
    display: block;
    margin: 0 auto;
  }
}


/* ! -- Comments
-------------------------------------------------------- */
.comment-form-author,
.comment-form-email,
.comment-form-url{float:left;margin-top:0;margin-right:0;width:100%}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input{width:100%}
.comment-form-url{display:none}

ol.commentlist{margin:0 0 1em;padding:0;list-style:none;text-indent:0}
ol.commentlist li.comment{padding:1em;border-top:1px solid #eee}
ol.commentlist li.comment div.vcard cite.fn{text-transform:uppercase;font-size:14px}
ol.commentlist li.comment div.vcard img.avatar{float:left;margin:6px 1em 1em 0;border-radius:50px}
ol.commentlist li.comment div.comment-meta{font-size:12px}
ol.commentlist li.comment ul{margin:0 0 1em 2em}
ol.commentlist li.comment div.reply{margin-left:80px;font-size:11px}
ol.commentlist li.comment div.reply a{font-weight:700}
ol.commentlist li.comment ul.children{margin:1em 0 0;list-style:none;text-indent:0}
ol.commentlist li.comment ul.children li.depth-2{margin:0 0 .25em .25em;border-left:1px solid #eee}
ol.commentlist li.comment ul.children li.depth-3{margin:0 0 .25em .25em;border-left:1px solid #eee}
ol.commentlist li.comment ul.children li.depth-4{margin:0 0 .25em .25em;border-left:1px solid #eee}
ol.commentlist li.even{margin:1em 0;background:#fff;-webkit-box-shadow: 3px 8px 28px rgb(11 32 52 / 15%);box-shadow: 3px 8px 28px rgb(11 32 52 / 15%);}
/* ol.commentlist li.odd{} */
ol.commentlist li.parent{border-left:1px solid #eee}
ol.commentlist li.bypostauthor .fn{font-weight:700}
ol.commentlist li img{max-width:97%}

#comments{width:100%;margin-bottom: 40px;}
.comments{padding-top: 40px;}
.comments textarea{width: 100%;}
.comments label{ min-width: 80px;}
.comments ul,.comments ol{list-style-type: none;}
.comment-author img{border-radius: 999px; width:50px;height: 50px;}
.comment .reply{border-bottom:  1px solid #ccc; margin-bottom: 30px;padding-bottom: 10px;}
.comment-form-cookies-consent input{float:left;margin-top:5px;margin-right:10px;margin-bottom:-9px;width: auto;}
.comment-respond{margin:30px 0 80px 0;}

@media(max-width:767px){
  .comment-form-author,.comment-form-email,.comment-form-url{width:100%;margin:0;}
}




