/*
Theme Name: tanitarts
Theme URI: https://www.ink.gr
Description:  tanitarts Orthotic Services
Author: INK Design - What the f*** is branding
Author URI: https://www.ink.gr
Version: 1.0
*/

/*------------------------------------*\
	GENERAL
\*------------------------------------*/
html, body {
    margin: 0;
    padding: 0;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

img, video, canvas, svg {
    max-width: 100%;
    height: auto;
}

#offCanvasMenu {
    width: 100%;
    box-sizing: border-box;
}

#offCanvasMenu > * {
    min-width: 0;
    max-width: 100%;
}

@font-face {
  font-family: 'lightgotham';
  src: url('assets/media/fonts/GothamLight.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

b, strong {
    font-weight: bold;
}
*,
*:after,
*:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering:optimizeLegibility;
}
html {
	-webkit-tap-highlight-color: transparent;
}
body {
	background-color: #ffffff;
}
img {
	max-width: 100%;
	vertical-align: middle;
}

main img {
    filter: blur(0px);
}

img[data-aos="blur"]{
  filter: blur(80px);
  transform: scale(1.05);
  transition: filter 4.2s ease, transform 1.2s ease;
  will-change: filter, transform;
}

img[data-aos="blur"].aos-animate{
  filter: blur(0);
  transform: scale(1);
}
input[type="text"], input[type="search"], [type=email], textarea {
	font-size: inherit;
	line-height: inherit;
	border: none;
	box-shadow: none;
	border-bottom: 1px solid #949494;
	padding: 1.5rem 2.5rem;
}
::-moz-selection {
	background-color: #9dacaf;
}
::selection {
	background-color: #9dacaf;
}
body {
    overflow-x:hidden;
}
.hide {
    display:none;
}

.no-js #offCanvasMenu {
    display: none;
}
/*------------------------------------*\
	TYPOGRAPHY FONTS
\*------------------------------------*/
/* GOTHAM FONTS */

