:root {
	--ast-global-color-0: #743732;
	--ast-global-color-1: #dbcab8;
	--ast-global-color-2: #f6f2ed;
	--ast-global-color-3: #c86a32;
	--ast-global-color-4: #fada78;
	--ast-global-color-5: #FFFFFF;
	--ast-global-color-6: #24441f;
	--ast-global-color-7: #e51b1a;
	--ast-global-color-8: #1a1a1a;
}

body.white-bg {background-color:#fff !important}
body.white-bg:not(.white-footer) .site-footer {background: var(--ast-global-color-2);}
body.white-bg .site-above-footer-wrap,
body.white-bg .site-primary-footer-wrap,
body.white-bg .site-below-footer-wrap,
body.white-bg .site-footer .sib_signup_form {background:transparent !important}

/* smartslider css */
.brown-dark {color:#fff;background:var(--ast-global-color-0)}
.brown-medium {color:#1a1a1a;background:var(--ast-global-color-1)}
.brown-light {color:#1a1a1a;background:var(--ast-global-color-2)}
.orange {color:#fff;background:var(--ast-global-color-3)}
.yellow {color:var(--ast-global-color-0);background:var(--ast-global-color-4)}
.white {color:#1a1a1a;background:var(--ast-global-color-5)}
.green {color:#fff;background:var(--ast-global-color-6)}
.red {color:#fff;background:var(--ast-global-color-7)}
.dark {color:#1a1a1a;background:var(--ast-global-color-5)}

.orangebutton a {color: var(--ast-global-color-5) !important;background:var(--ast-global-color-3) !important}
.orangebutton:hover a {color: var(--ast-global-color-8) !important;background:var(--ast-global-color-4) !important}
.textbutton a,.textbutton a span:before {color:var(--ast-global-color-8) !important}
.textbutton:hover a,.textbutton:hover a span:before {color:var(--ast-global-color-3) !important}

.bulletlist.darktext li a {color:var(--ast-global-color-8) !important;}
.bulletlist.darktext li a:hover {color:var(--ast-global-color-3) !important;}
.bulletlist.lighttext li a {color:var(--ast-global-color-5) !important;}
.bulletlist.lighttext li a:hover {color:var(--ast-global-color-3) !important;}

/* header */
#thetrail-logo .logo-the,
#thetrail-logo .logo-trail,
.site-header .site-description {-webkit-transition: 0.8s ease-in-out;transition: 0.8s ease-in-out;}
#thetrail-logo .logo-the  {fill:#e51b1a}
#thetrail-logo .logo-trail {fill:#24441f}
@media only screen and (min-width: 921px) {
	.light-logo #thetrail-logo .logo-the {fill:#c86a32}
	.light-logo #thetrail-logo .logo-trail {fill:#dbcab8}
	.ast-theme-transparent-header .site-header.light-logo .site-description {color: var(--ast-global-color-1);}
	body.light-logo .ast-site-identity .site-description {color: var(--ast-global-color-1);}
	.transbg #thetrail-logo .logo-the {fill:#e51b1a}
	.transbg #thetrail-logo .logo-trail {fill:#24441f}
	.ast-theme-transparent-header .site-header .transbg .site-description,
	body.light-logo .transbg .ast-site-identity .site-description {color: var(--ast-global-color-6);}
}

/* top space & title */
.notopspace .site .site-content #primary {margin-top:0}
.noheader .entry-header {display:none}

/* read more */
.read_more a {font-weight:600}
.read_more a:after {content: "\2192";font-size: 1.3em;position: relative;top: .2em;left: .1em;}

/* flyoutmenu */
.flytrigger {padding-right:35px;width:85px}
.triggerbutton{width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;}
.triggerbutton span {position: absolute;height: 3px;width: 30px;background: var(--ast-global-color-3);-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.transbg .flytrigger:hover .triggerbutton span,
.flytrigger:hover .triggerbutton span {background:var(--ast-global-color-0)}
.home .flytrigger:hover .triggerbutton span {background:var(--ast-global-color-5)}
.home .transbg .flytrigger:hover .triggerbutton span {background:var(--ast-global-color-0)}
.triggerbutton .spantop {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
.triggerbutton .spanbot {-webkit-transform: translateY(8px);transform: translateY(8px);}
.triggerbutton.active .spanmid, .flytrigger:hover .triggerbutton.active .spanmid {background:transparent}
.triggerbutton.active .spantop {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background:var(--ast-global-color-3)} 
.triggerbutton.active .spanbot {-webkit-transform: rotate(45deg);transform: rotate(45deg);background:var(--ast-global-color-3)}
.triggerbutton.active:hover .spantop,
.triggerbutton.active:hover .spanbot {background:var(--ast-global-color-0) !important}
.menubg {display:flex;flex-direction:row;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.menubg.active {background:rgba(255,255,255,0.80);min-width:800px;position:absolute}
.transbg .menubg.active {background:transparent}

/* menu bg */
#ast-hf-mobile-menu {background-color:rgba(0,0,0,0.7) !important}
.ast-theme-transparent-header .main-header-menu .menu-link {background-color:transparent}

/* content grid 3 blocks */
.contgrid3 .wp-block-uagb-container {max-width:unset !important}

@media only screen and (min-width: 600px) and (max-width: 768px) { /* adjust breakpoint as needed */
  .contgrid3 {
	display: grid !important;
    grid-template-columns: 1fr 1fr !important; /* 2 equal columns */
    grid-template-areas:
      "a b"
      "c c";
  }

  .contgrid3 > *:nth-child(1) { grid-area: a !important; }
  .contgrid3 > *:nth-child(2) { grid-area: b !important; }
  .contgrid3 > *:nth-child(3) { grid-area: c !important; }

}

/* postgrid */
.equalise .uagb-post__inner-wrap {position:relative}
.equalise .uagb-post__cta.wp-block-button {position:absolute;bottom:-5px}

/* contentgrid */
.gb-block-post-grid .ast-article-single {padding:0}
.contgrid .innertext {max-width:70%;margin:80px 0}
.grid500, .grid500 .n2-ss-slider, .grid500 .wp-block-spacer {height:500px !important}
.grid600, .grid600 .n2-ss-slider, .grid600 .wp-block-spacer {height:600px !important}
.grid700, .grid700 .n2-ss-slider, .grid700 .wp-block-spacer {height:700px !important}
.innertext p {margin-block-start:0}

/* in-page slideshow */
.grid500 .kt-blocks-carousel .splide__track, .grid500 .kt-blocks-carousel .splide__list, .grid500 .kb-gal-image-radius, .grid500 .kt-blocks-carousel img {height:500px !important;margin:0 !important}
.grid600 .kt-blocks-carousel .splide__track, .grid600 .kt-blocks-carousel .splide__list, .grid600 .kb-gal-image-radius, .grid600 .kt-blocks-carousel img  {height:600px !important;margin:0 !important}
.grid700 .kt-blocks-carousel .splide__track, .grid700 .kt-blocks-carousel .splide__list, .grid700 .kb-gal-image-radius, .grid700 .kt-blocks-carousel img {height:700px !important;margin:0 !important}
.kadence-blocks-gallery-item img.top {object-position:50% 0}
.kadence-blocks-gallery-item img.top-left {object-position:0 0}
.kadence-blocks-gallery-item img.top-right {object-position:100% 0}
.kadence-blocks-gallery-item img.bottom {object-position:50% 100%}
.kadence-blocks-gallery-item img.bottom-left {object-position:0 100%}
.kadence-blocks-gallery-item img.bottom-right {object-position:100% 100%}
.kadence-blocks-gallery-item img.left {object-position:0 50%}
.kadence-blocks-gallery-item img.right {object-position:100% 50%}
.contgrid .splide__pagination {display:none !important}

    /* ken burns slideshow */
    .grow figure img {
    width: 105%;
    height: 105%;
    object-fit: cover;
    transform-origin: bottom right; /* same zoom direction for all */
    }
        /* One per-slide animation */
        @keyframes kenburnsSlide {
        0% {
            transform: scale(1) translate3d(-0.5%, -0.5%, 0);
        }
        100% {
            transform: scale(1.05) translate3d(0.5%, 0.5%, 0);
        }
        }
    .kadence-blocks-gallery-item__caption {display:none}

    @media only screen and (max-width: 768px) {
		.contgrid.colreverse {flex-direction:column-reverse !important}
		.grid500, .grid600, .grid700 {height:auto !important}
		.grid500 .n2-ss-slider,.grid600 .n2-ss-slider,.grid700 .n2-ss-slider,
		.grid500 .wp-block-spacer,.grid600 .wp-block-spacer,.grid700 .wp-block-spacer,
        .grid500 .kt-blocks-carousel .splide__track, .grid500 .kt-blocks-carousel .splide__list, .grid500 .kb-gal-image-radius, .grid500 .kt-blocks-carousel img,
        .grid600 .kt-blocks-carousel .splide__track, .grid600 .kt-blocks-carousel .splide__list, .grid600 .kb-gal-image-radius, .grid600 .kt-blocks-carousel img,
        .grid700 .kt-blocks-carousel .splide__track, .grid700 .kt-blocks-carousel .splide__list, .grid700 .kb-gal-image-radius, .grid700 .kt-blocks-carousel img {height:350px !important;}
    }


/*newsletter small popup*/
.wp-block-uagb-container.newsletter-small {position:fixed !important;bottom:30px;right:30px;z-index:100;display:none;width:400px !important}
.newsletter-small form#sib_signup_form_2 {background:var(--ast-global-color-3) !important;margin-top:-20px !important}
.newsletter-small form#sib_signup_form_2 .sib-default-btn {background-color:var(--ast-global-color-0)}
.newsletter-small .closeBtn {position: absolute !important;min-width:unset;width: 40px !important;height: 40px;}

/* full height slide */
.fhslide .n2-ss-slider {height:100vh !important;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.fhslide-inner .n2-ss-layer-row {position:relative;height:100% !important;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

/* trailpromo 
.trailintro .uagb-container-inner-blocks-wrap {justify-content:flex-end !important;align-items:flex-start !important}
.trailintro .infoblock {margin-top:-70px !important}

/* blog */
.category-blog .ast-archive-description {padding: 0 0 1em 0 !important}
.category-blog .ast-archive-description p {display:none}
.ast-blog-layout-4-grid {margin:120px 15px !important;padding:50px !important;background:#fff}
.category-blog .post-thumb-img-content a img {height:240px}
.ast-blog-layout-4-grid .ast-article-inner {box-shadow:none;padding:0}
.ast-blog-layout-4-grid .ast-article-inner .entry-header {margin-bottom:0}
.ast-blog-layout-4-grid .ast-article-inner .post-content>.read-more {display:none}
.ast-blog-layout-4-grid .tekstbutton a, 
.ast-blog-layout-4-grid .tekstbutton:after {color:var(--ast-global-color-8);font-weight:600}
.ast-blog-layout-4-grid .tekstbutton:hover a,
.ast-blog-layout-4-grid .tekstbutton:hover:after {color:var(--ast-global-color-3)}

/* error404 */
.ast-separate-container .ast-404-layout-1, .ast-separate-container .no-results {margin-top:70px !important}
.error404 .page-header h1 {text-align:left;font-size:2em}
.ast-404-layout-1 .page-sub-title {text-align:left;font-size:1em}
.ast-404-search .widget_search {margin:0}

/* divers */
.sidemargin {max-width: calc(100vw - 30px) !important;padding: 0;width: calc(100vw - 30px) !important;margin-left: calc(((50vw - 50%) * -1) + 15px) !important;}
.single-archief .entry-meta,
.single-trails .entry-meta,
.single-coming-soon .entry-header,
.hiddenform,.hideslide {display:none}
.tekstbutton:after, .gb-text-link:after {content: "\2192";font-size:1.3em;position:relative;top:0.2em;left:0.1em;-webkit-transition: 0.3s ease-in-out !important;transition: 0.3s ease-in-out !important;}
.terugbutton:before {content: "\2190";font-size:1.3em;position:relative;top:0.1em;margin-right:0.2em;-webkit-transition: 0.3s ease-in-out !important;transition: 0.3s ease-in-out !important;}
.gb-text-link {-webkit-transition: 0.3s ease-in-out !important;transition: 0.3s ease-in-out !important;}
.gb-block-post-grid header .gb-block-post-grid-title {font-size:1.2em;margin-bottom:0.3em}
.tekstbutton:hover a,.textbutton:hover:after,
.terugbutton:hover a,.terugbutton:hover:before,
.gb-text-link:hover,.gb-text-link:hover:after
{color:var(--ast-global-color-3) !important;text-decoration:none !important}
.blogheader {display:inline-flex !important;width:auto !important;left:50%;transform:translateX(-50%)}
.blogheader h2 {line-height:1;margin-bottom:10px !important;display:inline}
.blogheader h4 {line-height:1 !important;display:inline;margin-bottom:0 !important;width:auto !important}
.blogheader .subheader {display:inline-block;line-height:1.2;background:var(--ast-global-color-1)}
.ast-related-post-content .entry-meta {display:none}
.widget-title {margin-bottom:0}
.menu-services-container a:hover {color:var(--ast-global-color-3) !important;text-decoration:underline}
button:focus,a:active,a:focus {outline:none !important}
.hidefirst {-webkit-transition: 0.5s ease-in-out;transition: 0.3s ease-in-out;opacity:0}
.quotesource {display:none}
ul.wp-block-list li {margin-left:15px}
ul.wp-block-list ::marker {color:var(--ast-global-color-3)}
.kt-accordion-panel-inner ul.wp-block-list {margin-left:0}
.notopspace {margin-top:0 !important}
.nobottomspace {margin-bottom:0 !important}
.centerblok {margin:0 auto !important}
ol, ul {margin: 0 0 1.5em 0em;}
.modalcontent .wp-block-cover, .wp-block-cover-image {min-height:400px}
.grecaptcha-badge {display:none}
.fotoblok .wp-block-cover {min-height: 100%;}
li>ul {margin-left: 0.3em;list-style: circle;}
.speak {padding-left: 25px;background: url(/custom/icon-speak.svg) 3px center no-repeat;background-size: 18px auto;font-family: 'Times New Roman', Times, serif;font-size: 1.1em;}
:not(.single-post) .post-navigation {display:none}
.uagb-post-grid .uagb-post__image img {object-fit:cover !important}

/* error */
.error-404,
.single-tt_event .site-content {background: #fff;margin: 100px 20px;padding: 40px;}

/* shop */
.woocommerce-page .site-main
 {padding:30px;background:var(--ast-global-color-5);min-height: 600px;}
 .woocommerce-orders-table .button {background:var(--ast-global-color-2) !important;color:var(--ast-global-color-3) !important}
.woocommerce-orders-table .button:hover {background:var(--ast-global-color-3) !important;color:var(--ast-global-color-5) !important}


/* modal */
	.makemodal {display:none}
	.modal {display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 10000;align-items:center;justify-content:center;background:rgba(0,0,0,.4);-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
	.modalcontent {position:relative;max-width:65vw;max-width:65dvw;height:90vh;height:90dvh;align-content:center;overflow-y: initial !important}
	.modalscroll {overflow-y: auto;max-height: 90vh;max-height: 90dvh;box-shadow:2px 5px 10px rgba(0,0,0,0.3)}	
	.closecontainer {text-align:right;position:relative}
	.closeBtn {position: absolute;width:40px;height:40px;top:0;right:0;background:#000 url(/icons/close_icon_white.svg) center center / cover no-repeat;background-size:60%;z-index:10;cursor:pointer}

@media only screen and (min-width: 921px) {
	.ast-primary-header-bar {background:transparent;-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
	#ast-desktop-header {position: fixed;top: 0;left: 0;right: 0;-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;z-index: 9999;}
	.transbg .ast-primary-header-bar {background:rgba(255,255,255,0.85);box-shadow:0px 2px 10px rgba(0,0,0,0.2)}
	#ast-desktop-header.hidden {top:-70px}
	.admin-bar #ast-desktop-header {top:32px}
	.admin-bar #ast-desktop-header.hidden {top:-130px}
	.main-navigation .menu-link {color:var(--ast-global-color-3) !important}
	.main-navigation .menu-link:hover {color:var(--ast-global-color-0) !important}
	.main-navigation .current-menu-item > .menu-link {color:var(--ast-global-color-0) !important;font-weight:600}
	.min300 {min-height:450px !important}
	.fotoblok-img img {min-height:450px;object-fit:cover;}
	.fotoblok-inner {padding:40px}
}
@media only screen and (max-width: 920px) {
	#ast-mobile-header {position: fixed;top: 0;left: 0;right: 0;-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;z-index: 9999;}
	#ast-mobile-header.hidden {top:-100px}
	.admin-bar #ast-mobile-header {top:46px}
	.admin-bar #ast-mobile-header.hidden {top:-146px}
	.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link:hover {color:var(--ast-global-color-4) !important}
	.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link {font-weight:600}
	.category-blog .ast-archive-description {padding: 0 0 1em 1em !important}
	.min300 {min-height:300px !important}
	.fotoblok-img img {min-height:300px;object-fit:cover;}
	.fotoblok-tekst {min-height:300px;display: flex;flex-direction: column;justify-content: center;}
	.fotoblok-inner {padding:40px}
}

@media only screen and (min-width: 769px) {
	.trailbanner {min-width:740px}
}
@media only screen and (max-width: 768px) {
	.sidemargin {max-width: calc(100vw - 30px) !important;padding: 0;width: calc(100vw - 30px) !important;margin-left: calc(((50vw - 50%) * -1) + 15px) !important;}
	.contgrid .innertext {max-width:90%;}
	.modalcontent {max-width:90%;height:90% !important}
	.modalcontent .wp-block-cover, .wp-block-cover-image {min-height:300px}
	.trailbanner {min-width:90%}
}

@media only screen and (min-width: 600px) {
	#masthead .ast-container {padding: 0}
	.site-branding {margin-left:35px}
	.site-header-section>* {padding:0}
	.ast-site-title-wrap {position: relative;top: 17px;left: 10px;text-transform: uppercase;font-weight: 600;letter-spacing: 2px;}
	#ast-hf-menu-1 {height:50px;padding:0 20px;display:none}
	#ast-hf-menu-1 li {line-height:50px !important}
	.max400 {max-width:400px !important}
	.max500 {max-width:500px !important}
	.max600 {max-width:600px !important}
}

@media only screen and (max-width: 599px) {
	.wp-block-uagb-container.newsletter-small {right:15px !important;width:calc(100% - 30px) !important}
	.ast-site-title-wrap {text-transform:uppercase;position:relative;left:24px;font-weight:600px !important}
	.ast-builder-layout-element .ast-site-identity {margin-top:-10px}
	#ast-hf-mobile-menu {padding:20px}
	.ast-logo-title-inline .ast-site-identity {display:block}
	.wp-block-kadence-advanced-form {padding:0 !important}
	.ast-blog-layout-4-grid {margin:120px 0px !important;padding:20px 0 !important;background:#fff}
	.hideonmoblle {display:none}
	.notop-mobile {padding-top:0}
	.nobot-mobile {padding-bottom:0}
}
@media (max-width: 544px) {
    .modalcontent .wp-block-columns .wp-block-column:not(:last-child),
	.colreverse .wp-block-column:not(:last-child) {margin-bottom: 0px !important;}

}
