/*
Theme Name: CNO
Theme URI: https://www.afterspellstudios.it
Author: Riccardo Molti - After Spell Studios
Author URI: https://www.afterspellstudios.it/chi-siamo/
Description: Tema custom WordPress per lo studio Centro Nuova Odontoiatria di Milano
Version: 1.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cno
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.
*/



/* ! Reset */
html{scroll-behavior: smooth;}
body, html{ 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 0 1rem 0;padding: 0;}
/* ol,ul{list-style-type: none;} */
img{height: auto;}

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


/* -------------------------------------------------------------------------------- */
/* ! Fonts */
/* -------------------------------------------------------------------------------- */
@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-Bold.eot');
    src: url('fonts/WorkSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-Bold.woff2') format('woff2'),
        url('fonts/WorkSans-Bold.woff') format('woff'),
        url('fonts/WorkSans-Bold.ttf') format('truetype'),
        url('fonts/WorkSans-Bold.svg#WorkSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-Medium.eot');
    src: url('fonts/WorkSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-Medium.woff2') format('woff2'),
        url('fonts/WorkSans-Medium.woff') format('woff'),
        url('fonts/WorkSans-Medium.ttf') format('truetype'),
        url('fonts/WorkSans-Medium.svg#WorkSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('fonts/WorkSans-Regular.eot');
    src: url('fonts/WorkSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/WorkSans-Regular.woff2') format('woff2'),
        url('fonts/WorkSans-Regular.woff') format('woff'),
        url('fonts/WorkSans-Regular.ttf') format('truetype'),
        url('fonts/WorkSans-Regular.svg#WorkSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* ------------------------------------------------------------------------- *
/* Base */
/* ------------------------------------------------------------------------- */
:root{
    --site-bg: #EFEBEA;
    --text-color: #1E1E1E;
    --title-color: #3B69AE;
    --accent-color: #EC7600;
    --white: #fff;
    --white-70: rgba(255, 255, 255, 0.85);

    --primary: #1278C7;
    --secondary: #005190;
}

#content{margin-top: 50px; margin-bottom: 100px;}

@media (max-width: 768px) {
 #content{margin-top: 50px; margin-bottom: 50px;}
}

/* Typography */
body{font-size: 16px; background-color: var(--site-bg); color: var(--text-color); font-family: 'Work Sans'; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;}


/* ! Title System */
.text-0{font-size: 5rem; line-height: 100%;}
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, .text-6{font-size: 1rem; color: var(--text-color)!important; font-weight: 400;}

.text-1{color: var(--title-color);}

@media (max-width: 768px) {
    .text-0{font-size: 4rem}
    h1, .text-1{font-size: 3rem;}
}


/* Link color */
a { color: var(--title-color); text-decoration: none!important; transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}
a:focus, a:hover { color: var(--accent-color)!important; text-decoration: underline;}




/* ! Button System */
.wp-block-button__link,
.wpcf7-form-control.wpcf7-submit{
    border: 1px solid var(--accent-color);
    border-radius: 30px;
    text-transform: uppercase;
    text-decoration: none;
    background: var(--accent-color);
    font-size: 20px;
    color: var(--white);
    transition: all 0.5s cubic-bezier(.215, .61, .355, 1);
}

.wp-block-button__link:hover,
.wpcf7-form-control.wpcf7-submit:hover{
    background: #D06800;
    color: var(--white)!important;
    transform: scale(1.03);
}

@media (max-width: 768px) {
  .wp-block-button,
  .wp-block-button__link{width: 100%;}
}



/* -------------------------------------------------------------------------------- */
/* ! Header */
/* -------------------------------------------------------------------------------- */
.header{ background-color: var(--white-70); position: fixed; top:0;  left:0; z-index: 9999; width: 100%;padding: 0px 4%; box-shadow: 0 5px 20px rgba(0,0,0,.3); transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}

.header__topbar{background-color: var(--white); width: 100%;padding: 10px 4px;color: var(--title-color); text-align: center; text-transform: uppercase; margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);width: auto;}
.header__topbar a:last-child{text-transform: lowercase;}
.header__topbar a:hover{text-decoration: underline!important;}
.header__content{max-width: 1250px; width: 100%;margin: 0 auto; display: flex;justify-content: center; align-items: center; padding:10px 0; /*border-bottom: 1px solid #222;*/ position: relative;}

.header__logo{display: flex; align-items: center;}
.header__logo-img{width: 300px;height: auto; transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}

.menu,
.menu ul{margin: 0;position: relative;}
.menu li{display: inline-block;position: relative}
.menu li a{color: var(--site-text-color);display: block;padding: 16px 30px;font-size: 18px; font-weight: 400; text-transform: uppercase;}

.menu li:not(.menu-item-has-children) a:after{
    content: " ";
    width: 0;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--secondary);
    transition: all 0.5s cubic-bezier(.215, .61, .355, 1);
}