@font-face {
  font-family: 'tanitthin';
  src: url('/wp-content/themes/tanitarts/assets/media/fonts/GothamThin.otf') format('otf');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'tanitbook';
  src: url('/wp-content/themes/tanitarts/assets/media/fonts/GothamBook.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
body, h1, h2, h3, h4, h5, h6, p, span, div, a,
.footer-col h3.wp-block-heading, 
.cell.footer-col:first-child li.menu-item a{
	font-family:"gotham", sans-serif;
	font-style: normal;
}
h1, h2, h3, h4{
	font-weight: 700;
	font-style: normal;	
}
p{
	
}

p.tagfont, header li.menu-item a, li.menu-item a span, .acf-schedule__time, .lang-swit li span, span.acf-programs-cols__btn-text, .breadcrumbs span{
    font-family: "Roboto Condensed", sans-serif!important;
    font-style: normal;
    font-optical-sizing: auto;
}
 cell.footer-col li.menu-item a, .contact-data div, .contact-data div a, p.copyright, p.createdbyink, p.createdbyink a {
    font-weight: 300;
}

.breadcrumbs span, .breadcrumbs a span {
	color:white;
	text-transform:capitalize;
}
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
body, p {
	line-height: 1.3;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.1px;
}
li {
	line-height: 1.3;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.1px;
}
li.acf-schedule__row {
    font-size: 18px;
}
a, a:focus {
	text-decoration: none;
	border-radius: 5px;
	color:black;
	border-radius: 3px !important;
}
a:hover {
	color:black;
	border-radius: 3px !important;
}
a.acf-programs-cols__btn:hover {
    color: white;
}
::-moz-selection, ::selection {
	text-shadow: none;
}
li.menu-item a{
    color: #FFF;
    text-align: center;
    font-size: 1rem;
    line-height: 20px;
    font-weight: 400;
    transform: scale(1.2) translateX(5px);
}
header li.menu-btn-promo.menu-item a{
	transform:none;
}

li.menu-item ul li a{
	transform: none;
}

.headline h2,
.slideLayer .headline h1{
    color: #FFF;
    text-align: center;
    font-size: 150px;
    font-style: normal;
    font-weight: 700;
    line-height: 150px; 
    letter-spacing: -7.5px;
    text-transform: uppercase;
}

li.accordion-item a {
    font-size: 16px;
    line-height: 20px;
}

.accordion-content p,
.accordion-content li{
    font-size: 14px;
    line-height: 20px;
    font-style: normal;
}

h5 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 70px; /* 350% */
    text-transform: uppercase;
}
/*------------------------------------*\
	TYPOGRAPHY COLORS
\*------------------------------------*/
body{
	color: #000000;
}
::-moz-selection, ::selection {
	color: #FFFFFF;
}
.white{
	color: #FFFFFF;
}
a:focus, a:hover{
	color: #070707;
	border-radius: 3px !important;
}
body {
    font-weight:400;
}

.border-radius {
    border-radius: 20px;
}

h1{
	text-align: center;
	font-size: 80px;
	font-style: normal;
	font-weight: 700;
	line-height: 80px; /* 100% */
	letter-spacing: -4px;
	text-transform: uppercase;	
}
h2{
    color: #000;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px; 
    letter-spacing: -2.25px;
    text-transform: uppercase;    
}
h3{
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px; 
    letter-spacing: -2px;
    text-transform: uppercase;
}
h4{
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px; 
    letter-spacing: -1.25px;
    text-transform: uppercase;    
}
p.tagfont {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: normal;
    text-transform: none;
    transform: scale(1.02) translateX(5px);
}

.red {
    color: #ED1D24;
}
.white {
    color: #ffffff;
}


/*------------------------------------*\
	SPACING
\*------------------------------------*/ 
.padding-bottom-fasa {
    padding-bottom: 100px;
}
/*------------------------------------*\
	GRID
\*------------------------------------*/  

    .wp-block-columns > .wp-block-columns, 
	.grid-container, 
	.wp-block-columns > .wp-block-column > .wp-block-columns {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .page-content .wp-block-columns.grid-container.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        padding-top: 100px;
        padding-bottom: 100px;
    }  
    .main-header-container .grid-container{
        padding-left: 1vh;
        padding-right: 1vh;
    } 

    footer.footer .grid-container{
        padding-left: 5vh;
        padding-right: 5vh;
    } 
   @media screen and (min-width:1620px){ 
	    .main-header-container .grid-container,
	    footer.footer .grid-container{
	        max-width: 90%;
	        padding-left: 15px;
	        padding-right: 15px;
	    }    
    }
    .featured-image-container {
        position: relative;
        width: 100%;
        height: 45rem;
        display: block;
    }

	.featured-image-container img.wp-post-image {
	    object-fit: cover;
	    width: 100%;
	    height: inherit;
	}
    
    .breadcrumbs-container {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 2;
    }
	.breadcrumbs-container h1.page-title {
	    text-transform: uppercase;
	    color: white;
	}
	
	.featured-image-container:before {
	    content: '';
	    width: 100%;
	    height: 100%;
	    display: block;
	    position: absolute;
	    top: 0;
	    left: 0;
	    background: rgba(0, 0, 0, 0.40);
	    z-index: 1;
	}
/*------------------------------------*\
	BUTTONS
\*------------------------------------*/  
        .wp-block-buttons {
            justify-content: flex-start;
            display: flex;
            align-items: center;
                margin-top: 30px;
        }
        .wp-block-buttons>.wp-block-button:has( + .wp-block-button) {
            margin-right: 50px!important;
        }
        .wp-block-buttons>.wp-block-button:last-child {
            margin-right: 0 !important;
        }
        .wp-block-button__link, .wpcf7 input[type="submit"] {

        }
        
        .is-primary-button .wp-block-button__link {
            background-color:#4CC0AD !important;
            color:white!important;
        }
		.wp-block-columns {
			align-items: normal !important;
			box-sizing: border-box;
			display: flex!important;
		}
		.is-primary-button .wp-block-button__link, .wpcf7 input[type="submit"] {
            padding: 10px 20px !important;
            border-radius: 10px !important;
            font-weight: 500 !important;
            border: 0;
        }
        .wpcf7 input[type="submit"] {
            display: block;
            width: 100%;
        }

        .wp-block-button:not(.is-primary-button) .wp-block-button__link, .destinations-informations-each-title.active-info, .slide-href a {
            position: relative;
        }
        
        .wp-block-button:not(.is-primary-button) .wp-block-button__link:hover, .destinations-informations-each-title.active-info:hover, .slide-href a:hover {
            border-color: transparent!important;
        }
        
        .wp-block-button:not(.is-primary-button) .wp-block-button__link:after, .destinations-informations-each-title.active-info:after, .slide-href a:after {
            content: "";
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 0;
            height: 1px;
            background: #4cc0ad;
            display: block!important;
            transition: none;
        }
        
        
        .wp-block-button:not(.is-primary-button) .wp-block-button__link:hover:after, .destinations-informations-each-title.active-info:hover:after, .slide-href a:hover:after {
            width: 100%;
            transition: all .15s linear 0.1s;
        }
        
        li.menu-btn-promo a, .cell.footer-col ul.menu li.menu-btn-promo a, .wpcf7 input[type="submit"] {
            color: #FFF;
            text-align: center;
            font-family: "Roboto Condensed";
            font-size: 18px;
            font-style: normal;
            font-weight: 300;
            line-height: 20px;
            padding: 10px 15px;
            background: #ED1D24;
        }        
        
        .acf-hero-btn{
            display: inline-block;
            padding: 8px 18px;
            background: #ED1D24;
            border-radius: 2px;
            color: #FFF;
            position:relative;
        }
        
        .acf-hero-btn:hover{
          opacity:0.9;
        }
        
        a.acf-hero-btn:after {
            position: absolute;
            top: 0;
            left: 0;
            content: "";
            display: block;
            width: 0;
            height: 100%;
            background: #000000;
            -webkit-transition: width .4s ease;
            transition: width .4s ease;
            border-radius: 3px;
        }
        
        a.acf-hero-btn:hover:after{
            width:100%;
        }
        
        a.acf-hero-btn:hover {
            color: #ffffff;
        }
        
        a.acf-hero-btn:hover {
            color: white;
        }
        
        span.acf-hero-btn-text, span.acf-programs-cols__btn-text {
            position: relative;
            z-index: 2;
            text-align: center;
            font-family: "Roboto Condensed";
            font-size: 16px;
            font-style: normal;
            font-weight: 300;
            line-height: 20px;
        }
        
        
        .top-bar-contact-menu li a,
        li.menu-btn-promo.menu-item a{
            position: relative;
            z-index: 1;
            overflow: hidden;
        }
        
        .top-bar-contact-menu li a:after, li.menu-btn-promo.menu-item a:after, .wpcf7 input[type="submit"]:after{
            position: absolute;
            top: 0;
            left: 0;
            content: "";
            width: 0;
            height: 100%;
            background: #000000;
            transition: width .4s ease;
            z-index: -1;
			border-radius: 3px;
        }
        
        .top-bar-contact-menu li a:hover,
        li.menu-btn-promo.menu-item a:hover{
            color: white;
        }
        
        .top-bar-contact-menu li a:hover:after,
        li.menu-btn-promo.menu-item a:hover:after{
            width: 100%;
        }

	
/*------------------------------------*\
	MOVES
\*------------------------------------*/  
        @keyframes hoverUnderline {
            0% {width:0px;}
            100% {width:100%;}
        }
        @-webkit-keyframes hoverUnderline {
            0% {width:0px;}
            100% {width:100%;}
        }	
        .top-header-first-column .widget_responsive_horizontal_nav_menu .menu a:hover:after {
            animation-name: hoverUnderline;
            animation-duration: 0.25s; 
            -webkit-animation-name: hoverUnderline;
            -webkit-animation-duration: 0.25s; 
        }
/*------------------------------------*\
	SLIDER
\*------------------------------------*/  
    video.home-video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        left: 0;
        top: 0;
        z-index: -1;
    }
    .slideLayer {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);

    }
