/*
Theme Name:		 HARIs Theme
Theme URI:		 https://pixelatedorange.com
Description:	 Theme by Pixelated Orange
Author:			 Pixelated Orange
Author URI:		 https://pixelatedorange.com
Template:		 twentyseventeen
Version:		 1.0
Text Domain:	 haristheme
-------------------------------------------------------------- */

@import url("https://use.typekit.net/vlg0mms.css");


.overlay-video {
	pointer-events: none;
}

/* = GLOBAL */

body{font-family: poppins, sans-serif;}

.site-content{padding: 0px!important}

.test-height, .test-content{height: 1000px}

.site-content-contain{overflow: hidden!important}

li.mobile-menu{display: none}

.discover-hide{opacity: 0; pointer-events: none}

body.post-hide-book-button a.book-now-button, .single-post #fixed-nav{display: none}

.oh{overflow: hidden}

/* = FONTS / TEXT */

.caslon, p, .gform_confirmation_message{font-family: adobe-caslon-pro, serif!important; font-weight: 400}

.poppins, .poppins p, .poppins-subtitle p{font-family: poppins, sans-serif; font-weight: 700}

.tac{text-align: center}

.tal{text-align: left}

.bold{font-weight: 400}

.caps{text-transform: capitalize}

.large, .image-text-block h2, .image-text-bottom h2, .grid-block h2{font-size: 50px; line-height: 54px}

.medium{font-size: 34px; line-height: 38px}

.vlarge{font-size: 70px!important; line-height: 74px!important}

.poppins-subtitle p{font-size: 1.625rem}

.uppercase{text-transform: uppercase}

.bold{font-weight: 700}

.title-text-block h2 small{font-size: 60%}

/* = COLOURS */

