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

/* ------------------------------------------------------------------
   Base (mobile-first defaults — all viewports)
------------------------------------------------------------------ */

/* Mobile Navigation */

#slide-out-widget-area .ocm-dropdown-arrow {
    height: 30px !important;
    width: 100% !important;
}
#slide-out-widget-area .ocm-dropdown-arrow i {
    font-size: 30px !important;
    height: 30px !important;
    width: 30px !important;
    line-height: 30px;
    float: right !important;
}
#slide-out-widget-area .open-submenu>.ocm-dropdown-arrow {
    transform: none !important;
}
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .sub-menu {
    display: flex;
    flex-direction: column;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    margin: 1rem 0 0 0;
    padding-bottom: 1rem;
    padding-left: 0;
}

.bottom-meta-wrap { margin-top: 1rem !important; }

body h2, body h3, body h4, body h5, body h6 { font-weight: 900 !important; margin-bottom: 1.5rem !important; }

body .nectar-post-grid-wrap h2, body .nectar-post-grid-wrap h3, body .nectar-post-grid-wrap h4, body .nectar-post-grid-wrap h5 { margin-bottom: 0rem !important; }
/* Homepage */

.home-sub-heading {
    padding: 1rem 2rem 1rem 2rem;
    display: inline-block;
    background: rgba(0, 155, 171, 0.5);
    backdrop-filter: blur(5px);
}
.home-sub-heading h2 { margin-bottom: 0rem !important; }


.home-box .vc_column-inner {
    backdrop-filter: blur(5px);
}

.home-box.teal .vc_column-inner {
    border-left: 4px solid #009cac;
}

.home-box.yellow .vc_column-inner {
    border-left: 4px solid #fab816;
}

.home-box.white .vc_column-inner {
    border-left: 4px solid #FFF;
}

.home-box.grey .vc_column-inner {
    border-left: 4px solid #666;
}

.home-box img {
    width: 40px;
    height: 40px;
}

.home-box h3 {
    margin-bottom: 0 !important;
}

.home-box .wpb_text_column {
    width: 50% !important;
}

.home-box .hover-wrap {
    margin-bottom: 0 !important;
}

.home-box h3 {
    text-transform: uppercase;
}

.home-box .wpb_wrapper {
    display: flex;
    gap: 2rem;
    align-content: center;
    align-items: center;
}

.ti-widget.ti-trip .ti-widget-container {
    float: left;
}

/*.bkg-chart .row-bg.viewport-desktop {background: url(/wp-content/uploads/2026/03/chart-bkg-light-1-scaled.jpg) repeat-y left top; background-size:100%; background-position:fixed; }*/

/* //////////////////////////// HEADER ////////////////////////////// */

body #header-outer:hover { background: rgba(0,0,0,0.5) !important; }

body #header-outer .sf-menu li a span {
    color: #FFF !important;
}
body.blog #header-outer .sf-menu li a span {
    color: #333 !important;
}

#header-outer { background-color: transparent !important; background-color: rgba(0, 0, 0, 0.5) !important; }

header#top.header-scrolled {
    background-color: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(15px);
}

/* //////////////////////////// BLOG ////////////////////////////// */

body.blog header#top {
    background: #f4f4f4 !important;
}

body.blog .container-wrap { margin-bottom: 5rem !important; }

#sidebar .widget.widget_categories h4 { font-size: 1.8rem !important; font-weight: 900 !important; border-bottom: 2px solid #009cac; padding-bottom: 1rem; }
#sidebar .widget.widget_recent_entries h4 { font-size: 1.8rem !important; font-weight: 900 !important; border-bottom: 2px solid #009cac; padding-bottom: 1rem; }
#single-below-header .meta-comment-count { display: none !important; }


/* //////////////////////////// Footer ////////////////////////////// */

/* Row background layer sits on top of the global section wrapper — paint the image here, not on .nectar_hook_global_section_footer */
/* #footer .row-bg.viewport-desktop {
	background-image: url("img/logo-porthkerris-trans-4.png");
	background-repeat: no-repeat;
	background-position: right 5% center;
	background-size: 25%;
} */

/* #footer .footer-right h3 { 
    font-size: 2rem !important; 
    margin-bottom: 2rem !important;
} */

.menu-footer-menu-container #menu-footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu-footer-menu-container #menu-footer-menu li {
	list-style: none;
    border-bottom: 1px solid #666;
    width: 100%;
    padding: 0.2rem 0;
}

.menu-footer-menu-container #menu-footer-menu a {
	text-transform: uppercase;
    font-size: 1rem;
}

#footer .navigate h3 {
    background: url(img/icons/icon-compass.png) no-repeat left center;
    background-size: 2rem;
    padding-left: 3rem;
    margin-bottom: 2rem;
    font-size: 1.5rem;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
}
#footer .contact h3 {
    background: url(img/icons/icon-email.png) no-repeat left center;
    background-size: 2rem;
    padding-left: 3rem;
    margin-bottom: 2rem;
    font-size: 1.5rem;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
}

#footer-bottom { font-size: 1rem !important; }
#footer-bottom a, #footer-bottom p { color: #666 !important; }
#footer-bottom a:hover { color: #009cac !important; }

.trip-advisor-footer {
    display: inline-block !important;
    margin: 0 0 -25px 20px !important;
}

/* ------------------------------------------------------------------
   Very small screens (~500px and below)
------------------------------------------------------------------ */
@media (max-width: 500px) {
	/* rules for narrow phones */
}

/* ------------------------------------------------------------------
   Tablet and up (768px+)
------------------------------------------------------------------ */
@media (min-width: 768px) {


}

/* ------------------------------------------------------------------
   Desktop (1100px+)
------------------------------------------------------------------ */
@media (min-width: 1100px) {

    .ti-widget.ti-trip .ti-widget-container {
            float: right;
        }

}

/* ------------------------------------------------------------------
   Large desktop (1600px+)
------------------------------------------------------------------ */
@media (min-width: 1600px) {


}