@media screen and (min-width:1600px){
        margin-top: -50px;	
}
    .slideLayer * {
        color: #FFF;
    }
    .slideLayer h1, .slideLayer h3, .slideLayer h4, .slideLayer h5, .slideLayer h6 {
        color: #FFF;
        font-size: 40px;
        font-style: normal;
        font-weight: 600;
        line-height: 1.3;
        margin-bottom:30px;
    }
    
    .slide-href {
        margin-top:30px;
    }
    .slide-href a {
        color:white!important;
    }
    
    
    .thumbnail-of-port-top.slider-list {
        position: relative;
    }
    
    .thumbnail-of-port-top.slider-list ul.slick-dots {
        bottom: 140px;
    }
    
    
    .thumbnail-of-port-top.slider-list .slick-dots button:before {
        color: transparent!important;
        border: 1px solid white;
        border-radius: 50%;
        width: 10px;
        opacity:1;
        height: 10px;
        background: transparent;
    }
    .homeSlider {
      min-height: 100vh;
    }
        .homeSlider.homeVideo.featured-container:before {
        position: absolute;
        width: 100%;
        height: 100%;
        content: '';
        top: 0;
        left: 0;
        display: block;
        background: rgba(0, 0, 0, 0.40);
    }
    
    .thumbnail-of-port-top.slider-list .slick-dots li.slick-active button:before {
        background: white;
    }
    
    .thumbnail-of-port-top.slider-list .slick-dots li button {
        width: 10px;
        height: 10px;
    }
    
    
    
    .iframeSlider.iframeVideo {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        width: 300%;
        left: -100%;
        background-size: 100vw auto !important;
    }
    
    .iframeSlider.iframeVideo iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    
    .thumbnail-of-port-top.slider-list.slider-with-iframe {
        margin-top: -125px;
    }
    
    .thumbnail-of-port-top.slider-list > .slider-list-item {
        display: none;
    }
    
    .thumbnail-of-port-top.slider-list > .slider-list-item:first-child {
        display: block;
    }
    
    @media screen and (max-width:781px) {
        .slideLayer h2{
            color: #FFF;
            text-align: center;
            font-family: Gotham;
            font-size: 60px;
            font-style: normal;
            font-weight: 700;
            line-height: 60px; /* 100% */
            letter-spacing: -3px;
            text-transform: uppercase;
        }
        
        .slideLayer h1, .slideLayer h3, .slideLayer h4, .slideLayer h5, .slideLayer h6 {
            font-size: 48px;
            margin-bottom:10px
        }
        
        .slide-href {
            margin-top:20px;
        }
        .thumbnail-of-port-top.slider-list ul.slick-dots {
            bottom: 125px;
        }
        .thumbnail-of-port-top.slider-list .slick-arrow {
            display:none!important;
        }
    }