.red-background{background-color: #f90000}

.white-background{background-color: #ffffff}

.black-background{background-color: #000000}

.white{color: #ffffff}

.red{color: #f90000}

.black, .red p{color: #000000}


.black-background p{color: #ffffff!important}

.tint-1{background-color: rgba(0, 0, 0, 0.4)}

.tint-2{background-color: rgba(0, 0, 0, 0.2)}

/* = SPACING / PADDING */

.cover{background-size: cover}

.max-inner{max-width: 800px; margin: 0px auto}

.max-inner-wide{max-width: 1200px; width: 100%; margin-left:auto; margin-right:auto}

.mta{margin-top:auto}

.mt0{margin-top:0px}

.mb0{margin-bottom:0px}

.pt0{padding-top:0px}

.pb0{padding-bottom:0px}

.pd20{padding: 20px}

.pd10{padding: 10px}

.border10{border-radius: 10px}

.pt40{padding-top:40px}

.pd1020{padding: 10px 20px}

.pb40{padding-bottom:40px}

.pd40{padding: 40px}

.mt140{margin-top:140px}

.mt40{margin-top:40px}

.lh0{line-height: 0px}

.lh0 img{width: 100%}

.pt20{padding-top: 20px}

.mb40{margin-bottom:40px}

.mb20{margin-bottom:20px}

.pttop{padding-top:120px}

.pb20{padding-bottom:20px}


/* = POSITIONING */

.relative{position: relative}

.z5{z-index: 5}

.z10{z-index: 10}

.z2000{z-index: 2000}

.table{display: table; width: 100%; height: 100%}

.cell{display: table-cell}

.vat{vertical-align: top}

.vam{vertical-align: middle}

.vab{vertical-align: bottom}

.ilb{display: inline-block}

.absolute{position: absolute}

.absolute-all{top: 0px; bottom: 0px; left: 0px; right: 0px; overflow: hidden}


/* = FLEX */

.flex{display: flex; flex-wrap: wrap}

.full, .yspl_win_wrap{width: 100%}

.gap20{gap: 20px}

.gap40{gap: 40px}

.gap80{gap: 80px}

.flex1{flex: 1}

.align-top{align-items: flex-start}

.align-bottom, .align-staggered{align-items: flex-end}

.column{flex-direction: column}

.self-end{align-self: flex-end}

.mw100{max-width: 100vw}

.space-between{justify-content: space-between}


/* = ANIMATE */

a, button, .rmp_menu_trigger .responsive-menu-pro-inner, .rmp_menu_trigger .responsive-menu-pro-inner:before, .rmp_menu_trigger .responsive-menu-pro-inner:after, a.button span, button#next-slide i, #fixed-nav, .team-member a .absolute-all, .team-member a .absolute-all i, a.book-now-button .table, .content-accordion .accordion-item h3:after, .footer-social-menu a i, .single-pagination-holder .nav-title, .nav-title-icon-wrapper, .quick-accordion-item h3:after, .quick-accordion-item h3{-webkit-transition: all 0.4s!important; transition: all 0.4s!important;}

.book-now-button, .button-rollover{overflow: hidden}

.book-now-button span, .button-rollover span {
  display: block;
  width: 0px;
  height: 0px;
  background-color: #000000;
  position: absolute;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.6s ease 0s, height 0.6s ease 0s;
  z-index: -1;
}

.book-now-button:hover span, .button-rollover:hover span{
  width: 562px;
  height: 562px;
}

a.book-now-button .table, a.button-rollover .table{position: relative; z-index: 10}


a.book-now-button{position: fixed; bottom: 20px; right: 20px; width: 100px; height: 100px; border-radius: 100px; background-color: #f90000; color: #ffffff; z-index: 20; text-align: center; font-weight: 700!important }

a.button-rollover{padding: 10px 20px; background-color: #000000; display: inline-block}

a.book-now-button:hover .table, .button-rollover:hover .table{color: #f90000!important}

a.book-now-red{background-color: #ffffff; color: #000000}

a.book-now-red span{background-color: #f90000}

a.book-now-red:hover .table{color: #ffffff!important}





.btn, .facetwp-radio {display: inline-block; position: relative; padding: 10px 50px; color: #ffffff; background-color: #ffffff; border-radius: 100px; font-size: 14px; font-weight: 700; text-transform: uppercase; text-decoration: none; overflow: hidden; z-index: 1; font-family: poppins, sans-serif!important;}

.btn span, .facetwp-radio .facetrollover{display: block!important; width: 0px!important; height: 0px!important; background-color: #f90000!important; position: absolute!important; border-radius: 50%!important; transform: translate(-50%, -50%)!important; transition: width 0.6s ease 0s, height 0.6s ease 0s!important; z-index: -1!important;}

.btn:hover span, .facetwp-radio:hover .facetrollover{ width: 562px!important; height: 562px!important;}

.btn.button-red{background-color: #f90000; color: #ffffff}

.btn.button-red span{background-color: #ffffff!important}

.btn.button-red:hover{color: #f90000}

.btn.button-to-black span{background-color: #000000!important}

.btn.button-to-black:hover{color: #ffffff}


.btn.button-black{background-color: #000000; color: #ffffff}

.btn.button-black span{background-color: #f90000!important}

.btn.button-black:hover{color: #ffffff}


.btn.button-white{background-color: #ffffff; color: #f90000}

.btn.button-white span{background-color: #f90000!important}

.btn.button-white:hover{color: #ffffff}


.fp-slidesNav .btn span{height: 0px!important; width: 0px!important}

.fp-slidesNav .btn:hover span{width: 562px!important; height: 562px!important;}

.owl-carousel.owl-loading {
	opacity: 1 !important;
	visibility: visible !important;
}

/* = FOOBOX */

.sidebar-popup{-webkit-backdrop-filter: blur(5px);}

.sidebar-popup .fbx-inner{right: 24px!important; top: 24px; bottom: 24px; height: calc(100% - 48px)!important; margin-top: 0px!important; margin-left: auto!important; opacity: 1!important; box-shadow: none!important;}

.popup-inner{padding: 20px; min-height: calc(100dvh - 88px)}

.popup-bottom{width: calc(100% - 40px)}

.popup-bottom a{width: auto}


.wedding-sidebar .team-biog, .wedding-sidebar a.button, .wedding-sidebar .content-accordion{display: none}

.wedding-sidebar .popup-bottom .mb20{margin-bottom:0px}

.sidebar-popup:not(.wedding-sidebar) .wedding-biog{display: none}


.popup-contact a{display: block; margin-bottom:5px}

.popup-contact a span.contact-icon{width: 30px; display: inline-block}

.popup-contact a span.contact-icon i{color: #f90000}

.popup-contact a span:last-child{font-family: adobe-caslon-pro, serif; font-weight: 400}

.popup-inner h3{color: #f90000}

.popup-inner ul{margin-left:24px}

.popup-inner ul li{font-family: adobe-caslon-pro, serif; font-weight: 400}

/* = HEADER */

.header-logo{position: absolute; top: 20px; left: 100px; right: 100px; z-index: 11; text-align: center}

.header-logo a{display: inline-block; max-width: 240px; width: 100%}

.logo-1 .red-logo{display: none}

.logo- .white-logo{display: none}

.our-world{position: fixed; top: 24px; left: 20px; background-color: #f90000; padding: 10px 20px; color: #ffffff; text-transform: capitalize; z-index: 1000}

.btn.button-red.our-world span{background-color: #000000!important}

.btn.button-red.our-world:hover{color: #ffffff!important}


/* = MENU */

#rmp_menu_trigger-85 .responsive-menu-pro-inner, #rmp_menu_trigger-85 .responsive-menu-pro-inner::before, #rmp_menu_trigger-85 .responsive-menu-pro-inner::after{border-radius: 0px!important}

.rmp_menu_trigger.red-bg .responsive-menu-pro-inner, .rmp_menu_trigger.red-bg .responsive-menu-pro-inner:before, .rmp_menu_trigger.red-bg .responsive-menu-pro-inner:after{background-color: #ffffff!important}

.rmp_menu_trigger.red-bg.is-active .responsive-menu-pro-inner, .rmp_menu_trigger.red-bg.is-active .responsive-menu-pro-inner:before, .rmp_menu_trigger.red-bg.is-active .responsive-menu-pro-inner:after{background-color: #f90000!important}

.menu-red-bg{background-color: #ffffff!important}






.rmp-container{top: 24px!important}

.rmp-container.rmp-menu-open{right: 24px!important}

.responsive-menu-pro-inner:after{bottom: auto!important; top: -10px!important}

.rmp-menu-item a{height: auto!important; font-size: 30px!important; padding: 0px 20px!important}

.rmp-menu-item a:hover{color: #000000!important}

.rmp-submenu{padding-bottom:20px!important}

.rmp-submenu .rmp-menu-item a{font-size: 16px!important; line-height: 24px!important}

.rmp-container{padding-top:20px!important; padding-bottom:20px!important}

.rmp-menu-subarrow{display: none!important}


.menu-red-bg .rmp-menu-item a{color: #f90000!important}

a.rmp-menu-item-link{color: #ffffff!important}

.rmp-submenu-depth-2 a.rmp-menu-item-link{padding-left:0px!important; padding-right:0px!important}

.rmp-submenu-depth-2{padding: 0px 20px!important}

.yspl-widget-area .yspl_win_title{display: none!important}

.yspl-widget-area{color: #ffffff!important; font-size: 16px!important; padding-top: 20px!important}

.yspl-widget-area p{font-family: poppins, sans-serif!important}

.yspl-widget-area a{width: 100%!important; padding-left:0px!important; padding-right:0px!important; color: #ffffff!important}



.menu-red-bg .yspl-widget-area{color: #000000!important}


li.hamburger-menu, li.mobile-menu{width: calc(50% - 10px)!important; padding: 0px!important; margin-bottom:20px!important}

li.hamburger-menu:last-child{margin-left:20px!important}



.rmp-submenu .rmp-menu-item.hamburger-menu a, .rmp-submenu .rmp-menu-item.mobile-menu a{color: #000000!important; font-weight: 700!important; font-size: 14px!important; text-align: center!important; padding: 10px 20px 8px!important}

.rmp-submenu .rmp-menu-item.hamburger-menu a:hover{background-color: #000000!important; color: #ffffff!important}


.menu-red-bg .rmp-submenu .rmp-menu-item.hamburger-menu a{background-color: #000000!important; color: #ffffff!important}

.menu-red-bg .rmp-submenu .rmp-menu-item.hamburger-menu a:hover{background-color: #f90000!important}



/* = ARROW NAV */

#fixed-nav{position: fixed; top: auto; bottom: 10px; left: 40%; right: 40%; z-index: 1000; text-align: center; transition: opacity 0.5s ease-in-out; /* Smooth fade effect */}

#fixed-nav.hidden{display: none!important}

button#next-slide{background-color: transparent!important; padding: 0px 30px}

button#next-slide i{font-size: 60px; color: #f90000}

button#next-slide i.white-arrow{color: #ffffff}

button i.rotate-horizontal{rotate: -90deg!important}


/* = FOOTER */

.footer-social-menu ul{list-style: none; margin-bottom:0px; display: flex; gap: 20px}

.footer-social-menu ul a i{font-size: 40px; color: #ffffff}

.footer-row h3{font-size: 16px}

.footer-left{flex: 2}

.footer-menu ul{list-style: none; margin-bottom:0px}

.footer-menu ul li a{font-weight: 400; color: #ffffff}

.footer-menu a:hover, .footer-right-content a:hover, .footer-social-menu a:hover i{color: #000000}

.section-footer{position: relative; z-index: 2000!important}

.signup-form{display: flex; flex-wrap: wrap; padding-right: 60px}

.signup-form input[type="email"]{padding: 10px; border: none!important; border-radius: 0px; flex:1}

.signup-form input[type="submit"]{background-color: #ffffff!important; text-transform: uppercase; color: #f90000; font-family: poppins, sans-serif; font-weight: 700}

.footer-right-content a{vertical-align: top; display: inline-block; color: #ffffff}

/* = FORM */

.gfield_label{font-family: poppins, sans-serif!important; font-weight: 700!important; text-transform: uppercase!important}

.gfield input[type=text], .gfield input[type=email], .gfield input[type=tel]{border: none!important; border-radius: 0px!important; border-bottom: 1px solid #000000!important; padding: 0px 0px 5px 0px!important}

.gfield input[type=text]:focus, .gfield input[type=email]:focus, .gfield input[type=tel]:focus, .gfield select:focus{box-shadow: none!important}

.gfield select{border-radius: 0px!important}

.gfield_radio{display: flex!important; gap: 10px; flex-direction: row!important}

.gfield_radio .gchoice{flex: 1!important; position: relative; text-align: center; display: flex!important}

.gfield_radio .gchoice label{width: 100%!important; margin: 0px!important; text-align: center!important; cursor: pointer!important}

.gfield_radio .gchoice input{-webkit-appearance: none!important; position: absolute; bottom: -5px; left: 0px; right: 0px; border: none!important; border-bottom: 2px solid transparent!important; height: 1px!important; width: 100%!important; border-radius: 0px!important}

.gfield_radio .gchoice input:checked{border-color: #f90000!important}

.gfield_radio .gchoice input:before{display: none!important}


.gform_footer input.gform_button{text-transform: uppercase!important; font-family: poppins, sans-serif!important; font-weight: 700!important; border-radius: 50px!important; background-color: #f90000!important; font-size: 14px!important; padding: 12px 30px 10px!important}

.gform_footer input.gform_button:hover{background-color: #000000!important}


.gform_validation_errors, .gfield_validation_message, .gform_required_legend{display: none!important}

.gfield.gfield_error input[type=text]{border-color: #f90000!important}



/* = BLOCKS */

.full-height{height: 100dvh; width: 100%}

.fp-controlArrow{display: none!important}

.max-inner{max-width: 900px; margin-left:auto; margin-right: auto}



/* = SLIDES NAV */

.fp-slidesNav.fp-bottom{bottom: 75px!important}

.fp-slidesNav ul{display: flex; flex-wrap: wrap; gap: 20px; justify-content: center}

.fp-slidesNav ul li{width: auto; margin: 0px; height: auto}

.fp-slidesNav ul li a{display: inline-block; border-radius: 50px; padding: 5px 20px 3px; text-transform: uppercase; font-size: 12px; color: #ffffff; background-color: #000000; font-weight: 700!important; height: auto!important}





.section-show-menu- .fp-slidesNav{display: none!important}


.slides-nav-dark li a{background-color: #ffffff!important; color: #000000!important}

.fp-slidesNav ul li a.active{background-color: #f90000!important; color: #ffffff!important}




/* = HEADER CAROUSEL */

.carousel-holder{height: 100dvh; width: 100%; background-color: #f90000}


/* = VIDEO BACKGROUND */

.fullscreen-container {position: absolute; width: 100vw; height: 100dvh; top: 0px; bottom: 0px; left: 0px; right: 0px; overflow: hidden}

.overlay-video {width: 100vw; height: 56.25vw; min-height: 100dvh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}


/* = HEADLINE BLOCK */

.vat-cell-tal, .vat-cell-tac, .vat-cell-tar{padding-top:120px; }

.vab-cell-tal, .vab-cell-tac, .vab-cell-tar{padding-bottom:120px; }

.vat-cell-tal, .vam-cell-tal, .vab-cell-tal{padding-left:40px}

.vat-cell-tar, .vam-cell-tar, .vab-cell-tar{padding-right:40px}

.vat-cell-tar{padding-right: 40px}

.vat-cell-tal .max-inner, .vam-cell-tal .max-inner, .vab-cell-tal .max-inner{margin-left:0px}

.vat-cell-tar .max-inner, .vam-cell-tar .max-inner, .vab-cell-tar .max-inner{margin-right:0px}


.centerleft{background-position: center left}

.centercenter{background-position: center center}

.centerright{background-position: center right}


/* = HALF BLOCKS */

.half-background{position: absolute; top: 0px; bottom: 0px; width: 50%; z-index: 5; background-repeat: no-repeat}

.half-layout-textleft .half-background{background-position: center right; right: 0px; left: 50%;}

.half-layout-textright .half-background{background-position: center left}


.half-text{padding: 40px 80px}

.half-layout-textleft .half-text{margin-right:50%}

.half-layout-textright .half-text{margin-left:50%}


.text-content-red h3, .black h3, .content-accordion h3{color: #f90000}

.half-text-content h3, .content-accordion h3{text-transform: uppercase; margin-bottom:0px; font-family: adobe-caslon-pro, serif; font-weight: 400}

.text-content-red p{color: #000000}

.half-text-content h4{padding-top:0px}

.half-text-content ul, .content-accordion ul{margin-left:24px; margin-bottom:0px}

.half-text-content ul li, .content-accordion ul li{margin-bottom:5px; font-family: adobe-caslon-pro, serif; font-weight: 400}

.half-text-content ul li:last-child, .content-accordion ul li:last-child{margin-bottom:0px}


.white h3{color: #ffffff}


.content-accordion .accordion-item{padding-bottom:10px}

.content-accordion .accordion-item h3, .accordion-item h4{display: flex; width: 100%; justify-content: space-between; cursor: pointer; position: relative}

.content-accordion .accordion-item h3 span, .accordion-item h4 span{display: inline-block; max-width: calc(100% - 30px)}

.content-accordion .accordion-item h3:after, .accordion-item h4:after{font-family: "Font Awesome 6 Pro"; content: '\2b'; font-weight: 300; position: absolute; top: -4px; right: 0px}

.content-accordion .accordion-item:last-child{padding-bottom:0px}

.content-accordion .accordion-item.active h3:after, .accordion-item.active h4:after{rotate: -45deg}


/* = IMAGE TEXT BLOCKS */

.image-text-block h2, .image-text-bottom h2{font-weight: 700; color: #f90000}

.image-text-block p:last-child, .image-text-bottom p:last-child, .grid-block p:last-child{margin-bottom:0px}


.image-text-block .red-background h2, .image-text-block .red-background p{color: #ffffff}

.image-text-bottom .max-inner, .grid-block .max-inner{max-width: calc(100vw - 8vw)}


/* = GRID BLOCKS */

.align-staggered .flex1:last-child{margin-bottom:-80px}

.align-last-auto .column-item:last-child {margin-top: auto;}

.scroll-horizontal {white-space: nowrap; height: 100dvh;}

.pin-wrap {overflow: visible;}

.animation-wrap {display: flex; flex-wrap: nowrap; width: max-content;}


.grid-carousel .owl-stage, .grid-carousel .owl-item{display: flex; flex-wrap: wrap}

.grid-carousel .owl-item{width: 100%}

.column-item .vlarge{font-size: 100px!important; line-height: 104px!important}


/* = CAROUSEL FULL */

.section-carousel-full, .carousel{width: 100vw!important; min-width: 100vw!important}


/* = COLLAGE BLOCKS */

.collage-title{padding-bottom:4px}

.collage-title.red-background h2{color: #ffffff}

.collage-title.white-background h2, .collage-title.black-background h2{color: #f90000}

.team-grid {display: grid; grid-template-columns: repeat(10, 1fr); gap: 0px; width: 100%; max-width: 100vw;}

.team-grid-item {position: relative; width: 100%; background-size: cover; background-position: center;}

.team-grid-item::before {content: ""; display: block; padding-top: 100%; }


/* = MASONRY BLOCKS */

.grid{margin-left:-20px; margin-right:-20px}

.grid-sizer, .grid-item{width: 25%; padding: 0px 20px 40px}

.grid-item p:last-child{margin-bottom:0px}

.grid-item ul{margin-left:20px}

.grid-item li{font-family: adobe-caslon-pro, serif; font-weight: 400}

/* = TEAM MEMBER BLOCKS */

.team-members{padding-bottom:60px!important}

.team-members, .facetwp-facet{max-width: 1200px; margin-left:auto; margin-right:auto}

.team-slide{padding-left: 80px; padding-right:80px}

.team-member{width: calc(20% - 16px); }

.team-member h4{font-size: 14px!important}

.team-member a:hover .absolute-all{background-color: rgba(249, 0, 0, 0.5); -webkit-backdrop-filter: blur(5px);}

.team-member a .absolute-all i{opacity: 0; color: #ffffff; font-size: 60px}

.team-member a:hover .absolute-all i{opacity: 1}

.team-carousel .owl-nav i{font-size: 60px; color: #f90000}

.team-carousel .owl-nav button.disabled{opacity: 0}

.team-carousel .owl-nav .owl-prev{position: absolute; z-index: 10; left: 0px; right: auto; top: 50%; margin-top:-30px}

.team-carousel .owl-nav .owl-next{position: absolute; z-index: 10; left: auto; right: 0px; top: 50%; margin-top:-30px}

.team-mobile, .blog-mobile{display: none}


/* = BLOG BLOCKS */

.blog-feed{padding: 100px 40px}

.posts-feed article{width: calc(50% - 40px)}

.posts-feed .post-thumbnail a{display: block; line-height: 0px}

.posts-feed article a img{opacity: 1!important}


.blog-nav a{flex: 1; text-align: center; border: 2px solid #f90000}

.blog-nav a.current-1{background-color: #f90000; color: #ffffff}

.blog-nav a:hover span{color: #ffffff}

.blog-nav a:before{background-color: #f90000}



.posts-feed-mobile .owl-nav button{position: absolute; z-index: 10; top: 50%; margin-top: -30px;}

.posts-feed-mobile .owl-nav button.owl-prev{left: -30px}

.posts-feed-mobile .owl-nav button.owl-next{right: -30px}

.posts-feed-mobile .owl-nav button i{font-size: 30px; font-weight: 400}

.posts-feed-mobile .owl-nav button.disabled{opacity: 0}


/* = BLOG FILTERS */

.facetwp-facet{display: flex; flex-wrap: wrap; gap: 40px}

.facetwp-radio{flex: 1; background-image: none!important; padding: 10px 50px!important; text-align: center; text-transform: uppercase; background-color: #000000!important; color: #ffffff; font-size: 14px; font-weight: 700; border-radius: 100px}

.facetwp-counter{display: none}

.facetwp-radio.checked{background-color: #f90000!important}


/* = CAREERS BLOCKS */

.position-content p:last-child{margin-bottom:0px}



/* = SINGLE POST */

.single-post .fixed-nav{display: none!important}

#content-section .white-logo{display: none}

.single-post-feed{padding-top:40px}

.single-post-feed article, .single-post-feed-wide article{width: 100%!important}

.single-half{width: calc(50% - 20px)}

.single-half-third{width: calc(30% - 20px)}

.post-block{margin-top:20px}

.post-block p:last-child{margin-bottom:0px}

.single-post-feed-wide{max-width: 100%}

.single-half h3{font-family: adobe-caslon-pro, serif; font-weight: 400; text-transform: uppercase; color: #f90000}

.grid-block-text ul{margin-left:20px; font-family: adobe-caslon-pro, serif;
	font-weight: 400;}

.single-pagination-holder{max-width: 1200px; margin-left:auto; margin-right:auto}

.single-pagination-holder .navigation{margin: 0px!important; padding-top:16px; padding-bottom:10px}

.nav-title-icon-wrapper{color: #ffffff!important}

a .nav-title, .single-pagination-holder a{box-shadow: none!important}

.nav-subtitle{display: none!important}

.single-pagination-holder .nav-title{font-family: adobe-caslon-pro, serif; font-weight: 400; color: #ffffff!important; font-size: 18px; display: flex; align-items: center; text-transform: uppercase}

.nav-links{display: flex; align-items: center}

.nav-next a, .nav-links .nav-next .nav-title{text-align: right; width: 100%;}

.nav-next a{display: block}

.single-post-feed a{color: #f90000}




/* = LINKTREE */

body.page-template-linktree{background-color: #f90000!important;}

body.page-template-linktree .site-content-contain-image .site-content{min-height: 100vh; background-color: rgba(249, 0, 0, 0.7)}

.page-template-linktree .section-footer, .page-template-linktree #fixed-nav, .page-template-linktree a.book-now-button, .page-template-linktree .hide-section-desktop{display: none}

.page-template-linktree .site-content-contain{background-color: #f90000; min-height: 100vh}

.quicklinks-holder{max-width: 500px; margin: 0px auto; padding: 70px 20px 20px}

.quicklinks-inner h2{margin-top:20px; text-align: center}


.page-template-linktree .rmp_menu_trigger{display: none!important}


a.quicklink-button{padding: 10px; border-radius: 10px; background-color: #ffffff; display: flex; gap: 20px; width: 100%; margin-bottom:20px; align-items: center}

a.quicklink-button:last-child{margin-bottom:0px}

a.quicklink-button .quick-icon{width: 40px; font-size: 40px}

a.quicklink-button span{flex: 1; text-align: center; text-transform: uppercase; font-weight: 700}




.quicklinks-button-holder-social{justify-content: space-evenly; gap: 20px; display: flex}

.quicklinks-button-holder-social a{flex: 1; width: auto; text-align: center; margin-bottom:0px; justify-content: center}


.quicklinks-button-holder-reviews{display: flex; gap: 20px; flex-wrap: wrap; justify-content: center}

.quicklinks-button-holder-reviews a{width: calc(50% - 10px); margin-bottom:0px; padding: 0px}

.quicklinks-button-holder-reviews a.quicklink-button-full{width: 100%}

.quicklinks-button-holder-reviews a .cell{padding: 30px 10px}

.quicklinks-button-holder-reviews a.quicklink-button-full .cell{padding-top:60px; padding-bottom:60px}



.quick-accordion-item{margin-bottom:20px; border-bottom: 1px dashed #000000; margin-top:10px; padding-bottom:10px}

.quick-accordion-item:first-child{margin-top:0px}

.quick-accordion-item:last-child{margin-bottom:0px; border-bottom: none; padding-bottom:0px}

.quick-accordion-item h3{font-size: 18px!important; cursor: pointer; margin-bottom:0px; position: relative}

.quick-accordion-item h3:after{font-family: "Font Awesome 6 Pro"; content: '\2b'; font-weight: 300; position: absolute; top: -4px; right: 0px; color: #f90000}

.quick-accordion-item h3{padding-bottom:1px}

.quick-accordion-item p:last-child{margin-bottom:0px}

.quick-accordion-item.active h3:after{rotate: -45deg}

.quick-accordion-item.active h3{padding-bottom:10px}

.wifi-password-button{margin-top:10px}

.wifi-password-button input{flex: 1}

.wifi-password-button button{font-family: poppins, sans-serif!important; text-transform: uppercase}


.quicklinks-reviews-single{margin-top:40px; padding: 20px; border: 2px solid #ffffff; border-radius: 20px}

.quicklinks-reviews-single h2{margin-top:0px}

.quicklinks-reviews-single a.quicklink-button-full{background-image: none!important; background-color: #ffffff}

.quicklinks-reviews-single a.quicklink-button-full .table{background-color: transparent!important}

.quicklinks-reviews-single a.quicklink-button-full .cell{padding-top:10px; padding-bottom:10px}

.quicklinks-reviews-single a.quicklink-button-full span{color: #f90000!important}


/* =ABOVE MOBILE
------------------------------------------------------- */
@media (min-width: 769px) {

.book-now-button.hide-desktop{opacity: 0; pointer-events: none}

.hide-section-desktop{display: none!important}

li.simple-mobile-menu{display: none}

}

/* =BELOW MOBILE
------------------------------------------------------- */
@media (max-width: 768px) {
	
.book-now-button.hide-mobile{opacity: 0!important; pointer-events: none}

}



/* =IPAD LANDSCAPE
------------------------------------------------------- */
@media only screen and (min-width:911px) and (max-width: 1070px){


.half-text{padding-left:40px; padding-right:40px}

.image-text-bottom .max-inner, .grid-block .max-inner{max-width: calc(100vw - 80px)}

.footer-left{flex: 2}


.grid-carousel{position: relative}

.grid-carousel .owl-nav button{position: absolute; top: 14px; width: 50px; left: calc(100vw - 70px)}

.grid-carousel .owl-nav button.disabled{opacity: 0}

.grid-carousel .owl-nav button.owl-prev{left: calc(100vw - 180px)}

.grid-carousel .owl-nav button.owl-next{left: calc(100vw - 140px)}

.grid-carousel .owl-nav button i{color: #f90000; font-size: 30px; font-weight: 400}

.team-carousel .owl-nav .owl-next{right: 20px}

.team-carousel .owl-nav .owl-prev{left: 20px}

.post-navigation .nav-links{padding-left:40px; padding-right:40px}

.facetwp-radio{padding: 10px 20px!important}

.section-footer small{color: #000000}

}


/* IPAD PORTRAIT */
@media only screen and (min-width:641px) and (max-width: 910px)  {

/* = GLOBAL */

button i.rotate-horizontal{rotate: 0deg!important}

/* = FONTS / TEXT */

/* = SPACING / PADDING */

.max-inner{padding-left:20px; padding-right:20px}

.image-text-bottom .max-inner, .grid-block .max-inner{max-width: calc(100vw - 100px)}

/* = FLEX */

/* = FOOBOX */

/* = HEADER */

/* = MENU */

#rmp-container-85{max-width: 340px; min-width: 340px}

li.desktop-menu{display: none!important}

li.mobile-menu{display: inline-block}

/* = ARROW NAV */

/* = FOOTER */

.section-footer{position: relative; z-index: 2000}

.section-footer .image-text-image{height: 50vh!important}

.footer-left{width: 100%; flex: none}

.footer-left .flex.gap40{justify-content: space-between}

/* = BLOCKS */

/* = SLIDES NAV */

/* = HEADER CAROUSEL */

/* = VIDEO BACKGROUND */

/* = HEADLINE BLOCK */

/* = HALF BLOCKS */

.half-background{width: 100%}

.half-text{width: 100%; margin-left:0px!important; margin-right:0px!important; padding-left:70px; padding-right:70px}

.half-layout-textright .table, .half-layout-textleft .table{background-color: rgba(255, 255, 255, 0.8)}



/* = IMAGE TEXT BLOCKS */

/* = GRID BLOCKS */

.grid-carousel{position: relative}

.grid-carousel .owl-nav button{position: absolute; top: 14px; width: 50px; left: calc(100vw - 70px)}

.grid-carousel .owl-nav button.disabled{opacity: 0}

.grid-carousel .owl-nav button.owl-prev{left: calc(100vw - 160px)}

.grid-carousel .owl-nav button.owl-next{left: calc(100vw - 120px)}

.grid-carousel .owl-nav button i{color: #f90000; font-size: 30px; font-weight: 400}

/* = CAROUSEL FULL */

/* = COLLAGE BLOCKS */

/* = TEAM MEMBER BLOCKS */

.team-grid{grid-template-columns: repeat(7, 1fr);}

.team-mobile{display: block}

.team-desktop{display: none}

.team-carousel .owl-nav .owl-prev{left: 10px}

.team-carousel .owl-nav .owl-next{right: 10px}

.team-member{width: calc(50% - 10px)}

.team-members{padding-bottom:30px!important}

/* = BLOG BLOCKS */

.posts-feed{gap: 40px!important}

.posts-feed article{width: calc(50% - 20px)}


.blog-desktop{display: none}

.blog-mobile{display: block}

.section[data-anchor="blog"]{height: 100dvh!important}

/* = BLOG FILTERS */

.facetwp-facet{gap: 20px}

.facetwp-radio{width: calc(50% - 10px)!important; flex: none}

}


/* =IPHONE
------------------------------------------------------- */
@media only screen and (max-width: 640px) {

/* = GLOBAL */

li.desktop-menu{display: none}

li.mobile-menu{display: inline-block}

button i.rotate-horizontal{rotate: 0deg!important}


.mobile-tint-1{background-color: rgba(0, 0, 0, 0.4)}

.our-world{bottom: 10px; top: auto; left: 10px; width: 30%; text-align: center; font-size: 12px; line-height: 14px;}

/* = FONTS / TEXT */

.large, .image-text-block h2, .image-text-bottom h2, .grid-block h2{font-size: 36px; line-height: 40px}

/* = SPACING / PADDING */

.max-inner{padding-left:20px; padding-right:20px}

.pd40{padding: 20px}

.mt140{margin-top:40px}

/* = FLEX */

/* = FOOBOX */

/* = HEADER */

a.book-now-button{width: auto; height: 50px; line-height: 14px; right: 10px; bottom: 10px; left: auto; padding-left:20px; padding-right:20px}



/* = MENU */

.rmp-container{max-width: calc(100%)!important; min-width: calc(100%)!important; top: 0px!important; height: 100dvh; padding-top: 30px!important}

.rmp-container.rmp-menu-open{right: 0px!important; }

.rmp_menu_trigger{right: 5px!important}

/* = ARROW NAV */

#fixed-nav{left: 150px!important; right: 150px!important; bottom: 13px}

button#next-slide i{font-size: 30px; font-weight: 400}

/* = FOOTER */

.section-footer .gap80, .footer-left .gap40{gap: 20px}

.footer-left, .footer-right{width: 100%; flex: none}



.footer-right{padding-bottom:40px}

.footer-row{width: 100%}

.section-footer .max-inner{padding-bottom:0px!important}

.section-footer .image-text-image{display: none}

.section-footer .image-text-bottom{height: 100dvh; display: flex; flex-wrap: wrap; align-content: flex-end; padding-bottom:40px}

.footer-row h3{cursor: pointer}

.footer-row h3:after{font-family: 'Font Awesome 6 Pro'; content: '\2b'; font-weight: 300; float: right}

.footer-row.active h3:after{rotate: -45deg}

.footer-right-content p, .footer-signup .poppins{font-size: 13px}

.section-footer{position: relative; z-index: 2000!important}

/* = BLOCKS */

.section-scrollable .cell{padding: 40px 0px}

/* = SLIDES NAV */


.content-accordion .accordion-item{padding-bottom: 10px}

.content-accordion .accordion-item p:last-child{margin-bottom:0px}


/* = HEADER CAROUSEL */

.carousel-holder .cell{padding-left:20px; padding-right:20px}

/* = VIDEO BACKGROUND */

/* = HEADLINE BLOCK */

.poppins-subtitle p{font-size: 14px; line-height: 22px!important}

.vat-cell-tal, .vam-cell-tal, .vab-cell-tal{padding-left:0px}

/* = HALF BLOCKS */

.half-text{margin-left:0px!important; margin-right:0px!important; padding-left:20px; padding-right:20px}

.half-layout-textright, .half-layout-textleft{position: relative; z-index: 10}

.half-background{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 5; width: 100%}

.half-layout-textright .table, .half-layout-textleft .table{background-color: rgba(255, 255, 255, 0.8)}

.half-layout-textleft .half-background{left: 0px!important; right: 0px!important}


.half-layout-texttext .half-text-content{width: 100%; flex: none}

/* = IMAGE TEXT BLOCKS */

.image-text-bottom .max-inner, .grid-block .max-inner{max-width: 100vw}

.image-text-bottom .max-inner{padding-bottom:80px}

/* = GRID BLOCKS */

.grid-carousel{position: relative}

.grid-carousel .owl-nav button{position: absolute; top: 14px; width: 50px; left: calc(100vw - 70px)}

.grid-carousel .owl-nav button.disabled{opacity: 0}

.grid-carousel .owl-nav button.owl-prev{left: calc(100vw - 120px)}

.grid-carousel .owl-nav button i{color: #f90000; font-size: 30px; font-weight: 400}



.mcenterleft{background-position: center left}

.mcentercenter{background-position: center center}

.mcenterright{background-position: center right}


h2.mobile-size-smaller{font-size: 26px!important; line-height: 30px!important}

.grid-carousel{margin-top:20px!important}

.grid-carousel .column.gap20{gap: 10px!important}


/* = CAROUSEL FULL */

/* = COLLAGE BLOCKS */

/* = TEAM MEMBER BLOCKS */

.team-grid{grid-template-columns:repeat(6, 1fr)}

.owl-slidesNav{position: absolute; bottom: 80px; z-index: 100}

.owl-slidesNav .slide-nav-btn{background-color: #f90000; padding: 10px; border-radius: 50px; color: #ffffff; text-transform: uppercase; cursor: pointer; text-align: center; font-weight: 700}

.team-mobile{display: block}

.team-desktop{display: none}


.team-slide{padding-left:50px; padding-right: 50px}

.team-member{width: calc(50% - 10px)}


.team-mobile h2{font-size: 24px; line-height: 30px}

.team-carousel .owl-nav .owl-next{right: 10px}

.team-carousel .owl-nav .owl-prev{left: 10px}

.team-carousel .owl-nav button i{font-size: 30px; font-weight: 400}


.team-member h3{font-size: 16px; padding-top:10px}

.team-member h4{font-size: 14px}



.sidebar-popup .fbx-inner{right: 0px!important; top: 0px!important; height: 100dvh!important; width: 100%!important}

.sidebar-popup .fbx-close{width: 40px!important; background-color: transparent!important; color: #000000!important; left: auto!important}

.fbx-icon-close-flat{color: #000000!important}

.popup-inner{padding-top:40px}

/* = BLOG BLOCKS */

.team-members{gap: 20px; padding-bottom:0px!important}

.team-members article{width: 100%}


.facetwp-facet, .blog-desktop{display: none!important}

.blog-mobile{display: block!important}

.blog-mobile .post-excerpt{display: none}





.section[data-anchor="blog"]{height: 100dvh!important}


/* = FOOBOX */


/* = MASONRY BLOCKS */

.grid{margin-left:0px; margin-right:0px}

.grid-sizer, .grid-item{position: relative!important; width: 100%; padding: 0px 0px 20px; top: 0px!important; height: auto!important}



/* = POSITION BLOCKS */

.position-item .flex1{flex: none; width: 100%}


/* = SINGLE POST */

.single .blog-feed{padding-left:20px; padding-right:20px}

.single-half{width: 100%; flex: none}

.nav-links{flex-wrap: wrap}

.nav-previous, .nav-next{width: 100%!important; padding-left:10px; padding-right:10px}

.nav-next a, .nav-links .nav-next .nav-title{text-align: left}

.single-post .hide-section-desktop{display: none}


.single-post-feed .grid-carousel .owl-nav button{left: auto; right: -10px; margin-top:-50px}

.single-post-feed .grid-carousel .owl-nav button.owl-prev{right: 30px}


.grid-row .column{flex: none; width: 100%}
 
}