/*
Theme Name: Wrecks at Risk
Description: Child theme for Jevelin theme
Author: Shufflehound
Author URI: http://shufflehound.com
Template: jevelin
*/

/* ///////////////////////////////////////////// FONTS + TYPOGRAPHY ///////////////////////////////////////////// */

@font-face {
    font-family: 'Plus Jakarta Sans Bold';
    src: url('../fonts/jakarta/PlusJakartaSans-Bold.woff2') format('woff2'),
        url('../fonts/jakarta/PlusJakartaSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans Extra Bold';
    src: url('../fonts/jakarta/PlusJakartaSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/jakarta/PlusJakartaSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/jakarta/PlusJakartaSans-Regular.woff2') format('woff2'),
        url('../fonts/jakarta/PlusJakartaSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body { 
	font-family: "Plus Jakarta Sans", "helvetica nenu", helvetica, arial, sans-serif !important;
	font-style: normal;
	font-weight: 400;
}

html body p { 
	font-family: "Plus Jakarta Sans", "helvetica nenu", helvetica, arial, sans-serif !important;
	font-style: normal;
	font-weight: 400 !important;
  margin-bottom: 15px;
}

html body ul li { 
  font-family: "Plus Jakarta Sans", "helvetica nenu", helvetica, arial, sans-serif !important;
  font-style: normal;
  font-weight: 400 !important;
}

.primary-desktop ul li a { 
  font-family: "Plus Jakarta Sans Bold", "helvetica nenu", helvetica, arial, sans-serif !important;
  font-style: normal;
  font-weight: 400 !important;
}

html body h1, html body h2, html body h3, html body h4, html body h5 { 
	font-family: "Plus Jakarta Sans Extra Bold", "helvetica nenu", helvetica, arial, sans-serif !important;
	font-style: normal !important;
	font-weight: 400 !important;
}

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark p { color: #FFF !important; background: none; }

body h2 { font-size: 30px; line-height: 40px; color: #444; }
body h3 { font-size: 20px; line-height: 30px; }
body h4 { font-size: 18px; line-height: 25px; }

.wpb_single_image.inline-block { display: inline-block; }

/* GRADIENT ON MAIN HEADINGS */

.gradient h2 { background: rgb(17,17,17); background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 100%);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "Plus Jakarta Sans Extra Bold", "helvetica nenu", helvetica, arial, sans-serif !important; letter-spacing: -0.01em;  }
.gradient h3 { background: rgb(17,17,17); background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "Plus Jakarta Sans Extra Bold", "helvetica nenu", helvetica, arial, sans-serif !important; letter-spacing: -0.01em;  }
.gradient h4 { background: rgb(17,17,17); background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
a.btn.gradient { background: rgb(17,17,17); background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 100%); -webkit-background-clip: box; -webkit-text-fill-color: transparent; }

.sh-404-page .sh-404-overay { background: rgb(17,17,17); background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 100%); -webkit-background-clip: box; -webkit-text-fill-color: transparent; }

.sh-footer-widgets h3 { 
  border-bottom: 1px solid #666;
  font-family: "Plus Jakarta Sans Extra Bold", "helvetica nenu", helvetica, arial, sans-serif !important; letter-spacing: -0.01em; 
  background: url('../img/triangle-right-teal-thick.png') no-repeat left center;
  background-size: 25px;
  padding: 15px 15px 15px 40px;
}

/* ///////////////////////////////////////////// WPBAKERY LAYOUT OVERIDES ///////////////////////////////////////////// */

.float-left { display: inline-block; float: left; }

#page-container { width: 100%; overflow: hidden; }

#empty { height: 1px !important; opacity: 0; -webkit-opacity: 0; }

#wrapper > .sh-page-layout-default { padding: 0px; } 

section.vc_secton { padding-top: 0 !important;  padding-bottom: 0 !important; padding-top: 0 !important; }

section.vc_section.vc_section-has-fill { padding-top: 0 !important; } 

.page-content .vc_section:nth-of-type(odd) { background: #FFF !important; }
.page-content .vc_section:nth-of-type(even) { background: rgb(26,119,186); background: linear-gradient(90deg, rgba(26,119,186,1) 0%, rgba(43,168,224,1) 100%); }

.vc_row.bkg-gradient { 
  background: rgb(17,17,17); background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 100%);
}
.vc_row.bkg-gradient-grey { 
  background: rgb(68,68,68) !important;
  background: linear-gradient(90deg, rgba(68,68,68,1) 0%, rgba(102,102,102,1) 100%) !important; 
}

body .sh-header-top { display: none; }

/* HOMEPAGE NEW */

.cat-wrecks {
  background-image: url('../img/icon-wreck-white.png');
  background-size: 40px;
  background-position: right 20px top 20px;
  background-repeat: no-repeat;
}

.cat-database {
  background-image: url('../img/icon-database-white.png');
  background-size: 40px;
  background-position: right 20px top 20px;
  background-repeat: no-repeat;
}

.cat-map {
  background-image: url('../img/icon-map-white.png');
  background-size: 40px;
  background-position: right 20px top 20px;
  background-repeat: no-repeat;
}


.revslider .total-pages {
    width: 60px; 
    height: 60px; 
    padding: 12px; 
    text-align: center; 
    color: #FFF; 
    font-size: 20px;
    border: 2px solid rgba(255,255,255,0.3); 
    border-radius: 50%;
    font-family: "Plus Jakarta Sans", "helvetica nenu", helvetica, arial, sans-serif !important;
    box-sizing: border-box;
    bottom: 0;
    right: 0;
}

@keyframes loadingCircle {
    0% {
        stroke-dasharray: 0, 188.4;
    }
    100% {
        stroke-dasharray: 188.4, 0;
    }
}

.revslider .circle-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    overflow: visible;
}

.revslider .circle-svg circle {
    stroke: #FFF;
    stroke-width: 4; 
    fill: none;
    stroke-dasharray: 0, 188.4;
    animation: loadingCircle 3s ease-in-out forwards;
    transform-origin: center;
    transform: rotate(-90deg); /* Rotate the circle to start from the top */
}

body.homepage .vc_row.wpb_row.revslider * { font-family: "Plus Jakarta Sans Extra Bold", "helvetica nenu", helvetica, arial, sans-serif !important; }

/* Spinner */

@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.background-circle:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  border-radius: 50%;
  border: 5px solid rgba(255,255,255,0.5);
  border-top-color: #FFF;
  animation: spinner 2s linear infinite;
}

.dial-container { position: relative; display: inline-block; width: 100px; height: 100px; }

.pages-dial {
    font-size: 25px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

.background-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* border: 5px solid rgba(255, 255, 255, 0.5); */
    border-radius: 50%;
    box-sizing: border-box;
    z-index: 1;
}






body.homepage .vc_row.wpb_row.revslider { margin-top: -70px; padding-top: 0 !important; padding-bottom: 0 !important; padding-right: 0 !important; }
body.homepage .vc_row.wpb_row.revslider .vc_column_container { padding: 0 !important; }

.home-intro .vc_row.wpb_row { padding-top: 0px !important;  }

.home-intro h1 { font-size: 30px; line-height: 40px; }
.home-intro h2 { font-size: 20px; line-height: 30px; font-family: "Plus Jakarta Sans", "helvetica nenu", helvetica, arial, sans-serif !important; font-weight: 300; }

.home-cats-new { display: flex; gap: 5px; flex-wrap: wrap; }
.home-cats-new a { display: flex; align-items: center; width: 48%; padding: 10px 10px; background-color: rgba(0,0,0,0.1); border: 2px solid rgba(0,0,0,0); border-radius: 10px; -webkit-border-radius: 10px; transition: all 0.5s ease; }
.home-cats-new a img { width: 30px; height: auto; }
.home-cats-new a span { color: #FFF; font-size: 16px; line-height: 20px; font-weight: 600; padding: 0 0 0 15px; text-align: left; }

.home-cats-new a:hover { border: 2px solid #FFF; cursor: pointer; }

.home-features { padding-left: 20px; padding-right: 20px; }
.home-features .wpb_column.vc_column_container.vc_col-sm-3 { width: 48% !important; padding-top: 0; padding-bottom: 0;}
.home-features .wpb_column.vc_column_container.vc_col-sm-3 .vc_column-inner { padding: 0; }
.home-features .wpb_single_image img { width: 50px; max-width: 50px; }
.home-features .wpb_single_image { margin-bottom: 20px; }
.home-features h3 { font-size: 14px; line-height: 23px; margin-top: 20px; text-align: center; font-family: "Plus Jakarta Sans", "helvetica nenu", helvetica, arial, sans-serif !important; font-weight: 400; }

/*  Home Inspiration Feed */

.slick-dots li { margin: 0 5px !important; }

.inspiration-heading { text-align: left; float: left; margin: 10px 0; padding-left: 50px; background: url('../img/icons-misc/icon-lightbulb-grey.png') no-repeat left center; background-size: 30px; }
.recent-added-heading { text-align: left; float: left; margin: 10px 0; padding-left: 50px; background: url('../img/icons-misc/icon-recent-grey.png') no-repeat left center; background-size: 30px; }

.inspiration-btn { 
    display: none;
    margin: 0 0 20px 0 !important;
    padding: 10px 20px;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    text-align: right;
    float: right;
    transition: background-color 0.3s ease;
    background: rgb(17,17,17) !important; background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 100%) !important;
    border-radius: 100px; -webkit-border-radius: 100px;
    transition: all 0.3s ease;
}
.inspiration-btn i { margin-left: 10px; }

.inspiration-btn.recent { margin: 0 30px 20px 0 !important; }


/* body.homepage .sh-footer-widgets { background: none !important; background-color: #222 !important; } */

/* CATEGORY PAGES */

body.page-category .sh-header-top { display: none; }

.total-pages { 
  width: 60px; height: 60px; 
  bottom: 40px; right: 15px; padding: 6px; 
  text-align: center; 
  display: block; 
  position: absolute; z-index: 100; 
  color: #FFF; font-size: 25px;
  border: 2px solid #FFF; 
  border-radius: 100%;
  font-family: "Plus Jakarta Sans", "helvetica nenu", helvetica, arial, sans-serif !important; 
}

#banner-gradient .wpb_raw_code.wpb_raw_html { margin: 0; padding: 0; }

#banner-gradient { 
 background: rgb(17,17,17); background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 100%);
}

body.cat-beaches #banner-gradient h1 { background: url('../img/cat-icons/CAT-ICON-BEACH.png') no-repeat left center; }
body.cat-coves #banner-gradient h1 { background: url('../img/cat-icons/CAT-ICON-COVE.png') no-repeat left center; }
body.cat-harbours #banner-gradient h1 { background: url('../img/cat-icons/CAT-ICON-HARBOUR.png') no-repeat left center; }
body.cat-rivers-estuaries #banner-gradient h1 { background: url('../img/cat-icons/CAT-ICON-RIVERS.png') no-repeat left center; }
body.cat-featured #banner-gradient h1 { background: url('../img/cat-icons/CAT-ICON-FEATURED.png') no-repeat left center; }
body.cat-landmarks #banner-gradient h1 { background: url('../img/cat-icons/CAT-ICON-LANDMARK.png') no-repeat left center; }
body.cat-heritage #banner-gradient h1 { background: url('../img/cat-icons/CAT-ICON-HERITAGE.png') no-repeat left center; }
body.cat-towns-villages #banner-gradient h1 { background: url('../img/cat-icons/CAT-ICON-TOWNS.png') no-repeat left center; }

#banner-gradient h1 { 
  width: 85%;
  font-size: 45px; line-height: 55px; 
  padding-top: 80px; padding-bottom: 10px; 
  background-size: 60px !important; color: #FFF; font-weight: bold; margin-bottom: 0;  display: block; 
  background-position: top left !important;
}

#banner-gradient .wpb_text_column.wpb_content_element { margin-bottom: 0; }

#banner-gradient.no-icon h1 { padding-left: 0 !important; }