/*------------------------------------*\
	HEADER
\*------------------------------------*/  
    header.has-image-section-top {
        position: absolute;
        width: 100%;
        z-index: 3;
    }
    
    nav.nav {
        justify-content: center;
    }
    
    .logo {
        display: flex;
        justify-content: center;
        height: 100%;
        align-items: center;
    }    

	.top-bar, .top-bar ul {
	    background-color: transparent;
	}
	
	.sticky.is-stuck.is-at-top {
	    background: #000000;
	}
	
	.grid-x.main-header {
        justify-content: center;
        align-items: center;
    }
    
    .logo {
        transform: translateY(40px);
    }

    .sticky.is-stuck.is-at-top .logo {
        transform: none;
    }
    
    .sticky.is-stuck.is-at-top .logo img {
        height: 5rem;
        padding: 0.7rem;
    }

	nav.nav.nav-left {
		justify-content: space-between;
	}

	.top-bar ul.dropdown.menu {
	    width: 100%;
	    justify-content: space-between;
	}
	
	.top-bar.grid-x {
	    width: 100%;
	    flex: 100%;
	}
	
	.top-bar.grid-x div {
	    display: flex;
	    flex: 100%;
	    justify-content: flex-start;
	}
	
	.main-navigation-container .grid-container {
	    padding: 0;
	    max-width: 100%;
	}

    nav.nav.nav-right .top-bar.grid-x {
        display: flex;
        align-items: center;
    }
    
    nav.nav.nav-right .top-bar.grid-x .top-bar-right-menu {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .lang-swit {
        flex: 0 0 20%;
        max-width: 20%;
        text-align: center;
    }
    
    .top-bar-contact-menu {
        flex: 0 0 20%;
        max-width: 20%;
        text-align: right;
    }
    
    .top-bar.grid-x .lang-swit .wpml-ls {
        justify-content: center;
        display: flex;
        align-items: center;
    }
    
    .lang-swit a {
        color: inherit;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        line-height: 18px;
        padding: inherit;
        opacity: inherit;
        font-weight: 300;
    }
    
    .lang-swit li.wpml-ls-current-language {
        font-weight: 700;
        opacity: 1;
    }
    
    .lang-swit li:first-child {
        margin-right: 8px;
        padding-right: 5px;
        border-right: 1px solid;
    }
    
    .lang-swit li {
        opacity: 0.6;
        color: #FFF;
    }    
    
    .header-hide-show{
      transition: transform .25s ease, opacity .25s ease;
      will-change: transform;
    }
    
    .header-hide-show.is-hidden{
      transform: translateY(-110%);
      opacity: 0.98;
    }
    
    .dropdown.menu>li.is-dropdown-submenu-parent>a::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E%3Cpath d='M0.5 0.500008L4.73529 5.50001L9 0.500008' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: contain;
      width: 12px;
      height: 12px;
      border: none;
      background-position: center;
    }
    
    .dropdown.menu>li.is-active>a{
    color:#ffffff;}
    
    ul.submenu.menu.is-dropdown-submenu.first-sub.vertical {
      background: black;
    }    
    
    .dropdown .is-dropdown-submenu a {
        text-transform: capitalize;
    }

    /* Header Without featured image */
    
    header.header.no-thumbnail .dropdown.menu>li>a, 
    header.header.no-thumbnail .lang-swit a {
        color: black;
    }
    
    header.header.no-thumbnail .dropdown.menu li.menu-btn-promo.menu-item a {
        color: white;
    }
    
    header.header.no-thumbnail .dropdown.menu>li.is-dropdown-submenu-parent>a::after {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E%3Cpath d='M0.5 0.500008L4.73529 5.50001L9 0.500008' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E");
    }
    
    header.header.no-thumbnail .sticky.is-stuck.is-at-top .dropdown.menu>li.is-dropdown-submenu-parent>a::after {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E%3Cpath d='M0.5 0.500008L4.73529 5.50001L9 0.500008' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E");
    }
    
    header.header.no-thumbnail .sticky.is-stuck.is-at-top .dropdown.menu>li>a, 
    header.header.no-thumbnail .sticky.is-stuck.is-at-top .lang-swit a {
        color: #ffffff;
    }
    /* Header Without featured image */

.logo img{
position:relative;
transition:opacity .25s ease;
}

.logo-light{
opacity:0;
}

.logo-dark{
opacity:1;
}

.has-image-section-top .logo-light,
.thumbnail-in-top .logo-light{
opacity:1;
}

.has-image-section-top .logo-dark,
.thumbnail-in-top .logo-dark{
    opacity:0;
    display: none;
}

/* όταν γίνει sticky */
.header-container-sticky.is-stuck .logo-light{
opacity:1;
}

.header-container-sticky.is-stuck .logo-dark{
    opacity:0;
    display: none;
}

.no-thumbnail img.logo-light {
    display: none;
}

.no-thumbnail .sticky.is-stuck.is-at-top img.logo-light {
    display: block;
}
/*------------------------------------*\
	FOOTER
\*------------------------------------*/      
    #back-to-top {
        position: fixed;
        bottom: 10px; /* Adjust as needed */
        right: 0px; /* Adjust as needed */
        z-index: 1000;
        /* display: none; */ /* Initially hidden */
        cursor: pointer;
        color: black;
        display: flex;
        flex-direction: column;
        width: 50px;
        height: 140px;
        justify-content: normal;
        align-items: center;
    }
    #back-to-top span {
        color: black;
        transform: rotate(90deg) translateX(40px) translateY(0px);
    }
    @media (min-width: 1024px){
        .five-columns .footer-col{
            width: 20%;
        }
    }    
	.footer-col h3.wp-block-heading,
	.cell.footer-col:first-child li.menu-item a{
	    color: #FFF;
	    font-size: 20px;
	    font-style: normal;
	    font-weight: 700;
	    line-height: 70px; /* 350% */
	    letter-spacing: -1px;
	    text-transform: uppercase;
	}

	.grid-x.main-footer {
	    padding: 100px 0;
	}

	.bottom-footer-container {
	    padding: 50px 0;
	}

	footer.footer {
	    background-color: #000000;
	}
	.cell.footer-col:first-child ul.menu li a {
	    padding: 0;
	}
	
	.cell.footer-col ul.menu {
	    flex-wrap: wrap;
	    flex-direction: column;
	    justify-content: flex-start;
	    align-items: flex-start;
	}
	
	footer.footer * {
        color: white;
    }
    footer.footer ul.social-icons-list {
        list-style: none;
        margin: 0;
    }
    
    .wp-block-columns.synergates {
        max-width: 20rem;
        margin: 0px auto  65px;
    }

	.cell.footer-col:last-child .widget_block {
	    display: flex;
	    justify-content: space-around;
	}
	
    .cell.footer-col:last-child .widget_nav_menu .menu-contact-container{
        justify-content: center;
        align-items: center;
        display: flex;
    }	
	
	.cell.footer-col .widget_block {
	    display: flex;
	}
	
	.cell.footer-col ul.menu a {
	    padding: 10px 0;
	}

	footer.footer p, footer.footer a, footer.footer .contact-data div, footer.footer li.menu-item a {
	    color: #FFF;
	    font-size: 16px;
	    font-style: normal;
	    letter-spacing: 0.1px;
	    font-weight: 300;
	    transform: none;
	}
	
	footer.footer .contact-data {
	    line-height: 36px;
	}
	
	footer.footer .bottom-footer-container p {
	    color: #FFF;
	    text-align: center;
	    font-size: 14px;
	    font-style: normal;
	    font-weight: 300;
	    line-height: 22px; 
	    margin: 0;
	}
	
	.menu-bottom-menu-container ul#menu-bottom-menu,
	.menu-bottom-menu-en-container ul#menu-bottom-menu-en{
        justify-content: center;
    }
    
    .menu-bottom-menu-container ul#menu-bottom-menu a,
    .menu-bottom-menu-en-container ul#menu-bottom-menu-en a{
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 22px;
    }