.menu li a:hover:after{width: 100%;}

.current-menu-item a{color: var(--title-color)!important; font-weight: bold!important;}


.icon-hamburger{display: none;}

/* Menu Dropdown */
.menu li ul{background: #eee;visibility: hidden; opacity: 0; min-width: 200px; position: absolute; transition: all 0.5s ease; margin-top: 0px;left: 0; display: none;padding: 0;}
.menu li ul > li > a,
.page-template-menu-trasparent .menu li ul > li > a{color:#000}
.menu li ul > li > a:hover {background: #ccc;color:#000}

.scroll-down .header__logo-img{width: 180px;}
.scroll-down .header{background-color: var(--white);}




@media (min-width: 1190px) {
    .menu li:hover > ul,
    .menu li ul:hover { visibility: visible; opacity: 1; display: block; /*position: relative;*/}
  }
  .menu li.open-dropdown ul{visibility: visible; opacity: 1; display: block; position: relative;}
  
  .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>');
  }

  .menu .menu-item-has-children ul li{margin: 0;}
  



@media (max-width: 1190px) {

    .header__topbar{font-size: 12px;}

    .header__content{display: block;}
    .header__logo{height: 100%; display: block;}
    .header__logo-img{width: 150px;height: auto;}
  
    .menu{   
      position: absolute; top: auto; left:0; right:0; background-color: var(--primary); min-width: 100%; 
       height: 100vh; margin: 0 -20px 0 -20px; 
       margin-top: 10px;
      overflow: auto;transition: all 1s cubic-bezier(.215, .61, .355, 1);padding-left: 0; transform: translateX(-100%);
    }
  
    .menu li{width: 90%;margin: 0 5%; border-bottom: 1px solid #ccc}
    .menu li a{color: #fff;}
    .current-menu-item a{color: #fff!important;}  
    .menu-open .menu{transform: translateX(0%);}
    .menu-open .menu > li:last-child{margin-bottom: 150px;position: relative;}

    .current-menu-item a{color: #fff!important;}  
    .icon-hamburger{height: 50px;width: 50px; position:absolute; top: 50%; right:0; transform: translateY(-50%); display: block;border:none; background: transparent;z-index: 9999; padding: 14px 9px 10px 10px; border-radius: 15px; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);}
    .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(--primary);position: relative;display: block;margin-bottom: 5px;transition: all 0.2s cubic-bezier(.215, .61, .355, 1);}
    

    .menu-open .icon-hamburger span:nth-child(2){transform: rotate(45deg) translate(6px, 6px);}
    .menu-open .icon-hamburger span:nth-child(3){opacity: 0;}
    .menu-open .icon-hamburger span:nth-child(4){transform: rotate(-45deg) translate(5px, -3px);}

    .header__content{padding-right: 80px;}  

    .menu-item-has-children ul{width: 100%;}

  }




/* -------------------------------------------------------------------------------- */
/* ! Slider */
/* -------------------------------------------------------------------------------- */

/* ! Hero */
.splide{
  width: 100%;
  height: 800px;
  position: relative;
  margin-top: 40px;
}

.splide .splide__slide{position: relative; height: 800px;}
.splide .filter:after{
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  display: block;
  background: rgb(18,120,199);
  background: linear-gradient(45deg, rgba(18,120,199,1) 0%, rgba(0,212,255,0) 100%);
}

.splide .splide__slide img{width: 100%;}

.splide__arrow,
.splide__pagination{display: none!important;}


.slider__text,
.cover__text{
  max-width: 1200px;
  position: absolute;
  bottom: 120px;
  left: 5%;
  color: #fff;
}

.slider__text h3{font-weight: 400;}
.slider__text h1,
.slider__text h2{text-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);}
.slider__text h1{font-weight: 400;}
.slider__text h2{font-size: 3.4rem;}

.slider__text a{
  display: inline-block;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  background: var(--accent-color);
  border-radius: 30px;
  padding: 15px 40px;
  margin: 20px 0;
  transition: all 0.5s cubic-bezier(.215, .61, .355, 1);
}

.slider__text a:hover{background: #D06800; color: #fff!important; transform: scale(1.03);}


@media (max-width: 768px) {
  .splide,
  .splide .splide__slide{height: 600px;}

  .slider__text{max-width: 370px;}
  .slider__text h3{font-size: 16px;}
  .slider__text h1{font-size: 36px;}

  .cover__text{bottom: 50px;}
  .cover__text h1{font-size: 30px; margin: 0;}
}


/* ! Closing */
.splide--closing{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  height: 280px;
  margin-top: 100px;
  position: relative;
}

.splide--closing .splide__slide{height: 300px; padding: 0 0 0 10px;}
.splide--closing .splide__slide img{height: 300px; object-fit: cover;}
.splide--closing .splide__arrow{display: block!important; z-index: 9999;}

.splide--closing::before{
  content: " ";
  width: 300px;
  height: 300px;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.splide--closing::after{
  content: " ";
  width: 300px;
  height: 300px;
  background: rgb(255,255,255);
  background: linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}


@media (max-width: 768px) {
  .splide--closing::after,
  .splide--closing::before{display: none;}
  .splide--closing .splide__slide{padding: 0 10px 0 10px;}
}




/* -------------------------------------------------------------------------------- */
/* ! Cover */
/* -------------------------------------------------------------------------------- */
.cover{
  height: 500px;
  width: 100%;
  position: relative;
}

.cover h1{color: #fff; text-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);}


.cover_home{
  /* height: 700px; */
  height: 100vh;
  width: 100%;
  position: relative;
}

.cover_home span{
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  text-transform: uppercase;
}

.cover_home span img{
  width: 50px;
  filter: invert(1);
  animation: .7s down infinite alternate;
  margin-top: 30px;
}

@keyframes down{
  0%{transform:translateY(-40px)}
  100%{transform:translateY(-20px)}
}
@-webkit-keyframes down{
  0%{-webkit-transform:translateY(-40px)}
  100%{-webkit-transform:translateY(-20px)}
}

@media (max-width: 768px) {
  .cover{height: 350px;}
}



.cover h1 .minititle{
  color: #fff !important;
  font-weight: 700;
  display: none;
}

.page-id-139 .cover h1 .minititle{display: inline-block;}



/* -------------------------------------------------------------------------------- */
/* ! Modules */
/* -------------------------------------------------------------------------------- */
.wp-block-media-text__media img{border-radius: 30px;}

.block-container{
  width: 100%;
  height: 100%;
  padding: 50px;
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 15px 30px rgba(59, 105, 174, 0.15);
}

.block-container--blue{background: var(--primary); color: #fff; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); border-radius: 0; padding: 200px 0;}
.block-container--blue h2,
.block-container--blue h3{color: #fff!important;}

.block-container--blue--standard{background: var(--primary); color: var(--white);}


.block-container h2,
.block-container h3{color: var(--title-color); margin: 0 0 10px 0;}

.block-container .wp-block-separator{width: 260px; display: inline-block; border-color: var(--accent-color); margin: 30px 0;}
.large{width: 100%!important;}

.block-container.focus{position: relative; z-index: 2; margin-top: 50px;}
.block-container.focus .wp-block-column{border: 2px solid var(--accent-color); margin-top: 30px; border-radius: 30px; color: var(--title-color); padding: 20px;}
.block-container.focus .wp-block-column h4{margin: 0; font-size: 18px;}
.block-container .wp-block-columns{margin-bottom: 0;}



/* ! Intro  */
#intro{scroll-behavior: smooth; scroll-margin-top: 140px;}
.intro{position: relative; z-index: 2;}
.intro.wp-block-media-text figure img{border-radius: 100%;}

/* ! Eta */
.eta .wp-block-column{position: relative;}
.eta .wp-block-column img{margin: 0; box-shadow: 0 10px 25px rgba(0, 0, 0, .15);}
.eta .wp-block-column h4 a{position: absolute; bottom: 50px; right: 0; display: block; background: var(--secondary); color: #fff; padding: 5px 10px; border-radius: 5px;}

.page-id-139 .eta{margin-top: 40px;}
.page-id-139 .eta img,
.page-id-669 .eta img,
.page-id-676 .eta img,
.page-id-682 .eta img,
.page-id-685 .eta img,
.page-id-688 .eta img{border-radius: 30px;}


@media (max-width: 768px) {
  #intro .wp-block-media-text__content{padding: 0;}
}



/* ! Posturologia  */
.block-container.posturologia{margin-top: -100px; margin-bottom: 50px; position: relative; z-index: 2;}
.block-container.posturologia img{border-radius: 30px;}


/* ! Services */
.block-container.services{/*margin-top: -200px;*/ position: relative; z-index: 2;}
.block-container.services .wp-block-separator.full{width: 100%;}
.block-container.services .wp-block-column{position: relative;}
.block-container.services strong a{text-decoration: underline!important;}
.services .wp-block-column img{border-radius: 30px; height: 200px; object-fit: cover;}
.services a{text-decoration: underline!important;}
.block-container.services a{text-decoration: none!important;}
.services .wp-block-column h4 a{color: #fff!important; text-decoration: none!important;}


.services .wp-block-column figure,
.services .wp-block-column{position: relative;}
.services .wp-block-column figure::before{
  content: " ";
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: rgb(13,155,225);
  background: linear-gradient(360deg, rgba(13,155,225,1) 0%, rgba(13,155,225,0) 100%);
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s cubic-bezier(.215, .61, .355, 1);
  pointer-events: none;
}

.services .wp-block-column:hover figure::before{opacity: 1;}
.services .wp-block-column:hover h4{bottom: 140px;}
.services .wp-block-column:hover .services-excerpt{opacity: 1; transform: translateY(0);}

.services.has-media-on-the-right .wp-block-media-text__content,
.studio1.has-media-on-the-right .wp-block-media-text__content,
.posturologia.has-media-on-the-right .wp-block-media-text__content{padding: 0 45px 0 0;}

.negative-top{margin-top: -70px!important; position: relative; z-index: 2;}





@media (max-width: 768px) {
  .services h4{width: 100%;}
  .services .services-excerpt{display: none;}
  .services .wp-block-column:hover h4{bottom: 60px;}

  .services.has-media-on-the-right .wp-block-media-text__content,
  .studio1.has-media-on-the-right .wp-block-media-text__content,
  .posturologia.has-media-on-the-right .wp-block-media-text__content,
  .doctor-3 .wp-block-media-text__content{padding: 0;}

  .posturologia .wp-block-media-text__media{margin-bottom: 40px;}

  .studio1 .wp-block-media-text__media,
  .doctor-3 .wp-block-media-text__media{margin-bottom: 40px;}

  
}

.services h4{
  color: #fff!important;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 800;
  width: 100%;
  padding: 0 10px;
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 0;
  transition: all 0.4s cubic-bezier(.215, .61, .355, 1);
}

.services h4 a{text-decoration: none;}

.services .services-excerpt{
  color: #fff;
  position: absolute;
  bottom: 20px;
  left: 0;
  padding-left: 20px;
  padding-right: 20px;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s cubic-bezier(.215, .61, .355, 1); 
  pointer-events: none;
}



.page-template-default .block-container.services{margin-top: 0; border: none; margin-bottom: 50px;}


@media (max-width: 768px) {
  .wp-block-group.block-container{margin-top: 0; margin-bottom: 40px;}
  .wp-block-group.block-container .wp-block-media-text__media{margin-bottom: 40px;}
  .wp-block-group.block-container .wp-block-media-text__content{padding: 0;}

  .wp-container-core-columns-is-layout-8 .wp-block-column:nth-child(2),
  .wp-container-core-columns-is-layout-8 .wp-block-column:nth-child(3){display: none;}
}



/* ! Overview */
.block-container.overview{background: var(--primary); color: #fff;}
.block-container.overview .wp-block-media-text__media{text-align: center;}
.block-container.overview h2{color: #fff;}
.block-container.overview p{position: relative; padding-left: 130px; margin-bottom: 50px;}
.block-container.overview p:nth-child(1):before,
.block-container.overview p:nth-child(2):before,
.block-container.overview p:nth-child(3):before{
  content: "";
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: #fff;
  padding: 36px;
  font-size: 48px;
  font-weight: 700;
  color: var(--title-color);
  position: absolute;
  top: 0;
  left: 0;
}

.block-container.overview p:nth-child(1):before{content: "1";}
.block-container.overview p:nth-child(2):before{content: "2";}
.block-container.overview p:nth-child(3):before{content: "3";}

.block-container.overview .wp-block-media-text__media img{width: 500px; height: 500px; object-fit: cover; border-radius: 100%;}

@media (max-width: 768px) {
  .block-container.overview .wp-block-media-text__media{text-align: center;}
  .block-container.overview .wp-block-media-text__media img{width: 300px; height: 300px; margin-bottom: 40px;}

  .overview .wp-block-media-text__content{padding: 0;}
  .overview .wp-block-media-text__content p{padding-left: 0; padding-top: 130px; text-align: center;}
  .block-container.overview p:nth-child(1):before,
  .block-container.overview p:nth-child(2):before,
  .block-container.overview p:nth-child(3):before{left: 50%; transform: translateX(-50%);}

}


/* ! About */
.doctor{margin: 50px 0 0 0; position: relative; z-index: 2;}
.doctor .wp-block-media-text__content{padding-left: 0;}
.doctor .wp-block-media-text__media img{width: 600px; height: 600px; object-fit: cover; border-radius: 100%;}

.doctor-2,
.doctor-3{position: relative; z-index: 2;}

.doctor-3{margin-top: -180px;}

.about__pics{
  background: var(--primary);
  color: #fff;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 200px 0;
  position: relative;
  z-index: 1;
  margin-top: -130px;
}

.about__pics .wp-block-columns{margin: 0 16px;}

.about__pics.about__pics--small{padding: 150px 0;}
.about__pics.about__pics--small .wp-block-buttons{margin-top: 30px;}

.about__pics figure img{border-radius: 30px; margin-bottom: 30px;}

.about__pics .wp-block-separator{color: var(--accent-color); margin: 30px auto; width: 50%;}

@media (max-width: 768px) {
  .doctor .wp-block-media-text__content{padding-right: 0;}
  .doctor .wp-block-media-text__media img{width: 100%; height: auto; margin-bottom: 20px;}
}


/* ! Contacts */
.block-container.form{padding: 50px;}
.block-container.form .wpcf7-list-item{margin: 0;}
.block-container.form h2{margin-bottom: 0;}
.block-container.form hr{margin: 30px 0;}
.contact .wp-block-media-text__media img{padding-left: 20px;}


.where .wp-block-media-text__content h2{margin-bottom: 0;}
.where .wp-block-media-text__content hr{margin: 10px 0;}




@media (max-width: 768px) {
  .block-container{padding: 20px;}
  .block-container h2{font-size: 32px; margin-bottom: 0;}
  .block-container .wp-block-separator{width: 100%; margin: 20px 0 20px 0;}


  .block-container.intro figure{margin-bottom: 40px;}


  .focus .focus-first{margin-bottom: 40px;}

  .block-container.focus .wp-block-column{margin-top: 10px;}

  .contact .wp-block-media-text__media{margin-bottom: 40px;}
  .contact .block-container.form{padding: 20px;}

  .where .wp-block-media-text__media{margin-bottom: 40px;}

}






/* ! Accordion */
.block-container.accordion{margin-top: -150px; position: relative; z-index: 1;}
.acc-title{cursor: pointer; padding: 25px 0 10px 20px; margin-bottom: 0;border-bottom:2px solid var(--accent-color); position: relative;}
.acc-title:before{content: '+'; width: 20px; height: 20px; position: absolute; top: 55%; left: 0; transform: translateY(-50%);}
.acc-panel{max-height: 0;overflow:hidden; background: #EFEBEA; transition: all 0.8s cubic-bezier(.215, .61, .355, 1);}
.acc-panel p{padding: 10px;}
.acc-panel--show{max-height:800px;}







/* -------------------------------------------------------------------------------- */
/* ! Footer */
/* -------------------------------------------------------------------------------- */
footer{
  background: var(--primary);
  color: #fff;
  padding: 50px 0 20px 0;
}



footer .horizontal-separator{width: auto; height: 1px; background: #fff; margin: 20px 0;}

footer a{color: #fff; text-decoration: none;}
footer a:hover{text-decoration: underline!important; color: #fff!important;}

footer .footer_sx p{text-align: end;}
footer .footer_sx #block-10{padding-top: 30px;}
footer .footer_sx #block-13{padding-bottom: 20px;}

footer .footer_cx #block-16{padding: 30px;}

footer .footer_dx #block-9{padding-top: 30px;}
footer .footer_dx #block-15{padding-bottom: 20px;}


footer .footer_cx{display: block;}
footer .footer_cx_mobile{display: none;}
footer .footer_cx{border-left: 1px solid #fff; border-right: 1px solid #fff;}

footer .copy{margin-bottom: 10px;}


@media (max-width: 768px) {

  footer .col-100:last-child{margin-top: 0;}

  footer .footer_cx{display: none;}
  footer .footer_cx_mobile{display: block;}

  footer .footer_cx_mobile,
  footer .footer_sx{border-bottom: 1px solid #fff;}

  footer .footer_cx_mobile p,
  footer .footer_sx p,
  footer .footer_dx p{text-align: center;}

  footer .footer_dx #block-15{padding-bottom: 0;}

}








@media (min-width: 768px) and (max-width: 1399px) {
  .grid{max-width: 1250px;}
  .cover{height: 450px;}
  .splide.splide--hero,
  .splide.splide-hero .splide__slide{height: 550px;}
  .header__logo-img{width: 200px;}
  .scroll-down .header__logo-img{width: 150px;}

}



/* -------------------------------------------------------------------------------- */
/* ! White Template */
/* -------------------------------------------------------------------------------- */
.page-template-white-template header,
.page-template-white-template footer{display: none;}
.page-template-white-template main{display: flex; align-items: center; justify-content: center; width: 100%; height: 80vh;}

















/* ! Grid System */
.grid { margin: 0 auto; padding: 0 15px; max-width: 1400px; display: flex; flex-flow: row; flex-wrap: wrap;}
.grid--center{justify-content: center;}
.col{ flex: 1;}

[class*='col-'] { position: relative;padding: 0 15px;}
.grid .grid [class*='col-'] {padding: 0px;}

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

@media (max-width: 991px) {
    .tab-20 { width: 20%; }
    .tab-25 { width: 25%; }
    .tab-33 { width: 33.33%; }
    .tab-50 { width: 50%; }
    .tab-100 { width: 100%; }
}

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

}




/* -------------------------------------------------------------------------------- */
/* ! Helpers */
/* -------------------------------------------------------------------------------- */
.br{border: 1px solid red;}
.img-res{width: 100%;}
.video-res{width: 100%; height: 100%; overflow: hidden;}
.video-res video{width: 100%; height: 100%; object-fit: cover;}
.overflow{overflow: hidden;}

.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;}

.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;}



.d-block{display: block;}
.d-none{display: none!important;}

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

@media (max-width: 991px) {
    .d-tab-block{display: block;}
    .d-tab-none{display: none;}
  }


.icon-small{width: 30px;}
.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;}
.full-center{display: flex; justify-content: center; flex-flow: column; align-items: center;}

.max-width-small{max-width: 800px!important; margin: 0 auto;}

.font-normal{font-weight: 400;}

.none{display: none;}
.block{display: block;}

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

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






/* -------------------------------------------------------------------------------- */
/* ! Wordpress Styles */
/* -------------------------------------------------------------------------------- */
input, textarea{border: none; border-radius: 0;padding: 10px; margin: 5px 0; font-family: 'Work Sans'; font-size: 16px; width: 100%; background: #EFEBEA;}
input[type=submit], button{border: none; border-radius: 4px; background: var(--button-color); border-radius: 3px;padding: 10px; color: #fff; text-transform: uppercase; padding: 14px 25px; transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}
input[type=submit]:hover{background: #d95a30;}
textarea{width: 100%!important;}

.wp-block-search__input{min-width: auto;}

label{display: inline-block;}

/*
.comment-form-author label,
.comment-form-email label,
.comment-form-url label{min-width: 80px;}

.comment-form-comment label{margin-bottom: 10px;}


.form-search{width: 100%; border: 2px solid var(--nav-link-color); border-radius: 100px; padding-left: 15px;}
.form-search input{width: calc(100% - 40px); border: none; background: transparent; color: #fff;}
.form-search button{padding: 0; background: transparent; border: none}
.form-search img{width: 25px; margin-bottom: -8px; filter: invert(1);}


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

/* WordPress Core
-------------------------------------------------------------- */
.sticky{position: sticky;}

.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float:right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption,
.gallery-caption{
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

.bypostauthor{
  background-color: #4d535f;
  color: white;
  }

/* 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: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}