#banner-gradient.app h1 { background: url('../img/icons-misc/icon-app.png') no-repeat left center; }
#banner-gradient.document h1 { background: url('../img/icons-misc/icon-document.png') no-repeat left center; }
#banner-gradient.shout h1 { background: url('../img/icons-misc/icon-bullhorn.png') no-repeat left center; }
#banner-gradient.email h1 { background: url('../img/icons-misc/icon-email.png') no-repeat left center; }
#banner-gradient.about h1 { background: url('../img/icons-misc/icon-question.png') no-repeat left center; }
#banner-gradient.press h1 { background: url('../img/icons-misc/icon-press.png') no-repeat left center; }
#banner-gradient.tides h1 { background: url('../img/icons-misc/icon-tides.png') no-repeat left center; }

.page-content .vc_section.grey { background-color: #F4F4F4 !important; }

.wpb_video_widget { margin-bottom: 0; }

/* .vc_row.wpb_row { padding-top: 40px; padding-bottom: 40px; } */

.fifty-fifty .wpb_row { padding-top: 0 !important; padding-bottom: 0 !important; }

.no-padding .vc_column-inner { padding: 0 !important; }

.vc_row .vc_column-inner { padding-top: 0 !important; padding-bottom: 0 !important; }

.revslider * { font-family: "Plus Jakarta Sans Bold", "helvetica nenu", helvetica, arial, sans-serif !important; font-weight: 600; }


/* CATEGORY PAGES TEMPLATE */

#banner-category { 
    padding-top: 100px; padding-bottom: 30px;
 background: rgb(17,17,17);
background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 100%); 
}

#banner-category .banner-cat-inner { position: relative; }

#banner-category .cat-icon { display: block; width: 50px; height: 50px; margin: 0 20px 20px 0; background-position: bottom left; background-repeat: no-repeat; }

#banner-category h1 { width: 80%; font-size: 35px; line-height: 45px; padding: 0; color: #FFF; font-weight: bold; margin-bottom: 0;  display: inline-block; }

#banner-category .total-pages-wrapper { position: absolute; width: 60px; height: 60px; bottom: 0; right: 0; float: right; display: inline-block; }

#banner-category .total-pages {
    width: 60px; 
    height: 60px; 
    padding: 12px; 
    text-align: center; 
    color: #FFF; 
    font-size: 20px;
    border: 2px solid rgba(255,255,255,0.3); 
    border-radius: 50%;
    font-family: "Plus Jakarta Sans", "helvetica nenu", helvetica, arial, sans-serif !important;
    box-sizing: border-box;
    bottom: 0;
    right: 0;
}

@keyframes loadingCircle {
    0% {
        stroke-dasharray: 0, 188.4;
    }
    100% {
        stroke-dasharray: 188.4, 0;
    }
}

#banner-category .circle-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    overflow: visible;
}

#banner-category .circle-svg circle {
    stroke: #FFF;
    stroke-width: 4; 
    fill: none;
    stroke-dasharray: 0, 188.4;
    animation: loadingCircle 3s ease-in-out forwards;
    transform-origin: center;
    transform: rotate(-90deg); /* Rotate the circle to start from the top */
}


/* FIFTY FIFTY SECTIONS */

.vc_row.no-padding { padding: 0 !important; }
.vc_row.no-padding .wpb_column.vc_column_container .wpb_content_element { padding: 0 !important; margin-bottom: 0 !important; }

.wpb_column.vc_column_container.no-padding { padding: 0 !important; }
.no-padding { padding: 0 !important; }
.vc_row-no-padding .vc_column_container .vc_column-inner { padding: 0 !important; }

.wpb_column.vc_column_container.fifty-text-left { padding-left: 35px !important; padding-right: 35px !important; padding-top: 30px !important; padding-bottom: 30px !important; }
.wpb_column.vc_column_container.fifty-text-right { padding-left: 35px !important; padding-right: 35px !important;  padding-top: 30px !important; padding-bottom: 30px !important; }

.wpb_column.vc_column_container.fifty-text-left .vc_column-inner { padding-top: 0 !important; }
.wpb_column.vc_column_container.fifty-text-right .vc_column-inner { padding-top: 0 !important; }

.wpb_column.vc_column_container ul li { margin: 15px 0 15px 0; }
.wpb_column.vc_column_container ol li { margin: 15px 0 15px 0; }

/* FIXED ROWS + COLUMNS */

.wpb_column.vc_column_container.fixed-right { padding: 0 !important; position: relative; bottom: 0; position: absolute; width: 100%; margin-left: -15px; height: 300px; }
.wpb_column.vc_column_container.fixed-left { padding: 0 !important; position: relative; bottom: 0; position: absolute; width: 100%; margin-left: -15px; height: 300px; }

.wpb_column.vc_column_container.fixed-text { margin-bottom: 0px; margin-bottom: 300px; }

/* HEADER MOBILE */

.menu-item.sh-nav-dropdown .c-hamburger span { display: none; }
.menu-item.sh-nav-dropdown .c-hamburger { width: 35px; height: 35px; background: url('../img/icon-menu.png') no-repeat center; background-size: 100%; }
.menu-item.sh-nav-dropdown .c-hamburger.is-active { background: url('../img/icon-close.png') no-repeat center; background-size: 90%; }

.sh-header-mobile-navigation { border-bottom: 0 !important; padding-bottom: 2px !important; }

/* header.primary-mobile { position: fixed; z-index: 9999; width: 100%; } */

.sh-header-mobile-dropdown { height: 100vh; }