/*------------------------------------*\
	MOBILE - RESPONSIVE
\*------------------------------------*/    
		/** DESKTOP * TABLET **/
		@media (min-width: 782px) { 
			
		}
		
		/** MOBILE **/
		@media (max-width: 781px) { 
		             
		  .mobile-menu-container {
		    width: 100%;
		    z-index: 5;
		  }

		  .mobile-menu-container.has-image-section-top.slide-in-top {
		    top: 0;
		    left: 0;
		  }

		  .mobile-menu-container.sticky.is-stuck {
		    position: fixed !important;
		    top: 0 !important;
		    left: 0;
		    right: 0;
		  }            
            
            .thumbnail-of-port-top.slider-list {
                min-height: 100vh;
            }
            
            .thumbnail-of-port-top.slider-list .slick-list, 
            .thumbnail-of-port-top.slider-list .slick-list .slick-track, 
            .thumbnail-of-port-top.slider-list .slick-list .slick-track .slick-slide,
            .homeSlider.homeVideo.featured-container {
                min-height: inherit;
            }	

			.home main.home-page-main-container, 
			.mobile-menu-container.grid-container main.home-page-main-container {
		        padding-top: 50px;
		    }		

			.sticky.is-anchored.is-at-bottom {
			    top: 0!important;
			    bottom: unset!important;
			}
			
            
            video.home-video {
			    min-height: inherit;
			}
            			
        }	


div#offCanvasMenu.position-right {
    width:100%;
}

div#offCanvasMenu
 {
    background: #000000;
    z-index: 999;
    height: 68vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    padding-bottom: 45px;
    padding-top: 20vh;
}

