/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

@font-face {
    font-family: 'Titillium Web';
    src: url('assets/fonts/TitilliumWeb-Bold.eot');
    src: url('assets/fonts/TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/TitilliumWeb-Bold.woff2') format('woff2'),
        url('assets/fonts/TitilliumWeb-Bold.woff') format('woff'),
        url('assets/fonts/TitilliumWeb-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('assets/fonts/TitilliumWeb-SemiBold.eot');
    src: url('assets/fonts/TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/TitilliumWeb-SemiBold.woff2') format('woff2'),
        url('assets/fonts/TitilliumWeb-SemiBold.woff') format('woff'),
        url('assets/fonts/TitilliumWeb-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Titillium Web';
    src: url('assets/fonts/TitilliumWeb-Black.eot');
    src: url('assets/fonts/TitilliumWeb-Black.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/TitilliumWeb-Black.woff2') format('woff2'),
        url('assets/fonts/TitilliumWeb-Black.woff') format('woff'),
        url('assets/fonts/TitilliumWeb-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('assets/fonts/TitilliumWeb-Light.eot');
    src: url('assets/fonts/TitilliumWeb-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/TitilliumWeb-Light.woff2') format('woff2'),
        url('assets/fonts/TitilliumWeb-Light.woff') format('woff'),
        url('assets/fonts/TitilliumWeb-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Sans';
    src: url('assets/fonts/DMSans-SemiBold.eot');
    src: url('assets/fonts/DMSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/DMSans-SemiBold.woff2') format('woff2'),
        url('assets/fonts/DMSans-SemiBold.woff') format('woff'),
        url('assets/fonts/DMSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'DM Sans';
    src: url('assets/fonts/DMSans-ExtraBold.eot');
    src: url('assets/fonts/DMSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/DMSans-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/DMSans-ExtraBold.woff') format('woff'),
        url('assets/fonts/DMSans-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('assets/fonts/TitilliumWeb-Italic.eot');
    src: url('assets/fonts/TitilliumWeb-Italic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/TitilliumWeb-Italic.woff2') format('woff2'),
        url('assets/fonts/TitilliumWeb-Italic.woff') format('woff'),
        url('assets/fonts/TitilliumWeb-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Titillium Web';
    src: url('assets/fonts/TitilliumWeb-BoldItalic.eot');
    src: url('assets/fonts/TitilliumWeb-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/TitilliumWeb-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/TitilliumWeb-BoldItalic.woff') format('woff'),
        url('assets/fonts/TitilliumWeb-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

:root { 
    --black: #000000;
    --white: #ffffff;
    --extra-yellow: #f2ac29;
}


/*********************
 GENERAL
*********************/
h1, .h1 ,h2, .h2 { color: var(--black); font-family: 'Titillium Web', sans-serif; font-weight: bold; }
h3, .h3, h4, .h4, h5, .h5 { color: var(--black); font-family: 'Titillium Web', sans-serif; font-weight: 600; }
body, h6, p, ul li, ol li { font-family: 'DM Sans', sans-serif; font-weight: normal; }
a, button { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }

h1, .h1 { font-size: 70px; line-height: 75px; }
h2, .h2 { font-size: 50px; line-height: 56px; }
h3, .h3 { font-size: 40px; line-height: 50px; }
h4, .h4 { font-size: 30px; line-height: 40px; }
h5, .h5 { font-size: 20px; line-height: 30px; }
h6 { color: var(--nectar-extra-color-3)!important; font-size: 16px; font-weight: 600; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; }
p, ul li, ol li { font-size: 18px; line-height: 24px; }

@media (max-width: 1299px) {
	h1, .h1 { font-size: 60px; line-height: 65px; }
	h3, .h3 { font-size: 30px; line-height: 33px; }
	h4, .h4 { font-size: 23px; line-height: 28px; }
}

@media (max-width: 999px) {
	h1, .h1 { font-size: 50px; line-height: 55px; }
	h2, .h2 { font-size: 45px; line-height: 50px; }
	h3, .h3 { font-size: 28px; line-height: 30px; }
	h4, .h4 { font-size: 22px; line-height: 26px; }
}

@media (max-width: 690px) {
	h1, .h1 { font-size: 45px; line-height: 50px; }
	h3, .h3 { font-size: 28px; line-height: 32px; }
	h4, .h4 { font-size: 25px; line-height: 30px; }
}

@media (max-width: 480px) {
	h1, .h1 { font-size: 40px; line-height: 45px; }
	h2, .h2 { font-size: 30px; line-height: 40px; }
	h3, .h3 { font-size: 25px; line-height: 30px; }
    h4, .h4 { font-size: 22px; line-height: 28px; }
    h5, .h5 { font-size: 17px; line-height: 22px; }
    body, p, ul li, ol li { font-size: 16px; line-height: 20px; }
}

.material .wpb_content_element { margin-bottom: 10px!important; }

.color-accent { color: var(--nectar-accent-color); }
.color-1 { color: var(--nectar-extra-color-1); }
.color-2 { color: var(--nectar-extra-color-2); }
.color-3 { color: var(--nectar-extra-color-3); }

.mb-0 { margin-bottom: 0!important; }
.mb-1 { margin-bottom: 0.25rem!important; }
.mb-2 { margin-bottom: 0.5rem!important; }
.mb-3 { margin-bottom: 0.75rem!important; }
.mb-4 { margin-bottom: 1.5rem!important; }
.mb-5 { margin-bottom: 3rem!important; }

.mt-0 { margin-top: 0!important; }
.mt-1 { margin-top: 0.25rem!important; }
.mt-2 { margin-top: 0.5rem!important; }
.mt-3 { margin-top: 0.75rem!important; }
.mt-4 { margin-top: 1.5rem!important; }
.mt-5 { margin-top: 3rem!important; }

.pb-0 { padding-bottom: 0!important; }
.pb-1 { padding-bottom: 0.25rem!important; }
.pb-2 { padding-bottom: 0.5rem!important; }
.pb-3 { padding-bottom: 0.75rem!important; }
.pb-4 { padding-bottom: 1.5rem!important; }
.pb-5 { padding-bottom: 3rem!important; }

.pt-0 { padding-top: 0!important; }
.pt-1 { padding-top: 0.25rem!important; }
.pt-2 { padding-top: 0.5rem!important; }
.pt-3 { padding-top: 0.75rem!important; }
.pt-4 { padding-top: 1.5rem!important; }
.pt-5 { padding-top: 3rem!important; }


/*********************
 HEADER
 *********************/
#header-outer li > a .menu-title-text { font-family: 'Titillium Web',sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; }
#top .sf-menu > li { margin-left: 10px; margin-right: 10px; }
#top .sf-menu > li:not([class*="menu-item-btn"]) > a .menu-title-text:before { background-color: var(--nectar-extra-color-3); }
#top .sf-menu > li:not([class*="current"]):not([class*="menu-item-btn"]) > a .menu-title-text:before { background-color: var(--nectar-extra-color-3)!important; }

#top nav > ul > .button_solid_color > a:before { background-color: var(--nectar-extra-color-3)!important; }

#top .sf-menu > li, body.material #header-outer:not([data-format=left-header]) #top nav>.buttons.sf-menu>li.menu-item { margin-inline: 0; }

body.material #header-outer #social-in-menu i { border: 1px solid var(--nectar-accent-color); border-radius: 50%; color: var(--nectar-accent-color); display: inline-block; font-size: 17px; height: 38px; line-height: 35px; margin-right: 7px; text-align: center; width: 38px; }
#header-outer:not(.transparent) #social-in-menu a i:after { background-color: var(--nectar-accent-color)!important; border-radius: 50%; color: var(--white)!important; display: inline-block; font-size: 17px; height: 38px; line-height: 35px; margin-top: 2px; text-align: center; width: 40px; }


@media (max-width: 1561px) {
    #header-outer li > a .menu-title-text { font-size: 16px; }
    #top .sf-menu > li { margin-left: 6px; margin-right: 6px; }
}

@media (max-width: 1515px) {
    #header-outer li > a .menu-title-text { font-size: 15px; }
}

@media (max-width: 1469px) {
    #header-outer li > a .menu-title-text { font-size: 13px; }
    #top .sf-menu > li { margin-left: 0; margin-right: 0; }
    body.material #header-outer #social-in-menu i { height: 35px; line-height: 32px; width:35px; }
    #header-outer:not(.transparent) #social-in-menu a i:after { height: 35px; line-height: 32px; width: 35px; }
}

@media (max-width: 1290px) {
    #header-outer li > a .menu-title-text { font-size: 12px; }
    body.material #header-outer #social-in-menu i { font-size: 13px; height: 24px; line-height: 22px; width:24px; }
    #header-outer:not(.transparent) #social-in-menu a i:after { font-size: 13px; height: 24px; line-height: 22px; width: 24px; }
}

@media (max-width: 1190px) {
    body.material #header-outer #social-in-menu i { font-size: 18px; height: 40px; line-height: 37px; width: 40px; }
    #header-outer:not(.transparent) #social-in-menu a i:after { font-size: 18px; height: 40px; line-height: 37px; width: 40px; }

    #header-outer #top .span_9 nav .sf-menu:not(.buttons) > li, #top .span_9 nav .buttons .menu-item, #top .right-aligned-menu-items .buttons .menu-item {
        position: relative; visibility: visible;
    }
}

@media (min-width: 1000px) {
    .mobile-book-now { display: none; }
}

@media (max-width: 999px) {
    .mobile-book-now { background-color: var(--nectar-extra-color-3); border-radius: 25px; color: var(--white); display: inline-block; font-size: 14px; line-height: 17px; margin-right: 5px; padding: 5px 16px!important; }
    .mobile-book-now:hover { background-color: var(--nectar-accent-color); color: var(--white); }
}

@media (max-width: 690px) {
    .mobile-book-now { font-size: 13px; line-height: 16px; padding: 5px 15px!important; }
}

@media (max-width: 480px) {
    #header-outer[data-cart=true] #top #mobile-cart-link { padding-right: 5px; }
    .mobile-book-now { font-size: 12px; line-height: 15px; }
}

@media (max-width: 374px) {
    body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version { height: 25px!important; }
    .mobile-book-now { margin-right: 0; padding-inline: 14px!important; }
}


/*********************
 FOOTER
 *********************/
#global-footer .row-bg-wrap::before { content: ''; background: url('assets/img/banner-footer-montain.png') no-repeat center; background-size: cover; display: inline-block; left: 0; height: 150px; position: absolute; top: -150px; width: 100%; z-index: 999; }
#global-footer #menu-primary-menu-2, #menu-primary-menu-2 > li { color: var(--white); display: inline-block; font-size: 20px; font-weight: bold; list-style: none; margin-bottom: 0; margin-left: 0; padding-left: 0; text-transform: uppercase; }
#global-footer #menu-primary-menu-2 > li:not(:last-child):after { content: '•'; display: inline; margin-inline: 8px 5px; }
#global-footer p { color: var(--white)!important; }
#global-footer .iwt-text { color: var(--white); font-size: 18px; font-weight: 600; }
#global-footer h5 { color: var(--white); font-size: 25px; }
#global-footer a { color: var(--white); }
#global-footer a:hover { color: var(--nectar-extra-color-1); }
body [class^="icon-"].icon-default-style { color: var(--white)!important; }

#footer-outer #copyright p { font-size: 14px; line-height: 20px; }
#footer-outer #copyright a:not(.nectar-button):hover { color: var(--nectar-extra-color-3)!important; }

@media (max-width: 1024px) {
    #global-footer .row-bg-wrap::before { top: -135px; }
    #global-footer h5 { font-size: 20px!important; }
    #global-footer a { font-size: 19px; }
    #global-footer .iwt-text { font-size: 16px; line-height: 18px; }
    #footer-outer #copyright { padding: 13px 0; }
}

@media (max-width: 999px) {
    #global-footer .row-bg-wrap::before { height: 100px; top: -95px; }
    #global-footer #menu-primary-menu-2, #menu-primary-menu-2 > li { font-size: 15px; }
    #global-footer img { text-align: center; width: 40%; }
    #global-footer i { font-size: 26px!important; }
    #global-footer h5 { font-size: 20px; }
    #global-footer .iwt-text { font-size: 15px; }
    #footer-outer #copyright p { font-size: 13px; line-height: 18px; }
}

@media (max-width: 690px) {
    #global-footer .row-bg-wrap::before { height: 100px; top: -95px; }
    #global-footer img { width: 80%; }
}


/*********************
 HOMEPAGE
 *********************/
.swiper-slide .content h2 { font-size: 70px; font-weight: 600; line-height: 75px; }

.nectar-scrolling-text.text_space_medium[data-spacing="true"] .nectar-scrolling-text-inner > * { font-size: 18px; line-height: 25px; }

.nectar-slider-wrap .swiper-slide .content { align-items: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; left: 50% !important; margin: 0 auto !important; max-width: 1000px; padding: 0 20px; position: absolute !important; text-align: center !important; transform: translate(-50%, -50%) !important;  top: 50% !important; width: 100%; }
.nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2 { font-size: 90px!important; font-weight: bold; line-height: 95px!important; margin: 0 auto !important; text-align: center !important; }

.nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-next i, .nectar-slider-wrap[data-button-styling="btn_with_preview"] .swiper-container .slider-prev i { border: transparent; background-color: var(--nectar-extra-color-3); color: var(--white); font-size: 37px; line-height: 46px; }
body .fa.fa-angle-left:before { left: -2px; position: relative; }
body .fa.fa-angle-right:before { right: -2px; position: relative; }

.video-mask { padding: 25px; position: relative; }
.video-mask::before { content: ''; animation: morphCycle 8s ease-in-out infinite; background: linear-gradient(135deg,rgba(76, 175, 80, 0.15) 0%,rgba(33, 150, 243, 0.15) 100%); border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; bottom: 0; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; }
.video-mask video, .video-mask .nectar-video-wrap { animation: morphCycle 8s ease-in-out infinite; border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.3), 0 0 0 3px rgba(255, 255, 255, 0.1), 0 0 0 6px rgba(76, 175, 80, 0.2); overflow: hidden; position: relative; transition: transform 0.3s ease; z-index: 1; }
.video-mask video:hover, .video-mask .nectar-video-wrap:hover { transform: scale(1.02); }


/*** Bikes & Tours ***/
.bikes-slider, .routes-slider { margin-inline: -10px; margin-top: 50px; }
.bikes-slider .bike-slide, .routes-slider .route-slide { padding-inline: 10px; }
.single-bike-item, .single-route-item { background: var(--white); border: 1px solid #eaeaea; border-radius: 6px; }
.single-bike-item { border: 1px solid #eaeaea; border-radius: 6px; padding-block: 35px 20px; }
.single-bike-item .bike-image { position: relative; }
.single-bike-item .bike-image .price { background: var(--nectar-accent-color); border-radius: 50%; color: var(--white); font-size: 20px; font-weight: bold; height: 62px; line-height: 15px; padding-top: 7px; position: absolute; right: 15px; top: -15px; width: 62px; }
.single-bike-item .bike-image .price small { display: block; font-size: 11px; font-weight: normal; }
.single-bike-item .bike-image img { aspect-ratio: 4 / 3; margin-bottom: 0!important; max-width: 250px; object-fit: contain; object-position: center; transition: all 0.5s ease; width: 90%; }
.single-bike-item .bike-image:hover img { transform: scale(1.1); }
.single-bike-item .bike-content { padding: 20px; }
.single-bike-item .bike-content h5 { margin-bottom: 10px; }
.single-bike-item .bike-content p { margin-bottom: 0; }
.bike-types .bike-type { background: var(--nectar-extra-color-3); border-radius: 5px; color: var(--white); display: inline-block; font-size: 12px; font-weight: 600; margin-inline: 4px; padding: 2px 12px; }

.slick-slider .slick-dots { bottom: -50px; display: block!important; }
.slick-dots > li { margin: 0 8px; }
.slick-dots > li, .slick-dots > li > button { height: 10px; padding: 0; width: 10px; }
.slick-dots > li > button { background: transparent; border: 1px solid var(--nectar-extra-color-3); border-radius: 50%; scale: 1; transition: all 0.5s ease; }
.slick-dots > li.slick-active > button { background: var(--nectar-extra-color-3); border-color: var(--nectar-extra-color-3); scale: 1.3; }
.slick-dots li button:before { content: none; }

/*** Tours ***/
.single-route-item img { aspect-ratio: 4 / 3; border-radius: 6px 6px 0 0; object-fit: cover; object-position: center; }
.single-route-item .route-content { padding: 10px 20px 30px; text-align: left; }
.single-route-item .route-content h5 { font-weight: bold; }
.single-route-item .route-meta, .single-route-item .route-meta > li { list-style: none; margin-left: 0; padding-left: 0; }
.single-route-item .route-meta { column-gap: 10px; display: grid!important; grid-template-columns: repeat(3, 1fr); margin-block: 15px; row-gap: 10px; }
.single-route-item .route-meta > li { background-color: #f6f6f6; border-radius: 6px; font-size: 12px; line-height: 16px; padding: 20px 5px 15px; text-align: center; }
.single-route-item .route-meta > li strong { font-size: 14px; }
.single-route-item .route-meta > li i { color: var(--nectar-accent-color); display: block; font-size: 28px; margin-bottom: 5px; }
.cities .city { background-color: var(--nectar-accent-color); border-radius: 5px; color: var(--white); display: inline-block; font-size: 12px; line-height: 15px; margin: 4px; padding: 5px 10px; }

/*** Steps ***/
.steps-section { margin: 0 auto; max-width: 1600px; position: relative; }
.steps-container { display: grid; gap: 30px!important; grid-template-columns: repeat(5, 1fr); overflow: visible!important; padding-top: 80px!important; position: relative; }
.step-connector { height: 60px; left: 65%; overflow: visible; pointer-events: none; position: absolute; top: 70px; width: 70%; z-index: 1; }

.step { animation: fadeInUp 0.8s ease forwards; opacity: 0; position: relative; text-align: center; }
.step:nth-child(1) { animation-delay: 0.2s; }
.step:nth-child(2) { animation-delay: 0.4s; }
.step:nth-child(3) { animation-delay: 0.6s; }
.step:nth-child(4) { animation-delay: 0.8s; }
.step:nth-child(5) { animation-delay: 1s; }

.step:nth-child(1) .step-connector { left: 65%; width: 70%; }
.step:nth-child(2) .step-connector { left: 65%; width: 70%; }
.step:nth-child(3) .step-connector { left: 65%; width: 70%; }
.step:nth-child(4) .step-connector { left: 65%; width: 70%; }
.step:nth-child(5) .step-connector { left: 65%; width: 70%; }

.step-connector path { animation: drawPath 2s ease-out forwards; fill: none; stroke: var(--nectar-extra-color-2); stroke-dasharray: 8, 8; stroke-dashoffset: 500; stroke-width: 2; opacity: 0.6; }
.step:nth-child(1) .step-connector path { animation-delay: 0.6s; }
.step:nth-child(2) .step-connector path { animation-delay: 0.9s; }
.step:nth-child(3) .step-connector path { animation-delay: 1.2s; }
.step:nth-child(4) .step-connector path { animation-delay: 1.5s; }
.step:nth-child(5) .step-connector path { animation-delay: 1.8s; }

.step-connector polygon { animation: fadeInArrow 0.5s ease forwards; fill: var(--nectar-extra-color-2); opacity: 0; }
.step:nth-child(1) .step-connector polygon { animation-delay: 2.6s; }
.step:nth-child(2) .step-connector polygon { animation-delay: 2.9s; }
.step:nth-child(3) .step-connector polygon { animation-delay: 3.2s; }
.step:nth-child(4) .step-connector polygon { animation-delay: 3.5s; }
.step:nth-child(5) .step-connector polygon { animation-delay: 3.8s; }

.step-number { align-items: center; background: var(--nectar-extra-color-3); border-radius: 50%; box-shadow: 0 5px 15px rgba(242, 154, 46, 0.3); color: var(--white); cursor: pointer; display: flex; font-size: 22px; font-weight: bold; height: 50px; justify-content: center; left:-100px; margin: 0 auto 30px; position: relative; transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); width: 50px; z-index: 2; }
.step-number:hover { background: var(--nectar-accent-color); box-shadow: 0 10px 30px rgba(113, 115, 67, 0.4); transform: scale(1.2) rotate(360deg); }

.step-icon { align-items: center; display: flex; height: 80px; justify-content: center; margin: 0 auto 20px; transition: all 0.3s ease; width: 80px; }
.step-icon img { height: 100%; object-fit: contain; transition: all 0.3s ease; width: 100%; }
.step:hover .step-icon { transform: translateY(-10px); }
.step:hover .step-icon img { transform: scale(1.1); }

.step-title { color: var(--nectar-extra-color-1); font-size: 24px; font-weight: 700; line-height: 30px; margin-bottom: 15px!important; transition: color 0.3s ease; }

.step-description { color: var(--black); font-size: 16px; line-height: 20px; padding-inline: 15px; }

@media (max-width: 1024px) {
    .video-mask { padding: 12px!important; }
    .video-mask::before { display: none; }
    .video-mask video, .video-mask .nectar-video-wrap { box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25), 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 0 4px rgba(76, 175, 80, 0.2); }

    .steps-container { gap: 60px 30px; grid-template-columns: repeat(2, 1fr); }
    .step-connector { display: none; }
    .step:nth-child(1)::after, .step:nth-child(2)::after { content: '';         background-image: repeating-linear-gradient( to bottom, #a8b2bf 0, #a8b2bf 6px, transparent 6px, transparent 14px ); bottom: -40px; height: 40px; left: 50%; opacity: 0.6; position: absolute; transform: translateX(-50%); width: 2px; }
}

@media (max-width: 999px) {
    .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2 { font-size: 50px!important; line-height: 60px!important; }
    .nectar-slider-wrap .swiper-slide .content { max-width: 600px!important; }
}

@media (max-width: 768px) {
    .video-mask { padding: 10px; }
    .video-mask::before { animation: morphCycleMobile 6s ease-in-out infinite; opacity: 0.5; }
    .video-mask video, .video-mask .nectar-video-wrap { animation: morphCycleMobile 6s ease-in-out infinite; border-radius: 40% 60% 50% 50% / 60% 40% 60% 40%; box-shadow:  0 15px 40px rgba(0, 0, 0, 0.2), 0 0 0 2px rgba(76, 175, 80, 0.3); }
 
    .steps-container { gap: 50px; grid-template-columns: 1fr; padding-top: 40px; }
    .step-connector { display: none; }
    .step:nth-child(1)::after,
    .step:nth-child(2)::after,
    .step:nth-child(3)::after,
    .step:nth-child(4)::after { content: ''; animation: drawLineVertical 1.5s ease forwards; background-image: repeating-linear-gradient( to bottom,#a8b2bf 0,#a8b2bf 6px, transparent 6px, transparent 14px ); bottom: -73px; height: 90px!important; left: 50%; opacity: 0; position: absolute; transform: translateX(-50%); width: 2px; }

    .step:nth-child(1)::after { animation-delay: 0.5s; }
    .step:nth-child(2)::after { animation-delay: 0.8s; }
    .step:nth-child(3)::after { animation-delay: 1.1s; }
    .step:nth-child(4)::after { animation-delay: 1.3s; }

    .step-number { height: 50px; font-size: 20px; left: 0; width: 50px; }
    .step-icon { height: 80px; font-size: 36px; width: 80px; }
    .step-title { font-size: 22px; }
    .step-description { font-size: 16px; }
}

@media (max-width: 754px) {
    .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2 { font-size: 40px!important; line-height: 50px!important; }
    .nectar-slider-wrap .swiper-slide .content { max-width: 500px!important; }
}

@media (max-width: 690px) {
    .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2 { font-size: 35px!important; line-height: 45px!important; }
	.nectar-scrolling-text.text_space_medium[data-spacing="true"] .nectar-scrolling-text-inner > * { font-size: 14px; line-height: 20px; }
}

@media (max-width: 480px) {
    .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2 { font-size: 28px!important; line-height: 35px!important; }
    .video-mask { padding: 0; }
    .video-mask::before { display: none; }
    .video-mask video, .video-mask .nectar-video-wrap { animation: none; border-radius: 30px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); }
}


/*********************
 PAGES
 *********************/
body.post-type-archive-bike .container.main-content, body.single-bike .container.main-content, 
body.post-type-archive-route .container.main-content, body.single-route .container.main-content,
body.post-type-archive-product .container.main-content, body.single-product .container.main-content,
body.woocommerce-cart .container.main-content, body.woocommerce-checkout .container.main-content, 
body.tax-city .container-wrap { 
    padding-bottom: 200px!important; 
}

body.post-type-archive-bike .container-wrap, body.single-bike .container-wrap, 
body.single-route .container-wrap { padding-top: 20px; }

body.post-type-archive-route .container-wrap, body.tax-city .container-wrap { padding-top: 30px; }

body.post-type-archive-bike .container-wrap, body.post-type-archive-route .container-wrap, 
body.tax-city .container-wrap { background-color: #f6f6f6; }

.alert { border: 1px solid transparent; border-radius: .25rem; margin-bottom: 1rem; padding: .75rem 1.25rem; position: relative; }
.alert-info { background-color: #d1ecf1; border-color: #bee5eb; color: #0c5460; }
.alert-success { background-color: #d4edda; border-color: #c3e6cb; color: #155724; }

.breadcrumbs, .breadcrumbs > li { display: inline-block; list-style: none; margin-left: 0; }
.breadcrumbs { margin-bottom: 0; }
.breadcrumbs > li { font-size: 13px; line-height: 17px; }
.breadcrumbs > li > a { margin-right: 5px; }
.breadcrumbs > li > a:after { content: '/'; display: inline-block; margin-left: 5px; }

#about-faq .toggle>.toggle-title a { color: var(--white)!important; font-size: 25px; line-height: 30px; }
#about-faq .toggles--minimal-shadow .toggle { border-bottom: none!important; }
#about-faq .toggles--minimal-shadow .toggle { border-color: transparent!important; }
#about-faq .toggles--minimal-shadow .toggle:before { box-shadow: none!important; }

.transport-pricing {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    font-size: 16px;
    border: 1px solid #d6d6d6;
  }

.transport-pricing th, .transport-pricing td {
    padding: 12px 14px;
    border-bottom: 1px solid #e9e9e9;
    text-align: left;
    vertical-align: middle;
  }

  .transport-pricing thead .tp-header {
    background: #f29a2e;      /* requested header color */
    color: #ffffff;
    font-weight: 700;
    border-bottom: 2px solid rgba(0,0,0,0.08);
  }

  .transport-pricing tbody tr:nth-child(even) td {
    background: #fbfbfb;
  }

  .transport-pricing caption {
    font-size: 18px;
  }

  /* Responsive behaviour for small screens */
  @media (max-width: 640px) {
    .transport-pricing {
      font-size: 14px;
    }
    .transport-pricing thead { display: none; }
    .transport-pricing, .transport-pricing tbody, .transport-pricing tr, .transport-pricing td {
      display: block;
      width: 100%;
    }
    .transport-pricing tr {
      margin-bottom: 12px;
      border: 1px solid #eee;
      padding: 10px;
      border-radius: 6px;
    }
    .transport-pricing td {
      border: none;
      padding: 6px 8px;
    }
    .transport-pricing td::before {
      content: attr(data-label);
      display: block;
      font-weight: 700;
      margin-bottom: 4px;
    }
  }
</style>

@media (max-width: 999px) {
	body.post-type-archive-bike .container.main-content, body.single-bike .container.main-content, 
    body.post-type-archive-route .container.main-content, body.single-route .container.main-content,
    body.post-type-archive-product .container.main-content, body.single-product .container.main-content,
    body.woocommerce-cart .container.main-content, body.woocommerce-checkout .container.main-content, 
    body.tax-city .container-wrap { padding-bottom: 100px!important; }
}

@media (max-width: 690px) {
    body.post-type-archive-bike .container.main-content, body.single-bike .container.main-content, 
    body.post-type-archive-route .container.main-content, body.single-route .container.main-content,
    body.post-type-archive-product .container.main-content, body.single-product .container.main-content,
    body.woocommerce-cart .container.main-content, body.woocommerce-checkout .container.main-content, 
    body.tax-city .container-wrap { padding-bottom: 60px!important; }

    #about-faq .toggle>.toggle-title a { font-size: 18px; line-height: 23px; }
}

/***FAQ***/
#faqs .toggle>.toggle-title a { color: var(--black)!important; font-size: 25px; line-height: 30px; }


/*********************
 LISTINGS
 *********************/
.filter-links, .filter-links > li, .bike-types-list, .bike-types-list > li,
.routes-list, .routes-list > li { list-style: none; margin-left: 0; padding-left: 0; }

.filter-links { margin-bottom: 0; margin-top: 20px; }
.filter-links, .filter-links > li { display: flex; flex-wrap: wrap; gap: 15px; }
.filter-links > li > a { background: var(--white); border: 1px solid var(--nectar-accent-color); border-radius: 5px; color: var(--nectar-accent-color); font-size: 12px; font-weight: 600; line-height: 15px; padding: 5px 10px; }
.filter-links > li.active > a, .filter-links > li > a:hover { background: var(--nectar-accent-color); color: var(--white); }

.bike-types-list { display: grid; gap: 30px; grid-template-columns: repeat(4, 1fr); margin-top: 20px; }
.bike-types-list > li { text-align: center; }

.routes-list { display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); }

.filter-box { background-color: var(--white); border: 1px solid #eaeaea; border-radius: 10px; padding: 20px; }
.filter-box + .filter-box { margin-top: 15px; }
.filter-box h6 { color: var(--nectar-accent-color)!important; }
.filter-box ul, .filter-box ul > li { list-style: none; margin-left: 0; }
.filter-box ul { margin-block: 10px 0; }
.filter-box ul > li { padding-block: 1px; }
.filter-box ul > li label { cursor: pointer; display: inline-block; font-size: 14px; line-height: 19px; width: 100%; }
.filter-box ul > li label input[type="radio"] { display: inline-block; float: left; margin-right: 7px; }

.filter-button, .clear-filters { background-color: var(--white); border: 1px solid #eaeaea; border-radius: 6px; color: var(--nectar-accent-color); display: block; margin-top: 15px; padding: 12px 24px; text-align: center; }
.clear-filters:hover { background-color: var(--nectar-accent-color); color: var(--white); }

.filter-button { background-color: var(--nectar-accent-color); border-color: var(--nectar-accent-color); color: var(--white); font-size: 14px; line-height: 17px; }
.filter-button:hover { background-color: var(--nectar-extra-color-1); border-color: var(--nectar-extra-color-1); color: var(--white); }

@media (min-width: 1400px) {
    .routes-list.four-cols { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 1299px) {
    .filter-links, .filter-links > li { gap: 10px; }

    .bike-types-list { gap: 20px; }
    .routes-list { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 1199px) {
    .bike-types-list { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 1000px) {
    .filter-button { display: none; }
}

@media (max-width: 999px) {
    .bike-types-list { gap: 15px; grid-template-columns: repeat(2, 1fr); }

    .routes-filter { margin-top: 15px; }
    .routes-filter:not(.open) { height: 0; visibility: hidden; }
    .routes-filter.open { height: auto; visibility: visible; }
}

@media (max-width: 690px) {
    .filter-links, .filter-links > li { gap: 8px; }

    .bike-types-list, .routes-list { grid-template-columns: repeat(1, 1fr); }
}

/*********************
 DETAILS PAGE
 *********************/
.details-content { margin-bottom: 30px; text-align: justify; }
.details-content p { font-size: 16px; line-height: 22px; }

.details-content + p .button { background-color: var(--nectar-accent-color); border-radius: 25px; color: var(--white); display: inline-block; font-size: 18px; font-weight: bold; letter-spacing: 2px; line-height: 22px; padding: 12px 30px; text-align: center; text-transform: uppercase; transition: background-color 0.3s ease; }
.details-content + p .button:hover { background-color: var(--nectar-extra-color-3); color: var(--white); }

.pricing-list, .pricing-list > li { list-style: none; margin-left: 0; padding-left: 0; }
.pricing-list { display: grid; gap: 15px; grid-template-columns: repeat(5, 1fr); margin-top: 30px; }

.pricing-card { border: 1px solid #eaeaea; border-radius: 10px; padding: 30px 25px; transition: all 0.5s ease; }
.pricing-card .card-icon { background: #eaeaea; border-radius: 10px; color: var(--nectar-accent-color); display: flex; font-size: 24px; height: 50px; justify-content: center; margin-bottom: 10px; transition: all 0.5s ease; transform: rotate(0deg); width: 50px; }
.pricing-card .card-icon i { line-height: 50px; }
.pricing-card h3 { font-size: 25px; font-weight: bold; margin-bottom: 15px; }
.pricing-card .card-price { color: var(--nectar-accent-color); font-size: 45px; font-weight: bold; line-height: 50px; margin-bottom: 25px; padding-bottom: 0; }
.pricing-card .button { border: 1px solid var(--nectar-accent-color); border-radius: 5px; color: var(--nectar-accent-color); display: inline-block; font-size: 16px; font-weight: 600; line-height: 20px; padding: 10px 20px; text-align: center; text-transform: uppercase; transition: background-color 0.3s ease; width: 100%; }
.pricing-card:hover .button { border-color: var(--white); color: var(--white); }
.pricing-card .button:hover { background-color: var(--white); color: var(--nectar-extra-color-3); }
.pricing-card:hover { background: var(--nectar-extra-color-3); }
.pricing-card:hover .card-icon { background: var(--white); color: var(--nectar-extra-color-3); transform: rotate(-15deg); }
.pricing-card:hover h3, .pricing-card:hover .card-price { color: var(--white); }

@media (max-width: 1199px) {
    .details-content p { font-size: 15px; line-height: 21px; }
    .details-content + p .button { font-size: 16px; letter-spacing: 1px; line-height: 20px; }

    .pricing-card { padding: 25px 20px; }
    .pricing-card h3 { font-size: 20px; line-height: 25px; }
    .pricing-card .card-price { font-size: 38px; line-height: 43px; margin-bottom: 20px; }
    .pricing-card .button { font-size: 14px; line-height: 18px; }
}

@media (max-width: 999px) {
    .pricing-list { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 690px) {
    .pricing-list { grid-template-columns: repeat(2, 1fr); }
    
    .pricing-card { padding: 15px; }
    .pricing-card .card-icon { font-size: 17px; height: 40px; width: 40px; }
    .pricing-card .card-icon i { line-height: 42px; }
    .pricing-card h3 { font-size: 18px; line-height: 23px; margin-bottom: 5px!important; }
    .pricing-card .card-price { font-size: 33px; line-height: 38px; margin-bottom: 15px; }
    .pricing-card .button { font-size: 13px; line-height: 17px; }
}


/*********************
 ROUTE DETAILS PAGE
 *********************/
#route-page .main-img { aspect-ratio: 4 / 3; border-radius: 10px; object-fit: cover; width: 100%; }

.cities-list { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.city-badge { background: rgba(113, 115, 67, 0.1); color: var(--nectar-accent-color); padding: 6px 14px; border-radius: 20px; font-size: 0.875rem; font-weight: 600; }
.cities-list span:last-child:not(.city-badge) { display: none; }

.stats-grid { animation: fadeInUp 0.6s ease-out 0.3s backwards; display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); margin-bottom: 48px; }
.stat-card { background: var(--white); border: 2px solid #E5E7EB; border-radius: 16px; overflow: hidden; padding: 24px; position: relative; transition: var(--transition-smooth); }
.stat-card::before { background: var(--nectar-accent-color); content: ''; height: 100%; left: 0; position: absolute; top: 0; transform: scaleY(0); transition: transform 0.3s ease; width: 4px; }
.stat-card:hover { border-color: var(--nectar-accent-color); box-shadow: var(--shadow-md); transform: translateY(-4px); }
.stat-card:hover::before { transform: scaleY(1); }
.stat-icon { align-items: center; background: linear-gradient(135deg, rgba(113, 115, 67, 0.1), rgba(242, 154, 46, 0.1)); border-radius: 12px; display: flex; height: 40px; justify-content: center; margin-bottom: 12px; width: 40px; }
.stat-icon svg { height: 24px; stroke: var(--nectar-accent-color); width: 24px; }
.stat-label { color: var(--color-text-light); font-size: 0.875rem; font-weight: 600; letter-spacing: 0.05em; margin-bottom: 4px; text-transform: uppercase; }
.stat-value { color: var(--black); font-family: 'Sora', sans-serif; font-size: 1.75rem; font-weight: 700; }
.difficulty-badge { align-items: center; border-radius: 20px; display: inline-flex; font-size: 0.875rem; font-weight: 700; gap: 6px; letter-spacing: 0.05em; padding: 8px 16px; text-transform: uppercase; }
.difficulty-medium { background: rgba(242, 154, 46, 0.15); color: var(--color-medium); }
.circular-yes { color: var(--nectar-accent-color); font-weight: 700; }

.content-section { animation: fadeInUp 0.6s ease-out 0.4s backwards; margin-bottom: 48px; }
.section-title { align-items: center; color: var(--black); display: flex; font-family: 'Sora', sans-serif; font-size: 1.75rem; font-weight: 700; gap: 12px; margin-bottom: 20px; }
.section-title svg { height: 28px; stroke: var(--nectar-extra-color-3); width: 28px; }

.what-to-see { background: rgba(113, 115, 67, 0.03); border-left: 4px solid var(--nectar-accent-color); border-radius: 12px; color: var(--black); font-size: 1.0625rem; line-height: 1.8; padding: 24px; }
.what-to-see ul { list-style: none; margin-left: 0; padding-left: 0; }
.what-to-see li { list-style: none; margin-bottom: 12px; padding-left: 32px; position: relative; }
.what-to-see li::before { color: var(--color-accent); content: '✓'; font-size: 1.25rem; font-weight: 700; left: 8px; position: absolute; }

.images-grid { animation: fadeInUp 0.6s ease-out 0.5s backwards; display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.image-item { aspect-ratio: 4/3; border-radius: 16px; box-shadow: var(--shadow-sm); cursor: pointer; overflow: hidden; transition: var(--transition-smooth); }
.image-item:hover { box-shadow: var(--shadow-lg); transform: scale(1.05); }
.image-item img { height: 100%; object-fit: cover; width: 100%; }

.downloads-section { background: linear-gradient(135deg, rgba(113, 115, 67, 0.05), rgba(242, 154, 46, 0.05)); border-radius: 24px; padding: 60px 40px; text-align: center; }
.downloads-title { color: var(--black); font-size: 2rem; font-weight: 700; margin-bottom: 16px; }
.downloads-subtitle { color: var(--color-text-light); font-size: 1.125rem; margin-bottom: 40px; padding-bottom: 0; }

.action-buttons { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; }
.action-buttons .button { align-items: center; border: none; border-radius: 10px!important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); cursor: pointer; display: inline-flex; font-size: 1rem; font-weight: 700; gap: 12px; padding: 18px 36px; text-decoration: none; transition: var(--transition-smooth); }
.action-buttons .button svg { height: 22px; width: 22px; }
.action-buttons .button.btn-primary { background: var(--nectar-accent-color); color: var(--white); }
.action-buttons .button.btn-primary:hover { background: #5f6139; box-shadow: 0 8px 20px rgba(113, 115, 67, 0.3); transform: translateY(-4px); }
.action-buttons .button.btn-secondary { background: var(--white); border: 2px solid var(--nectar-accent-color); color: var(--nectar-accent-color); }
.action-buttons .button.btn-secondary:hover { background: var(--nectar-accent-color); color: var(--white); transform: translateY(-4px); }
.action-buttons .button.btn-accent { background: var(--nectar-extra-color-3); color: var(--white); }
.action-buttons .button.btn-accent:hover { background: var(--nectar-extra-color-3); box-shadow: 0 8px 20px rgba(242, 154, 46, 0.3); transform: translateY(-4px); }

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes kenBurns {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

@keyframes bounce {
    0%, 100% {
        transform: translate(-50%, 0);
    }
    50% {
        transform: translate(-50%, 10px);
    }
}

@media (max-width: 999px) {
    #route-page .main-img { margin-bottom: 0!important; }
}


/*********************
 SHOP
 *********************/
.woocommerce ul.products li.product { align-items: center; background: #fff; border-radius: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); display: flex; flex-direction: column; justify-content: space-between; padding: 20px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.woocommerce ul.products li.product:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.15); transform: translateY(-5px); }
.woocommerce ul.products li.product img { aspect-ratio: 4 / 3; border-radius: 15px!important; margin-bottom: 15px; max-height: 220px!important; object-fit: contain; width: 100%; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: #222; font-size: 20px; font-weight: 600; margin: 8px 0 4px 0; }

.woocommerce ul.products li.product .button { background-color: var(--nectar-extra-color-3)!important; border-radius: 15px; color: var(--white); font-weight: 600; padding: 10px 20px; text-transform: none; transition: background-color 0.3s ease; }
.woocommerce ul.products li.product .button:hover { background-color: var(--nectar-extra-color-1)!important; }
.woocommerce ul.products li.product .price { font-size: 25px; }

.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { bottom: 19px;font-size: 16px; }

@media (max-width: 690px) {
    .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 15px; line-height: 20px; }
    .woocommerce ul.products li.product .price { font-size: 18px; }
}

@media (max-width: 480px) {
    .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 13px; }
    .woocommerce ul.products li.product .button { font-size: 11px!important; }
    .woocommerce ul.products li.product .price { font-size: 16px; }
}


/*********************
 REVIEWS
*********************/
#reviews .ti-widget.ti-goog .ti-review-item .ti-inner { background-color: transparent!important; border: 2px solid var(--nectar-accent-color)!important; }
.ti-widget.ti-goog .ti-review-content { color: var(--white)!important; }
.ti-widget.ti-goog .ti-review-header:before { border-top-color: var(--nectar-accent-color)!important; }
#reviews .ti-widget.ti-goog .ti-read-more span { color: var(--nectar-accent-color)!important; }
#reviews .ti-widget.ti-goog .ti-widget-container .ti-name { color: var(--nectar-extra-color-3)!important; }
#reviews .ti-widget.ti-goog .ti-with-tooltip { color: var(--nectar-accent-color); }


/*********************
 BLOG
*********************/
.masonry-blog-item .inner-wrap { display: flex; flex-direction: column; height: 100%; }

.masonry-blog-item .post-featured-img { height: 260px; overflow: hidden; }
.masonry-blog-item .post-featured-img img { height: 100%; object-fit: cover; width: 100%; }

.masonry-blog-item .post-content { display: flex; flex: 1; flex-direction: column; }

.masonry-blog-item .content-inner { display: flex; flex: 1; flex-direction: column; }

.masonry-blog-item .article-content-wrap { margin-top: auto; }

.masonry-blog-item .inner-wrap { transition: transform .25s; }

.masonry-blog-item .inner-wrap:hover { transform: translateY(-5px); }


/*********************
CONTACT US
*********************/
.contact-form .wpcf7-form p span { color: black!important; font-size: 15px; line-height: 20px; }
.contact-form .wpcf7-form p span a { color: var(--nectar-extra-color-1)!important; font-size: 15px; line-height: 20px; text-decoration: underline; }
.contact-form .wpcf7-form p span a:hover { color: var(--nectar-extra-color-1)!important; }
.contact-form .small { color: black!important; font-size: 13px; line-height: 18px; margin-top: 10px; }
.contact-form .small a { color:var(--nectar-extra-color-1)!important; font-size: 13PX; line-height: 18px; text-decoration: underline; }
.contact-form .small a:hover { color: black!important; }
.contact-form select option {background-color: var(--nectar-accent-color)!important; color: white!important; }
.contact-form i[class*=fa-] { color: #717343!important; margin-right: 5px; }
.contact-form input[type="submit"] { background-color: #f29a2e!important; border-radius: 6px!important; color: var(--white)!important; font-size: 18px; margin-block: 20px; text-transform: uppercase; }
.wpcf7-list-item { margin: 0!important; }


/*********************
 KEYFRAMES
*********************/
@keyframes morphCycle {
    0%, 100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
    25% { border-radius: 40% 60% 50% 50% / 70% 30% 70% 30%; }
    50% { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }
    75% { border-radius: 50% 50% 40% 60% / 30% 70% 60% 40%; }
}

@keyframes drawPath {
    to { stroke-dashoffset: 0; }
}

@keyframes fadeInArrow {
    to { opacity: 0.6; }
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 768px) {    
    @keyframes morphCycleMobile {
        0%, 100% { border-radius: 40% 60% 50% 50% / 60% 40% 60% 40%; }
        50% { border-radius: 60% 40% 50% 50% / 40% 60% 40% 60%; }
    }

    @keyframes drawLineVertical {
        from { height: 0; opacity: 0; }
        to { height: 30px; opacity: 0.6; }
    }
}