.sh-header-mobile-dropdown ul.sh-nav-mobile li.menu-item.open a { color: #2baccf !important; font-weight: bold; }
.sh-header-mobile-dropdown ul.sh-nav-mobile li ul.sub-menu { margin-left: 0 !important; background-color: #f4f4f4; }
.sh-header-mobile-dropdown ul.sh-nav-mobile li ul.sub-menu li { display: inline-block; width: 48%; border-radius: 5px; padding-left: 15px; padding-right: 15px; }
.sh-header-mobile-dropdown ul.sh-nav-mobile li.menu-item.open ul.sub-menu li a { color: #2baccf !important; font-weight: normal; }

.sh-header-mobile-dropdown ul.sh-nav-mobile li.menu-item.current-menu-item a { color: #0daab2 !important; }
.sh-header-mobile-dropdown ul.sh-nav-mobile li.menu-item.current-menu-ancestor a { color: #0daab2 !important; }

.sh-header, .sh-header-mobile {
/* background: rgb(17,17,17); background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 100%); */
}

.sh-header-mobile .container {
    padding: 0 50px; max-width: 85% !important; 
}

.sh-nav-mobile .current_page_item > a {
    color: #666 !important; font-family: "Plus Jakarta Sans Bold", "helvetica nenu", helvetica, arial, sans-serif !important; font-weight: 600; 
}
.sh-nav-mobile .menu-item a {
    color: #666 !important; font-family: "Plus Jakarta Sans Bold", "helvetica nenu", helvetica, arial, sans-serif !important; font-weight: 600;
}

.sh-header .close-header-search i{ color: #666 !important; }
.sh-header .sh-header-search-submit i.icon-magnifier::before { color: #666 !important; }

#header-mobile .header-logo {
  padding: 0;
  position: absolute;
  z-index: 100;
  margin: -15px 0 0 5px;
}

#header-navigation-mobile a.cta { 
padding: 4px 10px;
  border: 2px solid #FFF;
  border-radius: 10px;
  top: 15px;
  color: #FFF;
  font-family: "Plus Jakarta Sans Bold", "helvetica nenu", helvetica, arial, sans-serif !important;
  font-weight: 600;
  position: absolute;
  right: 60px;
  font-size: 14px;
}

.sh-header-mobile-spacing-compact .sh-header-mobile-navigation .sh-nav-container {
  width: 200px !important;
  float: right;
}

.header-mobile-search {
    background-color: #f4f4f4;
    padding: 0 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    box-shadow: inset 0 0 10px #CCC;
}

.header-mobile-search input::placeholder {
  font-weight: normal;
  font-style: normal;
  font-family: "Plus Jakarta Sans", "helvetica nenu", helvetica, arial, sans-serif !important; font-weight: 300;
  font-size: 20px;
  color: #2eaeb3 !important;
}

.header-mobile-search .header-mobile-form-submit { padding: 0 20px; }

.header-mobile-social-media { border-bottom: 1px solid #303030; }
.header-mobile-social-media a i { font-size: 24px; color: #30b09c !important; }

.sh-nav-mobile li.menu-item-has-children > a::after { font-size: 24px; padding: 0; color: #30b09c; font-weight: bold; width: 90%; text-align: right; position: absolute; top: 20px; right:0; }



/* ///////////////////////////////////////////// VR360 SECTION ///////////////////////////////////////////// */

body.page-location .sh-header { border-bottom: 0;  }
body.page-location .sh-header .sh-nav > li.menu-item > a { color: #FFF; }

body.page-location .sh-header .icon-magnifier::before { color: #FFF; }

body.page-location .sh-header.sh-sticky-header.sh-sticky-header-active { 
  /* background-color: rgba(0,0,0,0.3);  */
}

body.page-location #wrapper .content-container { padding:0 !important; }
body.page-location #wrapper .content-container div.container { width: 100% !important; max-width: 100% !important; }

#header-holder { width: 100%; height: 80vh; position: relative; clear: both; }

#header-holder.banner { height: 60vh; }


#header-holder.category-page { height: 300px; }
#banner-cat { height: 300px; margin: 0; width: 100%; display: block; position: absolute; z-index: 1; }

.iframe-container { width: 100%; height: 100%; top: 0; left: 0; position: absolute;  }
.iframe-placeholder { 
  width: 100%; height: 100%; 
  top: 0; left: 0; 
  position: absolute; 
  /* background: url('img/icons-misc/loading.gif') no-repeat center; background-size: 50px;  */
  background-color: #333; 
  display: flex;
  justify-content: center;
  align-items: center;
}

.iframe-container iframe { width: 100%; height: 100%; display: block; overflow: hidden; }

#vr-360-row { margin: 0; width: 100%; display: block; height: 100%; position: absolute; z-index: 1; background-color: #666;}
#vr-360-row .vc_row { padding-top: 0 !important; padding-bottom: 0 !important; }
#vr-360-row .vc_row .wpb_column.vc_column_container { padding-top: 0 !important; padding-bottom: 0 !important; }

#vr-360-row .vc_column-inner { padding: 0 !important; }
#vr-360-row .wpb_raw_code { position: relative; height: 100%; overflow: hidden; max-width: 100%; margin: 0 !important; } 
#vr-360-row .wpb_raw_code iframe, #vr-360-row .wpb_raw_code object, #vr-360-row .wpb_raw_code embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#vr-360-row .vc_row.wpb_row.vc_row-fluid { padding-top: 0 !important; }

.hint-container { display: flex; justify-content: center; align-items: center; width: 100%; height: 80vh; position: absolute; z-index: 9999; pointer-events: none; }

.hint { 
  display: none;
  padding: 15px 25px 15px 60px; color: #FFF !important; font-size: 16px; line-height: 20px; text-align: center; 
  border-radius: 100px; -webkit-border-radius: 100px; 
  background: url('../img/icons/icon-click-drag.png') no-repeat left 20px center; background-size: 25px; 
  background-color: rgba(0,0,0,0.7);
  opacity: 0.8; -webkit-opacity: 0.8;
  text-decoration: none; 
  backdrop-filter: blur(5px);
}

/* BANNER ROW */

#banner { height: 400px; }

.banner-image { width: 100%; height: 100%; display: block; top: 0; left: 0; overflow: hidden; position: relative; background-size: cover; }

.banner-image.gradient { 
 background: rgb(17,17,17) !important;
background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 100%) !important; 
}


/* ///////////////////////////////////////////// TITLE AREA ///////////////////////////////////////////// */

.title-area { padding: 0; }
.title-area .vc_row { padding: 0; }

#title.title-area { 
	display: block; position: absolute !important; 
	width: 100%; z-index: 500; bottom: 0; 
	padding-top: 30px; padding-bottom: 30px; 
     background: rgb(17,17,17);
background: linear-gradient(0deg, rgba(17,17,17,0.8561625333727241) 0%, rgba(51,51,51,0) 100%); 
}

#title  { }

#title.title-area .title-area-inner { padding-right: 0 !important; }

.title-area h1 { 
  font-size: 40px; line-height: 45px; 
  color: #FFF; font-weight: bold; 
  margin-bottom: 0; padding-bottom: 0; 
  /* border-bottom: 1px solid #FFF; */ 
  display: block; width: 100%; 
  font-family: "Plus Jakarta Sans Extra Bold", "helvetica nenu", helvetica, arial, sans-serif !important;
  letter-spacing: -0.01em; 
}

.title-area.category-page h1 { font-size: 40px; } 

.title-area .sep { 
    height: 2px; width: 100%; margin: 10px 0;
background: #EEE;
 }

/* GPS */

.title-area a.gps { display: none; float: left; font-size: 14px; line-height: 22px; color: #FFF; font-weight: normal; margin: -5px 0 0 20px; padding: 10px 10px 10px 30px; background: url('../img/icons/icon-map.svg') no-repeat left center; background-size: 20px; text-decoration: none; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.title-area a.gps:hover { color: #29abdc; }

/* Breadcrumbers */

.title-area #breadcrumbs { 
	display: block; float: left; font-size: 14px; line-height: 16px; color: #FFF; font-weight: normal; 
	margin: 0; margin-left: 0; padding: 0; text-decoration: none; 
	background: url('../img/icons/icon-breadcrumbs.svg') no-repeat left center; background-size: 25px; padding: 0 0 0 40px;
	-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; 
}
.title-area #breadcrumbs span span { float: right; }
.title-area #breadcrumbs span a { color: #FFF; }
.title-area #breadcrumbs span a:hover { color: #29abdc; }

ul.post-categories { margin: 0; padding: 0; display: block; overflow: hidden; list-style-type: none; }
ul.post-categories li { margin: 0 5px 0 0 !important; padding: 0; float: left; display: inline-block; }
ul.post-categories li a { 
    color: #FFF; 
    text-transform: none; 
    font-size: 14px; line-height: 20px; 
    padding: 5px 10px; 
    letter-spacing: 0; 
    font-family: "Plus Jakarta Sans", "helvetica nenu", helvetica, arial, sans-serif !important; 
    background: rgba(0,0,0,0.5);
    display: inline-block;
    border-radius: 10px;
    transition: all 0.3s ease;
}

ul.post-categories li a:hover { background: #29abdd; }

/* ul.post-categories li:after { content:'\00B7'; font-size: 20px; }
ul.post-categories li:last-child:after { content:'' !important; } */

.title-area .title-left { width: 100%; display: block; clear: both; }
.title-area .title-right { width: 100%; clear: both; }

.category-page .title-group { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; align-items: flex-end; }
.category-page .title-group .item { order: 0; }
.category-page .title-group .title-left { width: auto; clear: none; flex-grow: 2; }
.category-page .title-group .title-right { width: auto; clear: none; }

.title-area  a.more { 
	display: none !important;
	width: 50px; height: 50px; float: right; margin-right: 20px; 
	background-size: 100% !important; outline: none; 
	border: 0; /* display: inline-block !important;  */
	--balloon-color: #29abdd; 
	font-family: "Plus Jakarta Sans", "helvetica nenu", helvetica, arial, sans-serif !important; 
	background: url(img/icons/icon-arrow-down.svg) no-repeat center; 
	position: absolute; right: 0; top: 20px;
}
.title-area.category-page a.more { top: 20px; }


.title-area .cat-icons { float: right; display: none; }
.category-page .title-area .cat-icons { float: right; display: block; }

.title-area .cat-icons .tag { 
	width: 40px; height: 40px; float: left; margin-right: 10px; 
	background-size: 60% !important; outline: none; 
	border: 0; display: inline-block; 
	--balloon-color: #29abdd; 
	font-family: "Plus Jakarta Sans", "helvetica nenu", helvetica, arial, sans-serif !important; 
  border-radius: 100%; -webkit-border-radius: 100%; 
  border: 2px solid #FFF;
}

.title-area .cat-icons .tag img { width: 100%; height: auto; display: block; } 

.title-area.category-page .cat-icons .tag { width: 50px; height: 50px; margin: 14px 0 0 0; }

.title-area .cat-icons .tag.beach { background: url('../img/cat-icons/CAT-ICON-BEACH.png') no-repeat center; background-size: 60% !important; }
.title-area .cat-icons .tag.heritage { background: url('../img/cat-icons/CAT-ICON-HERITAGE.png') no-repeat center; background-size: 50% !important; }
.title-area .cat-icons .tag.town { background: url('../img/cat-icons/CAT-ICON-TOWNS.png') no-repeat center; }
.title-area .cat-icons .tag.harbour { background: url('../img/cat-icons/CAT-ICON-HARBOUR.png') no-repeat center; }
.title-area .cat-icons .tag.cove { background: url('../img/cat-icons/CAT-ICON-COVE.png') no-repeat center; }
.title-area .cat-icons .tag.landmark { background: url('../img/cat-icons/CAT-ICON-LANDMARK.png') no-repeat center; }
.title-area .cat-icons .tag.rivers { background: url('../img/cat-icons/CAT-ICON-RIVERS.png') no-repeat center; }

.title-area .cat-icons .tag.event { background: url('../img/icons/icon-event.svg') no-repeat center; }
.title-area .cat-icons .tag.accommodation { background: url('../img/icons/icon-accommodation.svg') no-repeat center; }
.title-area .cat-icons .tag.shop { background: url('../img/icons/icon-shop.svg') no-repeat center; }
.title-area .cat-icons .tag.attraction { background: url('../img/cat-icons/CAT-ICON-ATTRACTIONS.png') no-repeat center; }
.title-area .cat-icons .tag.restaurant { background: url('../img/icons/icon-restaurant.svg') no-repeat center; }
.title-area .cat-icons .tag.lifeguard { background: url('../img/icons/icon-life-guard.svg') no-repeat center; }

.title-area .cat-icons .tag.north { background: url('../img/icons/icon-north.svg') no-repeat center; }
.title-area .cat-icons .tag.east  { background: url('../img/icons/icon-east.svg') no-repeat center; }
.title-area .cat-icons .tag.south { background: url('../img/icons/icon-south.svg') no-repeat center; }
.title-area .cat-icons .tag.west { background: url('../img/icons/icon-west.svg') no-repeat center; }
.title-area .cat-icons .tag.mid-cornwall { background: url('../img/icons/icon-central.svg') no-repeat center; }

.title-area .cat-icons .tag.blue-flag { background: url('../img/icons/icon-blue-flag.svg') no-repeat center; }
.title-area .cat-icons .tag.featured { background: url('../img/icons/icon-featured.svg') no-repeat center; }

.title-area .cat-icons .tag.hotel { background: url('../img/cat-icons/CAT-ICON-ACCOMMODATION.png') no-repeat center; }

.title-area .wpb_raw_code.wpb_content_element.wpb_raw_html { margin: 0 !important; }


.title-area .title-group .title-right { position: absolute; bottom: 150px; }
.title-area .featured-image { width: 100px; height: 100px; display: block; overflow: hidden; border-radius: 1000px; background-size: cover !important; }



/* ///////////////////////////////////////////// INTRO SECTION ///////////////////////////////////////////// */

/* tabs */

#tabs ul { list-style: none; padding: 0; margin-top: 20px; }
#tabs li { display: inline-block; margin: 0 2px 20px 0; }
#tabs li a { 
  padding: 10px 15px 10px 20px; 
  background-color: #EEE; 
  text-decoration: none; 
  border-radius: 100px; -webkit-border-radius: 100px; 
  color: #666; 
  font-weight: bold; 
  font-family: "Plus Jakarta Sans Extra Bold", "helvetica nenu", helvetica, arial, sans-serif !important; 
  transition: all 0.3s ease;
}

#tabs div.tab-content { display: none; margin-top: 0; }
#tabs div.tab-content.active { display: block; }

#tabs li a.info { background: url('../img/icons-misc/icon-info.png') no-repeat left 15px center; background-size: 20px; padding-left: 40px; background-color: #EEE; }
#tabs li a.info.active { background: url('../img/icons-misc/icon-info-white.png') no-repeat left 15px center; background-size: 20px; padding-left: 40px; background-color: #29abdd; }

#tabs li a.travel { background: url('../img/icons-misc/icon-travel.png') no-repeat left 15px center; background-size: 20px; padding-left: 40px; background-color: #EEE; }
#tabs li a.travel.active { background: url('../img/icons-misc/icon-travel-white.png') no-repeat left 15px center; background-size: 20px; padding-left: 40px; background-color: #29abdd; }

#tabs li a.history { background: url('../img/icons-misc/icon-history.png') no-repeat left 15px center; background-size: 20px; padding-left: 40px; background-color: #EEE; }
#tabs li a.history.active { background: url('../img/icons-misc/icon-history-white.png') no-repeat left 15px center; background-size: 20px; padding-left: 40px; background-color: #29abdd; }

#tabs li a:hover { background-color: #eefafe !important; }
#tabs li a.active { background-color: #222 !important; color: #FFF; }

#title .title-group, #intro .intro-wrapper, #see-more .see-more-inner, #video .video-inner, .banner-cat-inner { max-width: 85%; margin: 0 auto; }

#intro .intro-wrapper {  padding: 30px 0; }

/* Google and Apple Maps Buttons */

.map-links { display: block; overflow: hidden; margin-top: 30px; border: none !important; padding: 0 !important; }
.map-links a { padding: 15px; font-size: 14px; line-height: 18px; margin: 0 10px 10px 0; border-radius: 10px; display: inline-block; color: #666; transition: all 0.3s ease; }
.map-links a.google-maps { background: url('../img/icons-misc/google-maps.png') no-repeat left 15px center; background-size: 30px; padding-left: 60px; background-color: #f4f4f4; }
.map-links a.apple-maps { background: url('../img/icons-misc/apple-maps.png') no-repeat left 15px center; background-size: 30px; padding-left: 60px; background-color: #f4f4f4; }

.map-links a:hover { background-color: #eefafe; }

/* Intro Text */

#intro .intro-inner { padding: 40px 0; padding-right: 10px !important; }

.intro-text { display: block; clear: both; overflow: hidden; }

.intro-text h2 { 
  font-family: "Plus Jakarta Sans Extra Bold", "helvetica nenu", helvetica, arial, sans-serif !important;
  letter-spacing: -0.01em; 
 }

/* Icons List */

.icons-grid { overflow: hidden; display: block; clear: both; float: none; margin: 30px 0 0 0; border-radius: 4px; -webkit-border-radius: 4px; width: 100%; padding: 20px; background-color: #eefafe; border-right: 3px solid #d5f1fc; border-bottom: 3px solid #d5f1fc;  }
.icons-grid ul {  display: table; list-style-type: none; padding: 0; margin: 0 !important; width: 100%; }
.icons-grid ul li { display: block; margin: 0 !important; padding: 5px 10px 5px 0; font-size: 16px; line-height: 20px; }

/* Step 1: Common Properties: All required to make icons render reliably */
.icons-grid ul li::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  background-color: #FFF;
  border-radius: 100px; -webkit-border-radius: 100px; 
  margin-right: 10px; 
  width: 40px; height: 40px;
}

/* Step 2: Reference Individual Icons */
.icons-grid ul li::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  content: "\f129";
  font-size: 18px; line-height: 40px;
  text-align: center;
  color: #29abdc;
}

.icons-grid ul li.cafe::before { content: "\f0f4"; }
.icons-grid ul li.cafes::before { content: "\f0f4"; }
.icons-grid ul li.cafe-summer::before { content: "\f0f4"; }
.icons-grid ul li.cafes-summer::before { content: "\f0f4"; }

.icons-grid ul li.hazard-cliffs::before { content: "\f071"; }
.icons-grid ul li.hazard-tides::before { content: "\f071"; }
.icons-grid ul li.hazard-rip-tides::before { content: "\f071"; }
.icons-grid ul li.hazard-drones::before { content: "\f071"; }
.icons-grid ul li.hazard-mines::before { content: "\f071"; }
.icons-grid ul li.hazard-water::before { content: "\f071"; }

.icons-grid ul li.walk-05::before { content: "\f554"; }
.icons-grid ul li.walk-10::before { content: "\f554"; }
.icons-grid ul li.walk-15::before { content: "\f554"; }
.icons-grid ul li.walk-20::before { content: "\f554"; }
.icons-grid ul li.walk-25::before { content: "\f554"; }
.icons-grid ul li.walk-30::before { content: "\f554"; }

.icons-grid ul li.toilets::before { content: "\f7bd"; }

.icons-grid ul li.dogs::before { content: "\f6d3 "; }
.icons-grid ul li.dogs-all::before { content: "\f6d3 "; }

.icons-grid ul li.wheelchairs::before { content: "\f193"; }
.icons-grid ul li.wheelchairs-yes::before { content: "\f193"; }
.icons-grid ul li.wheelchairs-some::before { content: "\f193"; }
.icons-grid ul li.wheelchairs-no::before { content: "\f193"; }

.icons-grid ul li.lifeguard::before { content: "\f1cd"; }
.icons-grid ul li.lifeguard-no::before { content: "\f1cd"; }

.icons-grid ul li.shop::before { content: "\f290"; }
.icons-grid ul li.shops::before { content: "\f290"; }

.icons-grid ul li.restaurant::before { content: "\f2e7"; }
.icons-grid ul li.restaurants::before { content: "\f2e7"; }
.icons-grid ul li.kitchen::before { content: "\f2e7"; }

.icons-grid ul li.carpark-free::before { content: "\f1b9"; }
.icons-grid ul li.carpark-charge::before { content: "\f1b9"; }
.icons-grid ul li.carpark-nt::before { content: "\f1b9"; }

.icons-grid ul li.parking-yes::before { content: "\f1b9"; }
.icons-grid ul li.parking-some::before { content: "\f1b9"; }
.icons-grid ul li.parking-no::before { content: "\f1b9"; }

.icons-grid ul li.covid19::before { content: "\f974"; }

.icons-grid ul li.terrace::before { content: "\f6c0"; }
.icons-grid ul li.bar::before { content: "\f4e3"; }
.icons-grid ul li.pool::before { content: "\f5c5"; }
.icons-grid ul li.spa::before { content: "\f5bb"; }
.icons-grid ul li.gardens::before { content: "\f4d8"; }

.icons-grid ul li.showers::before { content: "\f2cc"; }
.icons-grid ul li.tents::before { content: "\f6bb"; }
.icons-grid ul li.caravans::before { content: "\f8ff"; }
.icons-grid ul li.motorhomes::before { content: "\f5b6"; }
.icons-grid ul li.waste::before { content: "\f793"; }

.icons-grid ul li.open-all-year::before { content: "\f52b"; }
.icons-grid ul li.open-seasonal::before { content: "\f52b"; }

/* PROJECT STATS */

.stats { display: block; background-color: #f4f4f4; padding: 10px 30px; margin-top: 20px; border-radius: 10px; }
.stats div { border-bottom: 1px solid #CCC; padding: 10px 0 10px 60px; margin: 0; display: block; overflow: hidden; }
.stats div:last-child { border-bottom: 0; }
.stats div p { display: inline-block; margin: 0; }
.stats div span { font-weight: bold; clear: both; display: block; }

.stats div.depth { background: url('../img/icon-wrecks/icon-depth.png') no-repeat left center; background-size: 30px; }
.stats div.length { background: url('../img/icon-wrecks/icon-rule.png') no-repeat left center; background-size: 30px; }
.stats div.beam{ background: url('../img/icon-wrecks/icon-rule-hoz.png') no-repeat left center; background-size: 30px; }
.stats div.type { background: url('../img/icon-wrecks/icon-type.png') no-repeat left center; background-size: 30px; }
.stats div.date { background: url('../img/icon-wrecks/icon-date.png') no-repeat left center; background-size: 30px; }
.stats div.weight { background: url('../img/icon-wrecks/icon-weight.png') no-repeat left center; background-size: 30px; }

.yes-no { display: flex; align-items: stretch; align-content: stretch; justify-content: space-between; flex-wrap: wrap; gap: 0px 10px 10px 10px; padding: 0; margin-top: 20px; }
.yes-no div { width: 45%; padding: 20px 10px 20px 10px; justify-content: space-between; align-items: center; margin: 0 10px 10px 0; background-color: #f4f4f4; }
.yes-no div p { font-size: 14px; line-height: 20px; text-align: center;  }

.yes-no div span { width: 50px; height: 50px; display: block; margin: 10px auto 0 auto; align-items: center; }
.yes-no div span.yn-tick { background: url('../img/icons/icon-tick.png') no-repeat center; background-size: 100%; }
.yes-no div span.yn-cross { background: url('../img/icons/icon-cross.png') no-repeat center; background-size: 90%; }

.links { display: block; padding: 0; margin-top: 20px; }
.links div { border: 1px solid #CCC; padding: 10px 20px 10px 60px; margin: 0 0 10px 0; display: block; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; background: url('img/icons/icon-link.png') no-repeat left 20px center; background-size: 30px; }
.links div p { display: inline-block; margin: 0; font-size: 14px; line-height: 20px; }
.links div a { clear: both; display: block; font-size: 14px; line-height: 20px; }

.references { margin-top: 20px; padding: 20px; border-radius: 10px; border: 1px solid #CCC; }

/* Travel Parking */

.travel-parking { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; margin-top: 30px; }
.travel-parking div { width: 100%; padding: 20px; border: 2px solid #EEE; border-radius: 10px; }
.travel-parking div h4 { color: #666; font-size: 20px; line-height: 30px; padding-right: 40px; }
.travel-parking div.travel { background: url('../img/icons-misc/icon-travel.png') no-repeat top 20px right 20px; background-size: 30px; }
.travel-parking div.parking { background: url('../img/icons-misc/icon-parking.png') no-repeat top 20px right 20px; background-size: 30px; }

/* Embedded Google Map */

div.wpgmp_map_container { height: 100%; }
div.wpgmp_map_parent { margin-bottom: 0; height: 100%; }

.wpb_gmaps_widget .wpb_wrapper { padding: 0 !important; overflow: hidden; width: 100%; height: 100%; position: relative; }
.wpb_gmaps_widget .wpb_map_wraper { width: 100%; height: 300px; position: relative; margin: 0; padding: 0; }
.wpb_gmaps_widget.wpb_content_element { margin-bottom: 0 !important; width: 100%; height: 100%; position: relative; }
.gmap .wpb_wrapper { margin: 0 !important; width: 100%; height: 100%; position: relative; }
.wpb_gmaps_widget .wpb_map_wraper iframe { width: 100% !important; height: 100% !important; }

div.gmap.fixed-right { margin-right: 0 !important; background-color: #EEE; overflow: hidden; height: 500px; position: relative; }

div.gmap.fixed-right .wpgmp_map { height: 300px !important; }

/* GOOGLE MAP ACF */

.acf-map { width: 100%; height: 100%; border: 0; margin: 0; position: relative; display: block; }
.acf-map img { max-width: inherit !important; } /* Fixes potential theme css conflict */

#location-map iframe + div { border:none!important; }
#map iframe + div { border:none!important; }

.split-wrapper { width: 100%; display: block; overflow: hidden; position: relative; }
.split-inner { width: 100%; max-width: 85%; padding: 0; margin: 0 auto; }
.split-text-left { width: 100%; padding: 40px 0 0 0; }
.split-image { width: 100%; height: 100%; min-height: 300px; display: block; overflow: hidden; margin-bottom: 40px; }

div.gm-style .gm-style-iw-d { overflow: hidden !important; }
div.gm-style .gm-style-iw-c { padding: 0 !important; width: 180px !important; }
div.gm-style .gm-style-iw-c h3 { font-size: 16px !important; line-height: 20px !important; margin-bottom: 5px !important; padding: 0 10px !important; }
div.gm-style .gm-style-iw-c p { font-size: 12px !important; line-height: 16px !important; padding-bottom: 10px !important; padding: 0 10px 15px 10px !important; }
div.gm-style .gm-style-iw-c img { margin-bottom: 10px !important; }
div.gm-style-iw.gm-style-iw-c button.gm-ui-hover-effect { top: -5px !important; right: 10px !important; }
div.gm-style-iw.gm-style-iw-c button.gm-ui-hover-effect span { background-color: #FFF !important; width: 30px !important; height: 30px !important; }

div.gm-style div.gm-style-iw-chr { position: absolute !important; }

div.gm-style a:hover h3 { color: #29abdd !important; }

.entry-content img { margin: 0 !important; }

/* LOCATIONS MAP */

#header-holder.map-page { height: 60vh; }

#location-map { height: 60vh; margin: 0; padding: 0; }
#location-map .wpgmp_map { height: 60vh !important; margin: 0; padding: 0; }

#location-map .wpgmp_map_parent { margin: 0 !important; }

.map-locations .wpb_column.vc_column_container.vc_col-sm-12 { margin: 0 !important; padding: 0 !important; }
.map-locations .wpgmp_map { height: 75vh !important; margin: 0 !important; padding: 0 !important; }

#map-controls.vc_section {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dddddd+0,eeeeee+100 */
background: #dddddd !important; /* Old browsers */
background: -moz-linear-gradient(left,  #dddddd 0%, #eeeeee 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #dddddd 0%,#eeeeee 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #dddddd 0%,#eeeeee 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#eeeeee',GradientType=1 ) !important; /* IE6-9 */
}

#map-controls { height: 13vh; overflow: visible !important; margin-top: -30px; }
#map-controls .map-controls-inner { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: center; padding: 15px 0; }
#map-controls .map-controls-inner .item { flex-grow: 1; margin: 0 5px; }
#map-controls .map-controls-inner .item:first-child { margin-bottom: 10px; }

#map-controls .search { width: 100%; position: relative; display: flex; }
#map-controls .searchTerm { width: 100%; border: 1px solid #2aacd6; border-right: none; margin: 0; padding: 10px; height: 40px; border-radius: 5px 0 0 5px; outline: none; color: #666; line-height: 15px; }
#map-controls .searchTerm:focus{ color: #2aacd6; }
#map-controls .searchButton { width: 40px; height: 40px; border: 1px solid #2aacd6; background: #2aacd6; text-align: center; color: #fff; border-radius: 0 5px 5px 0; cursor: pointer; font-size: 20px; }
#map-controls .wrap { width: 30%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* MAP CONTROLS NEW */

#location-map { height: calc(100vh - 70px) !important; }

#gmap-controls { width: 100%; overflow: hidden; background-color: #EEE; }
#gmap-controls .gmap-controls-inner { width: 85%; margin: 0 auto; padding: 0; }

#gmap-controls .gmap-controls-inner .show-filters-btn { margin-top: -80px; background-color: #333 !important; position: absolute; }
#gmap-controls .gmap-controls-inner .show-filters-btn.active { margin-top: -80px; }
#gmap-controls .gmap-controls-inner .show-filters-btn:hover { background-color: #666 !important; }

#gmap-controls .gmap-controls-inner .grid-filters { 
    margin: -250px 0 0 0 !important;
    display: none;
    position: absolute;
    background: #EEE;
    padding: 15px;
    width: 85%;
    max-width: 400px;
    z-index: 100;
    box-shadow: 2.6px 5.3px 5.3px hsl(0deg 0% 0% / 0.42);
}
#gmap-controls .gmap-controls-inner .grid-filters .filter-button { padding: 5px 15px; font-size: 14px; line-height: 20px; }

/* LOCATIONS INFO WINDOW */

div.wpgmp_infobox { width: 200px !important; margin-left: 50px; }
div.wpgmp_infowindow.fc-item-acerra { width: 200px !important; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

div.fc-item-acerra div.fc-itemcontent-padding { padding: 5px 15px !important; }
div.fc-item-acerra .fc-item-title a { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
div.fc-item-acerra:hover .fc-item-title a { color: #2aacd6 !important; }

div.fc-item-acerra img.wp-post-image { max-width: 120% !important; }
div.fc-item-acerra img.wp-post-image { width: 100%; margin: -40px 0 0 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
div.fc-item-acerra img.wp-post-image:hover { width: 105% !important; margin: -50px 0 0 -5px; }

div.infowindow-close { 
  background: url(img/icons-png/icon-cross.png) no-repeat center !important; 
  background-size: 15px !important; 
  background-color: #29abdb !important; 
  padding: 5px !important; 
  height: 30px !important; width: 30px !important; 
  border-radius: 50px; -webkit-border-radius: 50px; 
}

/* CATEGORY - GRID LOCATIONS */

#locations-grid { clear: both; }


/* ///////////////////////////////////////////// SEE MORE ///////////////////////////////////////////// */

#see-more { background-color: #EEE !important; }

.see-more-inner { padding: 40px 0; display: block; overflow: hidden; }

#see-more .more-title { float: left; display: block; font-size: 20px; line-height: 30px; margin-bottom: 0; color: #222; padding: 10px 0 10px 30px; background: url('../img/icons/icon-map.svg') no-repeat center left; background-size: 20px; }

#see-more .post-categories { float: left; display: none; font-size: 20px; line-height: 30px; padding: 13px 0 10px 20px; }
#see-more .post-categories li { font-size: 20px; line-height: 20px; color: #29abdd; }
#see-more .post-categories li a { font-size: 20px; line-height: 20px; color: #31b095; }
#see-more .post-categories li a:hover { color: #29abdd; }

.btn { 
  padding: 10px 20px 10px 40px; border-radius: 100px; -webkit-border-radius: 100px; 
  color: #FFF !important; font-size: 16px; line-height: 16px; text-align: right; text-decoration: none; display: block; 
  background: url('../img/icons/icon-map.png') no-repeat left 15px center; background-size: 15px; background-color: #222; 
}

#see-more .btn { float: right; display: inline-block; }

/* RELATED POSTS - CATEGORY GRID - CUSTOM FUNCTION */

#cat-grid { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 5px; width: 100%; height: auto; overflow: hidden; padding: 20px 0; }
#cat-grid .cat-item { width: 31%; height: 140px; overflow: hidden; text-decoration: none; position: relative; background-size: 150%; background-position: center; background-repeat: no-repeat; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-radius: 10px; }
#cat-grid .cat-item h5 { position: absolute; z-index: 100;  bottom: 0; left: 0; padding: 10px; color: #FFF !important; margin: 0; }
#cat-grid .cat-item .bkg { 
	width: 100%; height: 100%; display: block; 
	opacity: 1; -webkit-opacity: 1; 
	-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; 
background: rgb(17,17,17); background: linear-gradient(90deg, rgba(17,17,17,0.2) 0%, rgba(51,51,51,0.3) 100%);
}
#cat-grid .cat-item:hover { background-size: 160%; }
#cat-grid .cat-item:hover .bkg { opacity: 1; -webkit-opacity: 1; background-color: rgba(0,0,0,0.7); }

/* MEDIA SECTION */

.media-col-container { width: 100%; display: flex; justify-content: space-between; align-content: flex-start; gap: 10px; }

.media-col { width: 50%; height: auto; }

/* VIDEO SECTION */

#video .video-inner { padding: 40px 0; display: block; overflow: hidden; display: flex; flex-wrap: wrap; gap: 30px; }
#video .vc_column-inner:first-child { padding: 0; }

#video .video-container { width: 100%; display: block; }
#video .video-caption { width: 100%; display: block; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; display: block; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; overflow: hidden; }

#video p { color: #666; }
#video .ti-video-camera { color: #2bacd0; font-size: 50px; }
#video .vcg-icon { margin-bottom: 15px; }
#video .video-caption { display: block; overflow: hidden; margin: 30px 0 0 0; }

/* GALLERY */

.gallery-inner { padding: 40px 0; display: block; overflow: hidden; margin: 0 auto; max-width: 85%; }

#gallery .vc_row {
    left: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.thumbnails { display: flex; flex-wrap: wrap; }
.thumbnails a { height: 100px; margin: 1px; overflow: hidden; }
.thumbnails img { height: 100%; object-fit: cover; transition: transform .3s; }
.thumbnails a:hover img { transform: scale(1.05); }

.thumbnails.grid a { width: calc(20% - 4px); }
.thumbnails.grid a.double{ width: calc(50% - 4px); }
.thumbnails.grid img { width: 100%; }

.thumbnails.masonry a { flex-grow: 1; }
.thumbnails.masonry img { min-width: 100%; } 

.sh-footer p { font-size: 14px; line-height: 20px; }

p.widget-description { text-align: left; }

/* SIMPLE WEATHER */

.simple-weather { margin-bottom: 20px; padding: 15px; border-radius: 5px; background: #f5f5f5; display: block; }

/* APP PROMO */

.app-promo { display: block; margin: 0; padding: 15px 15px 15px 60px; border-radius: 5px; background: url('../img/icons-misc/icon-app.png') no-repeat left 15px center; background-size: 35px; background-color: #2dadbc; }
.app-promo h5 { color: #FFF; font-size: 18px; line-height: 25px; margin: 0; font-family: "Plus Jakarta Sans", "helvetica nenu", helvetica, arial, sans-serif !important; font-style: normal; font-weight: 400 !important; }
.app-promo:hover { background-color: #34b27e; }

/* FORMS */

.box { border-radius: 10px; }

.nf-form-content { margin-top: 30px; }

.nf-field-container { margin: 20px 0; }

.listcheckbox-wrap { padding: 20px 0; clear: both; display: block; }

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    background: #FFF !important;
    border: 1px solid #c4c4c4;
    border-radius: 10px !important;
    box-shadow: none;
}

.ninja-forms-field.submit.nf-element { 
  background: rgb(44,173,194) !important;
  background: linear-gradient(90deg, rgba(44,173,194,1) 0%, rgba(52,178,126,1) 100%) !important;
  color: #FFF !important;
  border-radius: 10px;
  padding: 10px 20px; 
 }

.business-types { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 30px; }
.business-types img { width: 10%; height: auto; display: block; margin: 0; }

.sh-iconbox { margin-bottom: 30px !important; }
.sh-iconbox h3 { margin: 10px 0 0 0 !important; padding-top: 10px !important; }
.sh-iconbox-left .sh-iconbox-aside { padding-left: 50px !important; }


/* ///////////////////////////////////////////// FOOTER ///////////////////////////////////////////// */

.sh-footer-widgets { padding: 40px 0 40px 0; }

.footer-logos { display: block; clear: both; margin: 30px 0 0 0; overflow: hidden; }

.footer-logos a { width: 60px; height: 80px; display: inline-block; float: left; margin: 0 20px 0 0; }
.footer-logos a.wide { width: 120px; }
.footer-logos a.wide img { padding-top: 10px; }

.footer-logos a img { width: 100%; height: auto; display: block; }

.sh-copyrights p { text-align: center; display: block; clear: both; margin-top: 20px; color: #CCC; font-size: 12px; line-height: 18px; }
/* .sh-copyrights p a { font-size: 12px !important; line-height: 18px !important; } */

.sh-footer h3.widget-title { color: #FFF !important; }

.sh-footer-widgets { 
  background: #111 !important;
  /* background: rgb(44,173,194) !important;
  background: linear-gradient(90deg, rgba(44,173,194,1) 0%, rgba(52,178,126,1) 100%) !important;  */
}
.sh-footer .sh-copyrights a, .sh-footer .sh-copyrights .sh-nav li.menu-item a {  }
.sh-footer-widgets { border-bottom: none;  }

.sh-blog-style2 .sh-recent-posts-widgets-count { display: none !important; }

.sh-footer .sh-copyrights-text { font-size: 14px; line-height: 20px; color: #CCC; }

.sh-footer .sh-copyrights a { color: #FFF; border: 0 !important; }

/* .sh-footer .sh-copyrights-social a i { padding: 5px; background-color: #FFF; border-radius: 100%; } */

#nav_menu-2 ul li { width: 47%; display: inline-block; float: left; }

footer.sh-footer .sh-footer-widgets ul li { 
	font-size: 14px !important; 
	line-height: 20px !important;
	padding: 10px !important; 
	margin: 0 5px 5px 0  !important;
	color: #555 !important; 
	background-color: rgba(255,255,255,0.05); 
	border-radius: 5px; -webkit-border-radius: 5px; 
}

footer.sh-footer .sh-footer-widgets ul li:hover { background-color: rgba(255,255,255,0.1); }
footer.sh-footer .sh-footer-widgets ul li:hover a { color: #2bacd0 !important; }

footer.sh-footer ul li a { 
	font-family: "Plus Jakarta Sans", "helvetica nenu", helvetica, arial, sans-serif !important;
    font-size: 14px; line-height: 18px;
}

footer.sh-footer .post-meta-categories a { font-size: 10px !important; }

.sh-recent-posts-widgets-item { margin-bottom: 0px !important; }

/* BLOG */

.sh-titlebar .title-level .breadcrumbs { text-align: center; }

.post-meta.post-meta-one { display: none !important; }

.post-meta-categories a { text-transform: none; color: #666; }

.masonry-shadow .post-item .post-container { border-radius: 10px; overflow: hidden; }

.masonry-shadow .post-item .post-container { border-radius: 10px; overflow: hidden; }

.blog-style-large .post-title h1 { font-size: 40px; line-height:50px; background: rgb(17,17,17); background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(51,51,51,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.box-blog { display: block; overflow: hidden; }
.box-blog p { font-size: 16px !important; line-height: 24px !important; margin-bottom: 0 !important; }
.box-blog .wp-block-image { width: 100% !important; clear: both !important; overflow: hidden !important; }
.box-blog .wp-block-image img { width: 100% !important; height: auto !important; display: block; }
.box-blog .wp-block-image .alignleft { margin: 0 0 .5em 0 !important; }
.box-blog .wp-block-heading { padding-top: 10px !important; }

#sidebar .widget-item .widget-title { border-bottom: 2px solid #666; padding-bottom: 10px; }
#sidebar .menu-blog-sidebar-container .menu-item { padding: 10px 0; border-bottom: 1px solid #EEE; }
#sidebar .menu-blog-sidebar-container .menu-item a { font-family: "Plus Jakarta Sans Bold", "helvetica nenu", helvetica, arial, sans-serif !important; }
#sidebar .menu-blog-sidebar-container .menu-item a:hover { color: #2cadc1; }

#sidebar .sh-blog-style2 .widget_search .search-submit { background-color: #222 !important; }
#sidebar .sh-blog-style2 .widget_search .search-submit i { color: #FFF !important; }

/* BRAVE POPUP */

.brave_popup__step__popup .brave_element--text .popup-heading {
  font-family: "Plus Jakarta Sans Bold", "helvetica nenu", helvetica, arial, sans-serif !important;
  color: #333;
} 
.brave_popup__step__popup .brave_element--text .popup-desc {
  font-family: "Plus Jakarta Sans", "helvetica nenu", helvetica, arial, sans-serif !important;
}   

/* GO MAPS */
.wpgmza_map .gm-style-iw-d p.wpgmza_infowindow_title { 
  font-family: "Plus Jakarta Sans Bold", "helvetica nenu", helvetica, arial, sans-serif !important;
  color: #333; font-weight: 600 !important;
}
.wpgmza_map .gm-style-iw-d div.wpgmza_infowindow_description { display: none !important; }


/* USER REGISTRATION */

.user-registration { border: 0 !important; }
.user-registration .btn { display: inline-block; margin-left: 10px; background-image: none; }

.ur-frontend-form .user-registration-multi-part-indicator.progress .user-registration-progressbar-status .user-registration-multi-part-indicator-title {
    font-family: "Plus Jakarta Sans Extra Bold", "helvetica nenu", helvetica, arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    letter-spacing: -0.01em; 
    font-size: 30px; line-height: 40px;
}

.ur-frontend-form .user-registration-multi-part-indicator {
    height: auto !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* LISTING PAGE */

/* ////////////////////////////// NICE SELECT STYLES ///////////////////////////////// */

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 2px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #2aacd6; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #2aacd6; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f6f6; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }

/* LISTING TABLE */

.listing-table-inner { max-width: 85%; margin: 0 auto; }

.location_listing1 { display: none !important; }

.location_pagination1 { display: none !important; }

.listing-table { margin: 50px 0; }

.listing-table table { width: 100% !important; }

.listing-table table thead tr { background-color: #222 !important; color: #FFF !important; font-weight: bold; }
.listing-table table thead th { color: #FFF !important; font-weight: bold; }

.listing-table .pagination a { padding: 5px 10px 3px 10px; background-color: #EEE; border-radius: 5px; -webkit-border-radius: 5px; }

.listing-table .pagination a.next.page-numbers, .listing-table .pagination a.prev.page-numbers { background-color: #333; color: #FFF; text-transform: uppercase; font-size: 14px; padding: 7px 10px; }

.page-numbers.current { padding: 5px 10px; background-color: #000; color: #FFF; border-radius: 5px; -webkit-border-radius: 5px; }

.listing-table form { margin-bottom: 40px; }

.listing-table select { width: 100%; display: inline-block; margin: 0 10px 10px 0; color: #000; border-radius: 5px;background-color: #EEE; padding: 0 10px; font-size: 14px !important; line-height: 40px !important; }
.listing-table select option { font-size: 16px !important; line-height: 44px !important; }


.listing-table input {
    border: 0; color: #FFF;
    padding: 14px 60px 14px 15px;
    border-radius: 10px;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    background: url('../img/icons/filter.png') no-repeat right 15px center !important;
    background-size: 25px !important;
    background-color: #333 !important;
    font-size: 14px; line-height: 14px;
    margin: 0 10px 10px 0;
}

.listing-table input[type=text] {
    border: 0; color: #333;
    padding: 12px 60px 12px 15px;
    border-radius: 10px;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    background: url('../img/icons/search.png') no-repeat right 15px center !important;
    background-size: 25px !important;
    background-color: #EEE !important;
    font-size: 14px; line-height: 14px !important;
    margin: 0 10px 10px 0;
}

.listing-table input[type=text]:hover { background-color: #CCC !important; }

.listing-table button {
    border: 0; color: #FFF;
    padding: 14px 60px 14px 15px;
    border-radius: 10px;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    background: url('../img/icons/icon-reset.png') no-repeat right 15px center !important;
    background-size: 25px !important;
    background-color: #333 !important;
    font-size: 14px; line-height: 14px;
    margin: 0 10px 10px 0;
}

.listing-table button:hover, .listing-table input:hover { background-color: #000 !important; }

.listing-table table td, .listing-table table th { padding: 5px !important; font-size: 14px; }

.listing-table table td:first-child { color: #333; font-weight: bold; }

.listing-table select {
  background-image:
    linear-gradient(45deg, transparent 50%, #FFF 50%),
    linear-gradient(135deg, #FFF 50%, transparent 50%),
    linear-gradient(to right, #333, #333);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    3em 3em;
  background-repeat: no-repeat;
}

.listing-table select:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    3em 3em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}

/* Listing Table Responsive */

.listing-table table { width: 100%; border-collapse: collapse; margin-bottom: 15px; display: block; border: 0 !important; border-spacing:0; border-collapse: collapse; }
.listing-table thead { display: none; }
.listing-table tbody, th, td, tr { display: block; }
.listing-table tr { border: 1px solid #ccc; margin-bottom: 15px; border-radius: 8px; overflow: hidden; }
.listing-table td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; text-align: left; }
.listing-table td::before { 
    content: attr(data-label); 
    position: absolute; 
    left: 0; 
    width: 50%; 
    padding-left: 10px; 
    font-weight: bold; 
    text-align: left; 
    white-space: nowrap; 
    color: #666;
    font-size: 12px;
    margin-top: 2px;
}

.listing-table table th { padding-left: 10px !important; font-weight: bold; }
.listing-table table td { text-align: right; padding-left: 10px !important; padding-right: 10px !important; }
.listing-table table td:first-child { width: 100%; display: inline-block; background: #f4f4f4; border-bottom: 1px solid #222 !important; text-align: left; font-weight: bold; background: url('../img/icon-wreck-grey.png') no-repeat right 10px center; background-size: 25px; }
.listing-table table td:first-child a { font-weight: bold; display: block; }

.listing-table table td h5 { margin: 0; padding: 3px 0; }
.listing-table table td a:hover { cursor: pointer; }

#depth-range-slider {
    width: 20%;
    margin: 20px 0;
    display: inline-block;
    margin: 0 40px !important;
}

#depth-range-slider .noUi-connect {
    background: #2ba8e0 !important;
}


#depth-range-slider .value-display {
    position: absolute;
    top: -30px; /* Adjust based on your design */
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
}



/* EMBEDDED VIDEO NEW */

.embedded-video {
    margin: 20px 0;
}

.embedded-video iframe {
    width: 100%;
    height: 400px; /* Adjust height as needed */
}



/* ////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////// RESPONSIVE STYLING /////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (min-width: 1px) {

    .vc_row .vc_column_container { padding: 0; }

    #banner { height: 300px; }
    #banner.short { height: 200px; }

	.vc_grid-container.vc_media_grid.small .vc_grid-item { width: 25%; display: inline-block; float: left; }

	body p { font-size: 18px; line-height: 26px; }

    body.sh-blog-style2 .content-container.sh-page-layout-default { padding: 60px 0 !important; }
    body.page-category .content-container.sh-page-layout-default { padding: 0 !important; }
    body.page-location .content-container.sh-page-layout-default { padding: 0 !important; }
    body.page-map .content-container.sh-page-layout-default { padding: 0 !important; }
    body.page-standard .content-container.sh-page-layout-default { padding: 0 !important; }

}



/* //////////////////////////////// LARGE MOBILE //////////////////////////////// */  

@media screen and (min-width: 480px) {

	.title-area h1 { font-size: 40px; line-height: 50px; }
	
	.home-cats a { width: 30%; }

    .home-cats-new a { width: 48%; padding: 15px 15px; }
    .home-cats-new a img { width: 50px; height: auto; }
    .home-cats-new a span { font-size: 20px; line-height: 30px; }

}

/* //////////////////////////////// LARGE MOBILE //////////////////////////////// */  

@media screen and (min-width: 600px) {

    #banner-category .cat-icon { display: inline-block; width: 50px; height: 50px; margin-bottom: 0;}
    #banner-category h1 { width: 80%; }

    .icons-grid ul li { display: inline-block; width: 49%; font-size: 14px; line-height: 18px; }
	
    #cat-grid .cat-item { display: inline-block; width: 31%; height: 150px; }
	
    #locations-grid { clear: both; width: 100%; }
	
    .title-area.category-page .cat-icons { display: block; }

    #nav_menu-2 ul li { width: 49%; }

    span.dial { font-size: 30px !important; }

}

/* //////////////////////////////// MOBILE ONLY //////////////////////////////// */ 

@media screen and (max-width: 799px) {

  body.homepage .vc_column_container > .vc_column-inner { padding-left: 25px; padding-right: 25px; }

  #intro .intro-inner { padding-left: 40px !important;}

  .container { max-width: 80% !important; }

  .gallery-inner { max-width: 85%; }

}

/* //////////////////////////////// IPAD PORTRAIT //////////////////////////////// */  

@media screen and (min-width: 800px) {

    #banner { height: 400px; }
    #banner.short { height: 250px; }
	
    #header-holder.banner { height: 60vh; }
    #header-holder.category-page { height: 450px; }
    #banner-cat { height: 450px; }

	#title.vc_section.title-area { padding-top: 30px; padding-bottom: 30px; }

    .title-area a.more { top: 0; }

    .title-area .title-right { display: block; }
    .title-area.category-page .cat-icons .tag { width: 60px; height: 60px; }

	.title-area .wpb_column.vc_column_container { padding: 0 !important; }

    .home-features .wpb_column.vc_column_container.vc_col-sm-3 { width: 25% !important; padding-top: 20px; padding-bottom: 20px; }

    .vc_row.wpb_row.fixed-row { padding-top: 0 !important; padding-bottom: 0 !important; }
	
    .wpb_column.vc_column_container.fixed-right { position: absolute; right: -15px; height: 100%; padding: 0 !important; width: 28%; margin-left: 0; }
    .wpb_column.vc_column_container.fixed-left { position: absolute; left: -15px; height: 100%; padding: 0 !important; width: 28%; margin-right: 0; }
	
    .vc_row.wpb_row.fixed-row .vc_column_container.fixed-text { padding-top: 40px !important; padding-bottom: 40px !important; margin-bottom: 0 !important; }
	
    .wpb_column.vc_column_container.fixed-left { width: 31%; }
    .wpb_column.vc_column_container.fixed-right { width: 31%; }

	.title-group { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; align-items: flex-end; }
	.title-group .item { order: 0; }
	.title-group .title-left { width: auto; clear: none; flex-grow: 2; }
	.title-group .title-right { width: auto; clear: none; }
    .title-area.category-page .title-group .title-right {  }

    .title-area h1 { font-size: 40px; line-height: 50px; }
    .title-area.category-page h1 { font-size: 50px; line-height: 60px; }

	.title-area a.more { width: 50px; height: 50px; position: relative; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
	.title-area a.more:hover { width: 60px; height: 60px;  margin-top: -2px; }

	.title-area .cat-icons { }
	.title-area .cat-icons .tag { width: 50px; height: 50px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
	.title-area .cat-icons .tag:hover { width: 60px; height: 60px; margin-top: -2px; }

    .icons-grid ul li { display: block; width: 100%; }

    #video .video-inner { flex-wrap: nowrap; }

    #banner-gradient h1 { font-size: 40px; line-height: 50px; padding-left: 70px; padding-top: 20px; background-size: 60px !important; background-position: left center !important; }

    #banner-category { padding-top: 200px; padding-bottom: 60px; }
    #banner-category .cat-icon { width: 60px; height: 60px; }
    #banner-category h1 { font-size: 50px; line-height: 60px; }

    #banner-gradient .wpb_text_column.wpb_content_element { padding-top: 60px; }
    .total-pages { bottom: 120px; right: 20px; }

	.wpb_column.vc_column_container.fifty-text-left { padding: 40px 20px !important; }
    .wpb_column.vc_column_container.fifty-text-right { padding: 40px 20px !important; }

    .wpb_column.vc_column_container.fifty-text-left { padding-left: 5% !important; padding-right: 2% !important; }
    .wpb_column.vc_column_container.fifty-text-right { padding-left: 2% !important; padding-right: 5% !important; }

    .wpb_gmaps_widget .wpb_map_wraper { height: 100%; }
    div.gmap.fixed-right .wpgmp_map { height: 100% !important; }
	
    #header-holder.banner { height: 60vh; }
    #header-holder.map-page { height: 60vh; }
    #location-map { height: 60vh; }
	
    #map-controls { height: 130px; margin: -10px 0 0 0; }
    #map-controls .map-controls-inner { flex-wrap: nowrap; align-items: center; padding: 45px 0; }
    #map-controls .map-controls-inner .item { margin: 0 20px; }
    #map-controls .map-controls-inner .item:first-child { margin-bottom: 0; }
	
    #cat-grid .cat-item { display: inline-block; width: 32%; height: 150px; }
	
    .sh-copyrights p { text-align: right; }
	
    .footer-logos a { width: 60px; height: 80px; }
    .footer-logos a.wide { width: 120px; }
	
    .home-cats a { width: 15%; }

    .home-intro h1 { font-size: 40px; line-height: 50px; }
    .home-intro h2 { font-size: 25px; line-height: 35px; }

    .home-cats-new a { width: 48%; padding: 20px 15px; }
    .home-cats-new a img { width: 50px; height: auto; }

    .inspiration-btn { display: inline-block; }

    .sh-titlebar .title-level .breadcrumbs { text-align: right; }

    .box-blog .wp-block-image { width: 30% !important; clear: none !important; float: left !important; }
    .box-blog .wp-block-image .alignleft { margin: 0 1em .5em 0 !important; }

    #gmap-controls .gmap-controls-inner { }

    #gmap-controls .gmap-controls-inner .show-filters-btn { 
        display: inline-block !important; 
        margin-top: -80px;
        background-color: #333 !important;
        position: absolute;
    }
    #gmap-controls .gmap-controls-inner .show-filters-btn.active { margin-top: -80px; }

    #gmap-controls .gmap-controls-inner .grid-filters { 
        margin: -250px 0 0 0 !important;
        display: none;
        position: absolute;
        background: #EEE;
        padding: 15px;
        width: 400px;
        z-index: 100;
    }
    #gmap-controls .gmap-controls-inner .grid-filters .filter-button { padding: 5px 15px; }

    .listing-table select, .listing-table input[type=text] { width: 18%; display: inline-block; }
    .listing-table table td, .listing-table table th { padding: 5px 10px !important; font-size: 14px; }

    /* Listing Table Responsive */

    .listing-table table { display: table; border: 1px solid #EEE; }
    .listing-table table thead { display: table-header-group; }
    .listing-table table tbody { display: table-row-group; }
    .listing-table table th, td { display: table-cell; border: 1px solid #ccc; text-align: left; padding: 8px; font-size: 14px; }
    .listing-table table tr { display: table-row; border: none; margin-bottom: 0; }
    .listing-table table td { border-bottom: none; padding-left: 8px; text-align: left; position: static; }
    .listing-table table td::before { content: none; }

    .listing-table table th { width: 100%; display: table-cell; white-space: nowrap; text-align: left; }
    .listing-table table td { width: 100%; display: table-cell; white-space: nowrap; text-align: left; }
    .listing-table table td:first-child { display: table-cell; white-space: nowrap; border-bottom: 1px solid #EEE !important; background: url('../img/icon-wreck-grey.png') no-repeat left 10px center; background-size: 25px; padding-left: 50px !important; }

    .listing-table table tr:nth-child(odd) { background-color: #FFF; }
    .listing-table table tr:nth-child(even) { background-color: #F4F4F4; }

    .listing-table table td:nth-child(4), .listing-table table th:nth-child(4) { display: none; }
    .listing-table table td:nth-child(5), .listing-table table th:nth-child(5) { display: none; }
    .listing-table table td:nth-child(6), .listing-table table th:nth-child(6) { display: none; }

}

/* //////////////////////////////// IPAD WIDER //////////////////////////////// */  

@media screen and (min-width: 780px) {



}

/* //////////////////////////////// FOOTER ISSUE WITH COLUMNS //////////////////////////////// */  

@media screen and (min-width: 900px) and (max-width: 1250px) {

    .sh-footer .sh-footer-columns > .widget-item:last-child { display: none; }
    .sh-footer .sh-footer-columns > .widget-item { width: 33% !important; }

    #nav_menu-2 ul li { width: 47%; }

    .sh-footer .sh-footer-widgets h3 { font-size: 20px !important; }

}


/* //////////////////////////////// LAPTOP //////////////////////////////// */  

@media screen and (min-width: 960px) {

	#page-container .container { max-width: 850px !important; }

    .sh-header ul.sh-nav li.menu-item ul.sub-menu { background: #FFF !important; }

    .sh-header ul.sh-nav li.menu-item ul.sub-menu li a { padding-top: 5px !important; font-size: 18px; line-height: 25px; }

    header .sh-nav > li.menu-item ul, .sh-header-left-side .sh-nav > li.menu-item ul, .sh-header-mobile-dropdown, .locations-grid-inner, .gmap-controls-inner, .gallery-inner, .listing-table-inner { border-radius: 10px; -webkit-border-radius: 10px; margin-top: 10px; }

    .current-page-ancestor { color: #29abdd !important; }
    .menu-item.menu-item-type-post_type.menu-item-object-page.current-page-ancestor a { color: #FFF !important; }

    #menu-header-navigation li.menu-item.current_page_item ul.sub-menu li a { color: #2bacd0 !important; }

    .sh-header.sh-sticky-header.sh-sticky-header-active #menu-header-navigation li.menu-item.current_page_item a { color: #2bacd0 !important; }

	.title-area h1 { font-size: 40px; line-height: 50px; }
	.title-area .title-right {  }
	.title-group { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-end; }
	.title-group .item { order: 0; }
	.title-group .title-left { width: auto; clear: none; flex-grow: 2; }
	.title-group .title-right { width: auto; clear: none; padding: 0 0 10px 0; }
    .category-page .title-group .title-right { padding: 0; }

    .title-area a.gps { display: block; } 

	.title-area a.more { width: 50px; height: 50px; position: relative; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
	.title-area a.more:hover { width: 60px; height: 60px; margin-top: -10px; }

	.title-area .cat-icons { display: inline-block; }
	.title-area .cat-icons .tag { width: 50px; height: 50px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
	.title-area .cat-icons .tag:hover { width: 55px; height: 55px; margin-top: -10px; }
    .category-page.title-area .cat-icons .tag { width: 70px !important; height: 70px !important; margin-top: -5px; }

    .title-area .title-group .title-right { position: relative; bottom: 0; }
    .title-area .featured-image { width: 120px; height: 120px; }

	.icons-grid ul li { display: inline-block; width: 50%; float: left; font-size: 14px; line-height: 20px; }

    #banner-gradient .wpb_text_column.wpb_content_element { padding-top: 80px; }

	.wpb_column.vc_column_container.fifty-text-left { padding-left: 6% !important; padding-right: 6% !important; }
	.wpb_column.vc_column_container.fifty-text-right { padding-left: 6% !important; padding-right: 6% !important; }

	.icons-grid { padding: 20px; }

	body h2 { font-size: 35px; line-height: 45px; }
    body h3 { font-size: 25px; line-height: 35px; }
    body h4 { font-size: 20px; line-height: 30px; }
	body p { font-size: 16px; line-height: 25px; }

    .thumbnails.grid a { width: calc(10% - 4px); }
    .thumbnails.grid a.double { width: calc(100% - 4px); height: 120px; }

    .sh-footer .sh-footer-widgets h3 { font-size: 20px !important; }
    .sh-blog-style2 .sh-recent-posts-widgets-item-content h6 { font-size: 14px !important; line-height: 18px; }

    #nav_menu-2 ul li { width: 48%; }

    .stats div span { float: right; text-align: right; display: inline-block; }

    .yes-no div { width: 15%; } 

    .links div a { clear: none; display: inline-block; float: right; font-size: 16px; line-height: 25px; }

}

/* //////////////////////////////// DESKTOP //////////////////////////////// */  

@media screen and (min-width: 1026px) {

    span.dial { font-size: 35px !important; }

	#page-container .container { max-width: 950px !important; }

	.wpb_column.vc_column_container.fifty-text-left { padding-left: 10% !important; padding-right: 2% !important; }
	.wpb_column.vc_column_container.fifty-text-right { padding-left: 2% !important; padding-right: 10% !important; }

    .sh-header-top { min-height: 30px !important; padding: 0 !important; }
    .sh-header .sh-nav li.menu-item a { font-size: 16px !important; }

    .sh-header ul.sh-nav li.menu-item a { padding-top: 0 !important; padding-bottom: 0 !important; line-height: 70px !important; }
    .sh-header ul.sh-nav li.menu-item ul li a { line-height: 30px !important; }

    .sh-header ul#menu-header-navigation.sh-nav li.menu-item.cta a { 
      padding: 10px 15px; 
      background-color: #FFF; 
      color: #2daeb9 !important; 
      border-radius: 10px; 
      line-height: 40px !important; 
      margin-top: 15px;
    }

    .sh-header-top .header-social-media { float: right; margin: 7px 30px 0 0; }

	#banner { height: 500px; }
    #banner.short { height: 300px; }

    h2 { margin: 0 0 30px 0; }

	.sh-copyrights-info { font-size: 14px; }

	#menu-footer { }

	.sh-header-top { 
	   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#29abde+0,39b54d+100 */
	   background: #29abde; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	   background: -webkit-linear-gradient(left, #29abde 0%, #39b54d 100%);
	   background: -o-linear-gradient(left, #29abde 0%, #39b54d 100%);
	   background: linear-gradient(to right, #29abde 0%, #39b54d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29abde', endColorstr='#39b54d',GradientType=1 ); /* IE6-9 */
	}
	
	header.primary-desktop ul#menu-topbar-navigation { float: left; margin: 0 0 0 100px; }
	header.primary-desktop ul#menu-topbar-navigation li { float: left; list-style-type: none; padding-left:0;}
	header.primary-desktop ul#menu-topbar-navigation li.menu-item a { color: #FFF !important; }

	header.primary-desktop .header-contacts { float: right; margin-top: 6px; display: block; color: #FFF !important; }
	header.primary-desktop .header-contacts .header-contacts-details a{ color: #FFF !important; }
	
	/* 360 Pages */

    #title .title-group, #intro .intro-wrapper, #see-more .see-more-inner, #video .video-inner, .split-inner, .banner-cat-inner, .locations-grid-inner, .gmap-controls-inner, .gallery-inner, .listing-table-inner { max-width: 950px; }

    .hint-container { height: 80vh; }
	
	#vr-360-row { height: 100%; }
    #header-holder { height: 80vh; }
    #header-holder.banner { height: 60vh; }

	.title-area .wpb_text_column.wpb_content_element { margin: 0 !important; }

    .title-group .title-right { padding: 0 0 15px 0; }
	.title-area a.more { width: 60px; height: 60px; }
	.title-area a.more:hover { width: 70px; height: 70px;  }

    ul.post-categories li a { font-size: 16px; line-height: 20px; padding: 10px; } 

	.title-area h1 { font-size: 50px; line-height: 50px !important; }
    .title-area.category-page h1 { font-size: 60px; line-height: 70px; }

    .title-area .sep { margin: 20px 0; }

	.title-area .cat-icons {  }
	.title-area .cat-icons .tag { width: 70px; height: 70px; }
	.title-area .cat-icons .tag:hover { width: 80px; height: 80px;  }
    .category-page.title-area .cat-icons .tag { width: 80px !important; height: 80px !important; }

    #tabs li { margin: 0 5px 30px 0; }
    #tabs li a { padding: 15px 25px; }
    #tabs li a { background-size: 25px !important; padding-left: 50px !important; }
    #tabs li a.active { background-size: 25px !important; padding-left: 50px !important; }

    #intro { position: relative; }
    #intro .intro-wrapper { padding-right: 30%; }

    div.gmap.fixed-right {
      margin-right: 0 !important;
      margin-left: 0 !important;
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: 30%;
    }

    .icons-grid ul li { font-size: 16px; line-height: 22px; }

    #cat-grid .cat-item { width: 16%; height: 150px; }

    .thumbnails.grid a { width: calc(10% - 4px); }
    .thumbnails.grid a.double { width: calc(100% - 4px); height: 120px; }

    #location-map { margin-top: 0; }

    .split-text-left { width: 66%; padding: 40px 0; }
    .split-image { width: 33%; height: 100%; min-height: 400px; display: block; overflow: hidden; position: absolute; top: 0; right: 0; margin: 0; }

    .video-title { font-size: 50px; line-height: 65px; }

    .home-cats a { width: 15%; }

    .home-features .wpb_single_image img { width: 60px; max-width: 60px; }
    .home-features .wpb_single_image { margin-bottom: 30px; }
    .home-features h3 { font-size: 16px; line-height: 25px; margin-top: 30px; }

    /* Spinner  */

    .background-circle:before {
        width: 150px;
        height: 150px;
        margin-top: -75px;
        margin-left: -75px;
    }

    .dial-container { width: 150px; height: 150px; }
    .pages-dial { font-size: 35px !important; }
	
}

/* //////////////////////////////// LARGE SCREEN //////////////////////////////// */  

@media screen and (min-width: 1250px) {

	#page-container .container { max-width: 1150px !important; }
    #title .title-group, #intro .intro-wrapper, #see-more .see-more-inner, #video .video-inner, .split-inner, .banner-cat-inner, .locations-grid-inner, .gmap-controls-inner, .gallery-inner, .listing-table-inner { max-width: 1150px; }

    .vc_row .vc_column_container .vc_column-inner { padding-left: 15px; padding-right: 15px; }

	#title.vc_section.title-area { padding-top: 30px; padding-bottom: 30px; }

    #intro .intro-wrapper { padding: 40px 30% 40px 0; }
    .split-wrapper .split-text-left { padding: 60px 0 60px 0; }
    #video .video-inner { padding: 40px 0; }

	.wpb_column.vc_column_container.fifty-text-left { padding-top: 60px !important; padding-left: 4% !important; padding-right: 5% !important; }
    .wpb_column.vc_column_container.fifty-text-right { padding-bottom: 60px !important; padding-left: 5% !important; padding-right: 4% !important; }

    .vc_row.wpb_row.fixed-row .vc_column_container.fixed-text { padding-top: 60px !important; padding-bottom: 60px !important; }

    #location-map { height: 70vh !important; }

    #banner { height: 600px; }

	.icons-grid { padding: 30px; }
	.icons-grid ul li { font-size: 18px; line-height: 28px; margin: 5px 0; }

    .title-area .cat-icons .tag { --balloon-font-size: 18px; line-height: 18px; } 
    .title-area a.gps { font-size: 16px; line-height: 26px; }
    .title-area #breadcrumbs span { font-size: 18px; line-height: 26px; }

    .thumbnails.grid a { width: calc(10% - 4px); height: 150px; }

    #video .video-inner { display: flex; justify-content: space-between; align-items: center; gap: 30px; align-content: stretch;  }

    #video .video-container { flex: 1; }
    #video .video-container > div:only-child { width: 100%; }
    #video .video-container > div:not(:only-child) { width: 50%; }

    #video .video-caption { width: 33%; padding: 0 0 0 30px; display: inline-block; }
    #video .video-caption h2 { font-size: 25px; line-height: 35px; }

    .sh-footer-widgets { padding: 60px 0 60px 0; }

    .video-title { font-size: 50px; line-height: 65px; }

    #banner-gradient h1 { font-size: 60px; line-height: 70px; padding-left: 90px; background-size: 60px !important; }

    #banner-category { padding-top: 300px; padding-bottom: 60px; }
    #banner-category .cat-icon { width: 70px; height: 70px; margin-right: 30px; }
    #banner-category h1 { font-size: 60px; line-height: 70px; }
    
    .total-pages { bottom: 150px; right: 30px; }
    
    .box-blog { display: block; overflow: hidden; background-color: #f4f4f4; border-radius: 10px; }
    .box-blog .wp-block-heading { padding: 30px 20px 0 0 !important; }
    .box-blog p { font-size: 16px !important; line-height: 25px !important; padding: 0 20px 20px 20px; }
    .box-blog .wp-block-image .alignleft { margin: 0 1.5em 0 0 !important; }
    .box-blog .wp-block-image .alignleft img { margin: 0 !important; padding: 0 !important; }

    /* Listing Table Responsive */

    .listing-table table td:nth-child(4), .listing-table table th:nth-child(4) { display: table-cell; }
    .listing-table table td:nth-child(5), .listing-table table th:nth-child(5) { display: table-cell; }
    .listing-table table td:nth-child(6), .listing-table table th:nth-child(6) { display: table-cell; }


}

/* //////////////////////////////// LARGE SCREEN //////////////////////////////// */  

@media screen and (min-width: 1450px) {

    span.dial { padding: 40px 60px !important; }

	#page-container .container { max-width: 1250px !important; min-width: auto !important; }
    #title .title-group, #intro .intro-wrapper, #see-more .see-more-inner, #video .video-inner, .split-inner, .banner-cat-inner, .locations-grid-inner, .gmap-controls-inner, .gallery-inner, .listing-table-inner { max-width: 1250px; }

    #banner { height: 500px; }
    #banner.short { height: 300px; }

    #header-holder.banner { height: 60vh; }
    #header-holder.category-page { height: 600px; }
    #banner-cat { height: 600px; }

    #vr-360-row { padding: 0 !important; }
    #title.vc_section.title-area { padding-top: 40px; padding-bottom: 40px; }

	#title.vc_section.title-area { padding-top: 40px; padding-bottom: 40px; }
    #title.vc_section .vc_row { left: -10px !important; padding-right: 0 !important; width: 100% !important; }

	.title-area p.gps { font-size: 25px; line-height: 26px; } 

	.title-area h1 { font-size: 60px; line-height: 70px; }
  	.title-area.category-page h1 { font-size: 70px; line-height: 80px; }

	.title-area a.more { width: 70px; height: 70px; }
	.title-area a.more:hover { width: 80px; height: 80px; margin-top: -15px; }

	.title-area .cat-icons {  }
	.title-area .cat-icons .tag { width: 70px; height: 70px; }
	.title-area .cat-icons .tag:hover { width: 80px; height: 80px; margin-top: -15px; }
    .category-page.title-area .cat-icons .tag { width: 80px !important; height: 80px !important; }

    .title-area .featured-image { width: 150px; height: 150px; }

    #intro .intro-wrapper { padding: 60px 25% 60px 0; }
    .split-wrapper .split-text-left { padding: 60px 0 60px 0; }

    .icons-grid { margin-top: 30px; }

    .stats div { display: inline-block; width: 45%; }
    .stats div:nth-child(even) { margin-left: 30px; }
    .stats div:nth-child(5) { border-bottom: 0; }

	#grid .vc_grid-container { margin-top: 60px; }
	#grid #locations-grid .vc_grid-filter { padding-bottom: 40px; }

    #banner-gradient h1 { font-size: 70px; line-height: 80px; padding-left: 100px; background-size: 70px !important; }

    #banner-category { padding-top: 300px; padding-bottom: 60px; }

    #banner-category h1 { font-size: 70px; line-height: 80px; }
	
	h2 { font-size: 35px; line-height: 45px; }

    .wpb_column.vc_column_container.fifty-text-left { padding-left: 10% !important; padding-right: 5% !important; }
	.wpb_column.vc_column_container.fifty-text-right { padding-left: 5% !important; padding-right: 10% !important; }

    .wpb_column.vc_column_container.fifty-text-left { padding-top: 80px !important; padding-bottom: 80px !important; }
    .wpb_column.vc_column_container.fifty-text-right { padding-top: 80px !important; padding-bottom: 80px !important; } 

    .vc_row.wpb_row.fixed-row .vc_column_container.fixed-text { width: 70%; }

    #cat-grid .cat-item { height: 220px; }

    #see-more .more-title { font-size: 25px; line-height: 35px; }
    #see-more .post-categories li a { font-size: 25px; line-height: 29px; }

    #video .ti-video-camera { font-size: 70px; }
    #video .video-inner { padding: 50px 0; }

    .thumbnails.grid a { width: calc(10% - 4px); height: 200px; }

    #locations-grid { clear: both; }

    .sh-footer-widgets { padding: 80px 0 80px 0; }

    .video-title { font-size: 55px; line-height: 70px; }

    .home-cats a { width: 12%; }

    .simple-weather { margin-bottom: 40px; padding: 15px; }

    #banner-category .total-pages {
      width: 80px; 
      height: 80px; 
      padding: 18px; 
      font-size: 25px;
      border: 2px solid rgba(255,255,255,0.3); 
    }

    #banner-category .circle-svg {
      transform: scale(1.25);
      top: -10px;
      left: -10px;
    }

    .sh-nav ul.sub-menu { width: 300px; }

}

/* //////////////////////////////// EXTRA LARGE SCREEN //////////////////////////////// */  

@media screen and (min-width: 1800px) {

	#page-container .container { max-width: 1700px !important; min-width: auto !important; }
    #title .title-group, #intro .intro-wrapper, #see-more .see-more-inner, #video .video-inner, .split-inner, .banner-cat-inner, .locations-grid-inner, .gmap-controls-inner, .gallery-inner, .listing-table-inner { max-width: 1300px; }

    #intro .intro-wrapper { padding: 60px 25% 60px 0; }
    .split-wrapper .split-text-left { padding: 60px 0 60px 0; }

    #banner-cat { height: 600px; }

    #header-holder.banner { height: 60vh; }
    #header-holder { height: 80vh; }
    #vr-360-row { height: 100%; }

    .hint-container { height: 80vh; }

    #title.vc_section .vc_row { width: 100% !important; }

    #intro .intro-inner { padding-right: 15% !important; }

	.wpb_column.vc_column_container.fifty-text-left { padding-left: 15% !important; padding-right: 5% !important; }
	.wpb_column.vc_column_container.fifty-text-right { padding-left: 5% !important; padding-right: 15% !important; }

	.vc_row.wpb_row.fixed-row .vc_column_container.fixed-text { padding-top: 80px !important; padding-bottom: 80px !important; }

	#grid .vc_grid-container { margin-top: 0px; }
	#grid #locations-grid .vc_grid-filter { padding-bottom: 50px; }

	#banner { height: 700px; }
    #banner.short { height: 400px; }

    #header-holder.category-page { height: 700px; }
    #banner-cat { height: 700px; }

	#title.vc_section.title-area { padding-top: 70px; padding-bottom: 50px; }

	.title-area .title-right {  }
	.title-area h1 { font-size: 70px; line-height: 80px; }

	body h2 { font-size: 40px; line-height: 50px; }
	body h3 { font-size: 30px; line-height: 40px; }

    .sh-footer-widgets { padding: 100px 0 100px 0; }

    .video-title { font-size: 60px; line-height: 75px; }

    .home-cats a { width: 12%; }

}

/* //////////////////////////////// EXTRA LARGE SCREEN //////////////////////////////// */  

@media screen and (min-width: 1800px) {

    #intro .intro-inner { padding-right: 20% !important; }

	.wpb_column.vc_column_container.fifty-text-left { padding-left: 18% !important; padding-right: 5% !important; }
	.wpb_column.vc_column_container.fifty-text-right { padding-left: 5% !important; padding-right: 18% !important; }

	.title-area h1 { font-size: 80px; line-height: 70px !important; margin-bottom: 25px; } 
	.title-area .title-right {  }

    #title.vc_section .vc_row { width: 100% !important; }

    .video-title { font-size: 70px; line-height: 85px; }

}

/* //////////////////////////////// HIGH RES SCREEN //////////////////////////////// */  

@media screen and (min-width: 2000px) {

    #intro .intro-wrapper { padding: 60px 20% 60px 0; }

}

/* //////////////////////////////// HIGH RES SCREEN //////////////////////////////// */  

@media screen and (min-width: 2250px) {

    #title.vc_section .vc_row { width: 100% !important; }

    .video-title { font-size: 80px; line-height: 95px; }

    #intro .intro-wrapper { padding: 60px 15% 60px 0; }
    .split-wrapper .split-text-left { padding: 60px 0 60px 0; }

}