a.logo-canvas img {
    height: 10vh;
}

a.logo-canvas {
    transform: translateY(15%);
}

span.borderbreak {
    height: 1px;
    width: 100%;
    transform: translateY(60px);
    background: #1D1D1D;
    position: absolute;
    top: 10vh;
}
div#offCanvasMenu ul.accordion.off-canvas-nav{
	    background: #000000;
	    height: 70%;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    overflow: hidden;
	    gap: 20px;
}
/*  */
div#offCanvasMenu .submenu-toggle::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'%3E%3Cpath d='M0.5 0.500008L4.73529 5.50001L9 0.500008' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    border: none;
    background-position: center;
}

div#offCanvasMenu .has-submenu-toggle>a {
    margin: 0;
}

div#offCanvasMenu .has-submenu-toggle {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

div#offCanvasMenu .submenu-toggle {
    position: relative;
    width: 20px;
    height: 20px;
}

div#offCanvasMenu li.menu-item a {
    color: #FFF;
    text-align: center;
    font-family: "Roboto Condensed";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 125% */
    transform: none;
}

div#offCanvasMenu ul.sub-menu.submenu.is-accordion-submenu {
    margin: 0;
    width: 100%;
    display: block;
    clear: both;
    flex: 1 0  100%;
    text-align: center;
    margin: 15px 0 0;
}
div#offCanvasMenu ul.sub-menu.submenu.is-accordion-submenu li:not(last-child) {
    margin-bottom: 15px;
}
/*  */
a.close-menu-link {
    color: white;
}	
a.close-menu-link {
    position: absolute;
    width: 50px;
    height: 50px;
    /*right: 20px;*/
    /*top: 5%;*/
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*  */
.mobile-menu-container.is-sticky-mobile .mobile-menu {
    background: black;
}

.mobile-menu-container.is-sticky-mobile .logo {
    transform: none;
}

.mobile-menu-container.is-sticky-mobile .logo img {
    height: 4rem;
    transform: none!important;
}

.mobile-menu-container.is-sticky-mobile .grid-x.mobile-menu.sticky {
    height: inherit;
    transform: none!important;
}

.mobile-menu-container.is-sticky-mobile .grid-x.mobile-menu.sticky .small-12.cell.text-center {
    height: inherit;
}
.mobile-menu-container.grid-container {
        z-index: 999;
        width: 100%;
        position: fixed;
        max-width: 100%!important;
    }
.grid-container.mobile-menu-container.sticky-container.is-sticky-mobile {
    height: 10vh!important;
}
.grid-x.mobile-menu.align-middle.sticky.is-anchored.is-at-top {
        max-width: 100% !important;
        width: 100%!important;
    }

.map-greyscale{
  filter: grayscale(100%);
}

.redbg {
    background-color: #ED1D24;
    color: white;
}

.text-divider p {
    max-width: 42rem;
    margin: 0 auto;
    height: 12rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

/*REVEAL TEXT FROM BOTTOM*/


.display-heading_row{ display:block; overflow:hidden; }
.word-mask{ display:inline-block; overflow:hidden; vertical-align:top; }
.word{
  display:inline-block;
  transform: translate3d(0,120%,0);
  opacity: 0.001;
  transition: transform 1.2s cubic-bezier(.2,.7,.2,1), opacity .8s ease;
  transition-delay: var(--d, 0ms);
}
.display-heading_wrap.is-visible .word{
  transform: translate3d(0,0,0);
  opacity: 1;
}

/**/

.acf-two-col-combo__faq .accordion-item{
  opacity: 0;
  transform: translateY(-60px);
  transition:
    transform .48s cubic-bezier(.22,.61,.36,1),
    opacity .46s ease;
}

.acf-two-col-combo__faq.is-visible .accordion-item{
  opacity: 1;
  transform: translateY(0);
}

.acf-two-col-combo__faq .accordion-item{
  transition-delay: var(--faq-delay, 0ms);
}

@media (prefers-reduced-motion: reduce){
  .acf-two-col-combo__faq .accordion-item{
  }
}

.fasa figure.wp-block-image.size-full img {
    object-fit: cover;
    width: 100%;
}
@media screen and (min-width:1610px){
	.wp-block-column.contact-info {
	    transform: translateX(10rem);
	}

}
.wp-block-column.contact-info svg.iconcnt {
    position: absolute;
    left: 0;
    transform: translateX(30vh) translateY(-1vh);
}
.wp-block-column.contact-info .contact-social svg {
    position: relative;
    transform: none;
}

.wp-block-column.contact-info {
    position: relative;
}

.wp-block-column.contact-info p:not(.tagfont) {
    color: #000;
    font-family: Gotham;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px; /* 137.5% */
}
.contact-form .wpcf7 form {
    border: 1px solid;
    padding: 50px;
    border-radius: 20px;
}
@media screen and (min-width:1610px){
	.contact-form .wpcf7 form {
	    max-width: 70%;
	    margin: 0 auto;
	}
}
.section-theme-data.contact-details-info .theme-data-columns {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

.section-theme-data.contact-details-info {
    display: flex;
}

.section-theme-data.contact-details-info .theme-data-columns ul.social-icons-list {
    margin: 0;
    list-style: none;
    display: flex;
    gap: 20px;
}

.grid-container.post-cont {
    max-width: 70%;
    margin: 100px auto;
}

.single-content{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
}

.single-content p{
    margin:0;
}

.single-content{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
}
.single-content > h2:first-child{
    grid-column:1 / -1;
    max-width: 60%;
}

.single-content h2,
.single-content h3,
.single-content h4{
    grid-column:1 / -1;
}

.featured-container.archive-headerall {
    display: block;
    position: relative;
    height: 31rem;
}

.featured-container.archive-headerall * {
    color: black;
}

/*------------------------------------*\
	Blog - Single Post 
\*------------------------------------*/  

/* container */

.loop-list-item{
    position:relative;
    overflow:hidden;
}

/* image */

.related-image{
    position:relative;
    background-size:cover;
    background-position:center;
    height:420px;
}

/* link full cover */

.href-rel-img{
    position:absolute;
    inset:0;
    z-index:2;
}

/* overlay */

.post-overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:30px;
    color:#fff;
    background:linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);
    transition:all .35s ease;
}

/* date */

.post-date{
    font-size:14px;
    margin-bottom:8px;
    opacity:.9;
}

/* title */

.related-title{
    font-size:22px;
    line-height:1.3;
    margin:0;
}

.related-title a{
    color:#fff;
    text-decoration:none;
}

/* hover content */

.post-hover{
    max-height:0;
    opacity:0;
    overflow:hidden;
    transform:translateY(20px);
    transition:all .35s ease;
}

/* excerpt */

.related-description{
    margin-top:15px;
    font-size:15px;
}

/* read more */

.post-read-more{
    margin-top:15px;
}

/* hover effect */

.loop-list-item:hover .post-hover{
    max-height:200px;
    opacity:1;
    transform:translateY(0);
}

/* image zoom */

.loop-list-item:hover .related-image{
    transform:scale(1.05);
}

.related-image{
    transition:transform .6s ease;
}
.loop-posts.loop-post-type-post {
    max-width: 80%;
    margin: 0 auto;
}

.loop-posts.loop-post-type-post article {
    padding: 1rem;
}

.js-off-canvas-overlay {
    z-index: 0;
}

a.close-menu-link {
    opacity: 0;
    transition: all 1s ease;
}
.off-canvas.is-transition-overlap.is-open a.close-menu-link {
    opacity: 1;
}
.wrapper.off-canvas-content.is-open-top a.close-menu-link {
    opacity: 1;
}
.mobile-abs.cell.text-center.menubar {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 20px;
    top: calc(50% - 50px/2);
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*  */

img.featured-image.grayscale {
    filter: grayscale(100%) brightness(53%);
}

section.latest-news-single {
    max-width: 80%;
    margin: 0 auto 10rem;
    padding-bottom: 5rem;
}
@media screen and (min-width:1366px){
    .latest-news-grid {
        transform: scale(1.2) translateX(9rem) translateY(5rem);
    }    
}

article.latest-news-item {
    margin-right: 40px;

}

#back-to-top.is-on-footer  path {
    fill: white;
}

.post-404 {
    min-height: 85vh;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
}

.post-404 * {
    display: inline-grid-lanes;
}
@media screen and (min-width:1024px){
  .post-404 p {
        max-width: 50%;
        margin: 0 auto;
    }  
}


main.simple-page-main-container hr.wp-block-separator.has-alpha-channel-opacity {
    margin:50px 0;
}
/*------------------------------------*\
	RESPONSIVE
\*------------------------------------*/  

@media (max-width:768px){

	.related-image{
	    height:45vh;
	}
	
	.post-overlay{
	    padding:20px;
	}
	
	.related-title{
	    font-size:20px;
	}

	.contentSlider {
	    transform: translateY(50px);
	}

	.home  .acf-hero-inner {
	    padding: 0px 0!important;
	}
	
	#hero-centered-1 .acf-hero-inner{
	    max-width: 90%!important;
	}
	
	.wp-block-columns.padding-bottom-fasa {
	    padding-bottom: 30px;
	    padding-top: 50px;
	    /* height: 9rem; */
	    width: 100%;
	    overflow: hidden;
	    margin-bottom: 30px;
	}

	.wp-block-columns.padding-bottom-fasa .fasa-mobile {
	    display: flex;
	    flex-direction: row;
	    justify-content: center;
	    gap: 5vh;
	    align-items: center;
	}
	
	.wp-block-columns.padding-bottom-fasa .fasa-mobile svg {
	    transform: scale(1.1);
	}
	
	.fasa figure.wp-block-image.size-full img {
	    object-fit: contain;
	    height: 100%;
	    width: auto;
	    transform: scale(2.5);
	}
	
	.wp-block-columns.padding-bottom-fasa .wp-block-column, 
	.wp-block-columns.padding-bottom-fasa .wp-block-column figure {
	    height: inherit;
	}
	
	.slideLayer.grid-container {
        margin-top: 0;
    }
    h1 {
        color: #FFF;
        text-align: center;
        font-family: Gotham;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 100% */
        letter-spacing: -2px;
        text-transform: uppercase;
    }
    .headline h2 {
        text-align: center;
        font-size: 60px;
        font-style: normal;
        font-weight: 700;
        line-height: 60px;
        letter-spacing: -3px;
        text-transform: uppercase;
    }
    .maps-iframe, .maps-iframe * {
        height: 60vh;
    }
	
	.grid-x.main-footer {
        padding: 50px 0;
        gap: 50px;
    }
    
    .cell.footer-col:last-child .widget_block, 
    .cell.footer-col:last-child .widget_nav_menu .menu-contact-container {
        justify-content: flex-start;
    }
    
    .featured-image-container.text-center {
        height: 30rem;
    }
    
    .featured-image-container.text-center img.featured-image.featured-image-mobile {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    
    .wp-block-column.contact-info {
        transform: none;
    }
    
    .wp-block-column.contact-info svg.iconcnt {
        transform: none;
        position: relative;
        width: 100%;
        max-width: 90%;
    }

	.section-theme-data.contact-details-info .theme-data-columns {
	    gap: 30px;
	}

    
    .contact-form .wpcf7 form {
        max-width: 100%;
        padding: 30px;
    }
    
    .no-thumbnail.blog-context  .is-sticky-mobile img.logo-light{
        display: block;
        opacity: 1;
    }
    
    .no-thumbnail.blog-context .is-sticky-mobile img.logo-dark{
        display: none;
    }
    
    .no-thumbnail.blog-context.is-open-top .grid-x.mobile-menu .logo img.logo-dark{
        display: none;
    }
    
    .no-thumbnail.blog-context.is-open-top .grid-x.mobile-menu .logo img.logo-light{
        display: block;
        opacity: 1;
    }
    
    .single-content > h2:first-child {
        max-width: 100%;
    }
    
    .grid-container.post-cont {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .single-content {
        grid-template-columns: 1fr;
        gap: 0;
    }
    
    .text-divider {
        padding: 10px;
    }
    
    .breadcrumbs-container {
        transform: translateY(4rem);
    }
    .acf-hero-centered-panel {
        padding: 0 20px;
    }
	
    .loop-posts.loop-post-type-post {
        gap: 40px;
        max-width: 90%;
    }
	
    .loop-list-item .post-hover{
        max-height:200px;
        opacity:1;
        transform:translateY(0);
    }
     .contact-info .contact-data div,
     .contact-info .contact-data div a{
        color:black;
        font-weight:400;
    }   
    
    .contact-form input[type="text"], 
    .contact-form input[type="search"], 
    .contact-form [type=email], 
    .contact-form  textarea {
        padding: 1.5rem 3.5rem;
    }
    
    .wrapper.off-canvas-content.is-open-top .grid-container.mobile-menu-container.sticky-container.is-sticky-mobile {
        height: initial!important;
    }
    
    .wrapper.off-canvas-content.is-open-top .grid-x.mobile-menu .logo,
    .wrapper.off-canvas-content.is-open-top .mobile-menu-container.is-sticky-mobile .logo{
        transform: none;
        padding: 15px 0;
    }
    .wrapper.off-canvas-content.is-open-top .grid-x.mobile-menu .logo img, 
	.wrapper.off-canvas-content.is-open-top .mobile-menu-container.is-sticky-mobile .logo img,
	.wrapper.off-canvas-content.is-open-top .grid-container.mobile-menu-container.sticky-container.is-sticky-mobile .grid-x.mobile-menu .logo img{
		height: 8rem;
		padding: 1rem;
	}
    .wrapper.off-canvas-content.is-open-top .mobile-menu-container.is-sticky-mobile .logo img {
        height: inherit;
    }
    
    .post-404 {
        min-height: 100vh;
        max-width: 90%;
        margin: 30px auto;
    }
	
	.wrapper.off-canvas-content.no-thumbnail .mobile-abs.menubar svg {
        border: 1px solid #ED1D24;
        border-radius: 22px;
    }
    
    .wp-block-columns.synergates {
        flex-direction: row;
        max-width: 100%;
        width: 100%;
        flex-wrap: nowrap!important;
    }
    
    .wp-block-columns.synergates .wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {
        width: unset!important;
        column-wrap: nowrap;
        flex-basis: auto!important;
    }    
}

.wp-block-columns.instapading {
    padding: 50px 0;
}

.grecaptcha-badge {
    visibility: collapse !important;
}