/*!
Theme Name: Kadence Child
Theme URI: https://bowdenworks.com
Template: kadence
Author: Bowden Works
Author URI: https://bowdenworks.com
Description: Kadence child theme
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* -----------------------------------------------------------------------------------*/
/* TYPOGRAPHY
/* -----------------------------------------------------------------------------------*/
/* Farmer-Ltd Font base setup Avnr is a cryptic name for the font we know what */
@font-face {
    font-family: 'avnr';
    src: url('fonts/avnr/avnr-black.eot');
    src: url('fonts/avnr/avnr-black.eot?#iefix') format('embedded-opentype'),
         url('fonts/avnr/avnr-black.woff2') format('woff2'),
         url('fonts/avnr/avnr-black.woff') format('woff'),
         url('fonts/avnr/avnr-black.ttf') format('truetype'),
         url('fonts/avnr/avnr-black.svg#avnrBlack') format('svg');
    font-weight: 900; /* Black */
    font-style: normal;
}
@font-face {
    font-family: 'avnr';
    src: url('fonts/avnr/avnr-book.eot');
    src: url('fonts/avnr/avnr-book.eot?#iefix') format('embedded-opentype'),
         url('fonts/avnr/avnr-book.woff2') format('woff2'),
         url('fonts/avnr/avnr-book.woff') format('woff'),
         url('fonts/avnr/avnr-book.ttf') format('truetype'),
         url('fonts/avnr/avnr-book.svg#avnrBook') format('svg');
    font-weight: normal; /* Book */
    font-style: normal;
}
@font-face {
    font-family: 'avnr';
    src: url('fonts/avnr/avnr-medium.eot');
    src: url('fonts/avnr/avnr-medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/avnr/avnr-medium.woff2') format('woff2'),
         url('fonts/avnr/avnr-medium.woff') format('woff'),
         url('fonts/avnr/avnr-medium.ttf') format('truetype'),
         url('fonts/avnr/avnr-medium.svg#avnrMedium') format('svg');
    font-weight: 500; /* Medium */
    font-style: normal;
}
@font-face {
    font-family: 'avnr';
    src: url('fonts/avnr/avnr-light.eot');
    src: url('fonts/avnr/avnr-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/avnr/avnr-light.woff2') format('woff2'),
         url('fonts/avnr/avnr-light.woff') format('woff'),
         url('fonts/avnr/avnr-light.ttf') format('truetype'),
         url('fonts/avnr/avnr-light.svg#avnrLight') format('svg');
    font-weight: 300; /* Light */
    font-style: normal;
}
blockquote {
    border-left: 4px solid #DE492E!important;
}
.preheading {
    font-family: 'avnr', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #7A7B7A;
    letter-spacing: 2px;
    line-height: 60px;
}
/* -----------------------------------------------------------------------------------*/
/* HEADER
/* -----------------------------------------------------------------------------------*/
/* Shadow for header when sticky */
#main-header .item-is-stuck{
    -webkit-box-shadow: 0px 8px 32px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 8px 32px rgba(0,0,0,0.3);
    box-shadow: 0px 8px 32px rgba(0,0,0,0.3)
}
/* -----------------------------------------------------------------------------------*/
/* FOOTER
/* -----------------------------------------------------------------------------------*/
/* Footer and Scroll Top */
#footer-navigation, .bw_scroll_top {
    padding-top: 16px;
    font-weight: 300;
}
/* Footer Year Badge*/
.badge-container {
    background-color: #0085CA;
    color: white;
    text-align: center;
    padding: 30px 30px 20px;
    box-sizing: border-box;
    position: relative;
}
.badge-year, .badge-years-of-excellence, .badge-years-label, .badge-company {
    margin-bottom: 5px;
}
.badge-year {
    font-size: 16px;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    padding-bottom: 10px;
    padding-top: 10px;
}
.badge-years-of-excellence {
    font-size: 3em;
    font-weight: 600;
    line-height: 1.2em;
    margin: 10px 0;
	font-style: normal;   
}
.badge-years-label {
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
    font-weight: 500;
}
.badge-company {
    font-size: 11px;
    font-weight: 300;
}
/* Site Footer */
.site-footer strong {
    color: #2F85CA;
}
.site-footer-row-container-inner{
    color: #fff;
}
/* -----------------------------------------------------------------------------------*/
/* GLOBAL - SIDEBAR
/* -----------------------------------------------------------------------------------*/
/* General Sidebar Styles */
.sidebar-inner-wrap .widget_nav_menu {
    background: #f4f4f4;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px; /* Add space between widgets */
}
/* Style the main menu items */
.sidebar-inner-wrap .widget_nav_menu > div > ul > li > a {
    display: block;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase; /* Capitalize text */
    font-size: 1.1em; /* Slightly larger font */
    border-bottom: 1px solid #ddd;
}
/* Style the sub-menu items */
.sidebar-inner-wrap .widget_nav_menu .sub-menu li a {
    padding: 8px 15px;
    color: #555;
    text-decoration: none;
    font-weight: normal;
    font-size: 1em; /* Standard font size */
    border-bottom: 1px solid #ccc;
}
/* Remove border from the last item for a cleaner look */
.sidebar-inner-wrap .widget_nav_menu .menu li a:last-child {
    border-bottom: none;
}
/* Hover effect for all menu items */
.sidebar-inner-wrap .widget_nav_menu .menu li a:hover {
    background: #c5c5c5;
    color: #fff;
}
/* Specific current menu item styles */
.sidebar-inner-wrap .widget_nav_menu .menu > li.current-menu-item > a,
.sidebar-inner-wrap .widget_nav_menu .menu > li.current-page-ancestor > a {
    background: none;
    color: #2F85C8; /* Blue text color for parent page */
}
/* Specific current sub-menu item styles */
.sidebar-inner-wrap .widget_nav_menu .menu .sub-menu li.current-menu-item a {
    background: #0073aa;
    color: #fff;
}
/* Reset sub-menu items to not inherit background */
.sidebar-inner-wrap .widget_nav_menu .menu .sub-menu li a {
    background: none;
    color: #333; /* Default text color */
}
/* Responsive adjustments can be added if necessary */
@media screen and (max-width: 768px) {
    .sidebar-inner-wrap .widget_nav_menu {
        padding: 15px;
    }
    .sidebar-inner-wrap .widget_nav_menu .menu li a {
        padding: 8px 12px;
    }
}
/* -----------------------------------------------------------------------------------*/
/* PAGE
/* -----------------------------------------------------------------------------------*/
/* Page Title - Background Box */
.page h1 .entry-title, .single-project .entry-title, .bw-custom-title, .blog .entry-hero h1, .archive .entry-hero h1{
	background-color: #1B85C8!important;
    width: max-content;
    text-align: center;
    color: #fff; 
    text-transform: uppercase;

}
/* Page Title - Tail Bottom Shape */
.page h1 .entry-title::after, .single-project .entry-title::after, .bw-custom-title::after, .blog .entry-hero h1::after, .archive .entry-hero h1::after{
    content: '';
    position: absolute;

}
/* Page - Custom Breadcrub YOAST - Kadence Element*/
.yoast-breadcrumbs{
    float: right;
    margin-top: -60px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 300;
}
.yoast-breadcrumbs a{
    text-decoration: none;
}
/* -----------------------------------------------------------------------------------*/
/* PAGE - HOMEPAGE
/* -----------------------------------------------------------------------------------*/

/* Homepage - Hero Bubble */
.page .hero h1 {
    line-height: 1em;
    color: #fff;
    line-height: 1.2em!important;
}

.page div .hero h1 {
    background-color: rgba(61,134,202,0.80)!important;
}
@media screen and (min-width: 1024px) {
    .page .hero h1{
        font-size: 100px;
    }
    .page div .hero h1::after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -30px;
        border-left: 30px solid transparent;
        border-right: 0 solid transparent;
        border-top: 30px solid rgba(61,134,202,0.80);
        transform: translateX(-1000%);
    }
    .page div .hero h1 {
        padding: 40px;
    }
}
@media screen and (max-width: 1024px) {
    .page .hero h1{
        font-size: 80px;
    }
    .page div .hero h1::after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -30px;
        border-left: 30px solid transparent;
        border-right: 0 solid transparent;
        border-top: 30px solid rgba(61,134,202,0.80);
        transform: translateX(-800%);
    }
    .page div .hero h1 {
        padding: 40px;
    }
}
@media screen and (max-width: 768px) {
    .page .hero h1{
        font-size: 40px;
    }
    .page div .hero h1::after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -30px;
        border-left: 30px solid transparent;
        border-right: 0 solid transparent;
        border-top: 30px solid rgba(61,134,202,0.80);
        transform: translateX(-1000%);
    }
    .page div .hero h1 {
        padding: 20px;
    }
}
@media screen and (max-width: 480px) {
    .page .hero h1{
        font-size: 32px!important;
    }
    .page div .hero h1::after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -30px;
        border-left: 30px solid transparent;
        border-right: 0 solid transparent;
        border-top: 30px solid rgba(61,134,202,0.80);
        transform: translateX(-350%);
    }
    .page div .hero h1 {
        padding: 20px;
    }
}

/* Homepage - Service Box */
.bw-service-box, .bw-service-box h4, .bw-service-box p, .bw-service-box ul li {
    color: #fff;
}
.bw-service-box ul li {
    font-weight: 300;
}
.bw-slogan {
    font-family: 'avnr', sans-serif;
    font-weight: 900;
    font-size: 40px;
    color: #FFFFFF;
    text-align: center;
}
/* Homepage - News Section */
.bw_news_row {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.bw_news_bottom {
    align-self: flex-end;
    width: 100%;
}
.bw_news_bottom .avatar {
    border-radius: 100%;
    width: 40px;
}
.bw_news_bottom .wp-block-post-author__name {
    color: #fff;
    margin-top: 10px;
}
/* Homepage - Infobox for Services */

.bw_infobox_service img{
    box-shadow: 5px 5px 0px 0px var(--global-palette2, #2B6CB0)!important;
}

/* -----------------------------------------------------------------------------------*/
/* POST TYPE - PROJECT
/* -----------------------------------------------------------------------------------*/
/* Project Grid Thumbnail */
figure.bw_project_thumb img{
    padding: 12px;
}
/* Project Grid Detail */
.project_detail{
    margin-top: 20px!important;
}

/* -----------------------------------------------------------------------------------*/
/* PLUGIN - TIMELINE BLOCK
/* -----------------------------------------------------------------------------------*/
/* Update colours to Farmer's */
.cool-vertical-timeline-body .timeline-content .story-time p{
    color: #fff;
}
.cool-vertical-timeline-body.ctlb-wrapper .timeline-content.icon-false .timeline-block-icon svg{
    fill: #fff; 
}
.cool-vertical-timeline-body{
    --ctlb-line-color: #fff;
    --ctlb-icon-bg: #fff;
    --ctlb-story-border-color: #fff;
}
.wp-block-heading.ctlb-block-title{
    color: #0085CA;
}
.cool-vertical-timeline-body .timeline-content .story-details{
    border-radius: 0px;
}



/* -----------------------------------------------------------------------------------*/
/* RESPONSIVE DESIGN ADJUSTMENTS
/* -----------------------------------------------------------------------------------*/
@media screen and (min-width: 1024px) {
	.bw_hide_on_desktop{
		display: none!important;
	}
	.page h1 .entry-title, .single-project .entry-title, .bw-custom-title, .blog .entry-hero h1, .archive .entry-hero h1{
		margin-top: 340px;
		min-width: 370.28px;
		padding: 20px 40px;
		margin-bottom: -40px;
	}
	.page h1 .entry-title::after, .single-project .entry-title::after, .bw-custom-title::after, .blog .entry-hero h1::after, .archive .entry-hero h1::after{
		left: 50%;
		bottom: -20px;
		border-left: 20px solid transparent;
		border-right: 0px solid transparent;
		border-top: 20px solid #1B85C8;
		transform: translateX(-3200%);
		margin-bottom: -40px;
	}
	.page body:not(.home) #primary{
    	margin-top: 5em;
	}
}
@media screen and (max-width: 1024px) {
	.bw_hide_on_desktop{
		display: none!important;
	}
	.page h1 .entry-title, .single-project .entry-title, .bw-custom-title, .blog .entry-hero h1, .archive .entry-hero h1{
		margin-top: 240px;
		min-width: 370.28px;
		padding: 20px 40px;
		margin-bottom: -40px;
	}
	.page h1 .entry-title::after, .single-project .entry-title::after, .bw-custom-title::after, .blog .entry-hero h1::after, .archive .entry-hero h1::after{
		left: 50%;
		bottom: -20px;
		border-left: 20px solid transparent;
		border-right: 0px solid transparent;
		border-top: 20px solid #1B85C8;
		transform: translateX(-3200%);
		margin-bottom: -40px;
	}
	.page body:not(.home) #primary{
    	margin-top: 5em;
	}
}
@media screen and (max-width: 768px) {
	.page h1 .entry-title, .single-project .entry-title, .bw-custom-title, .blog .entry-hero h1, .archive .entry-hero h1{
		margin-top: 170px;
		min-width: 370.28px;
		padding: 20px 40px;
		margin-bottom: -40px;
	}
	.page h1 .entry-title::after, .single-project .entry-title::after, .bw-custom-title::after, .blog .entry-hero h1::after, .archive .entry-hero h1::after{
		left: 50%;
		bottom: -20px;
		border-left: 20px solid transparent;
		border-right: 0px solid transparent;
		border-top: 20px solid #1B85C8;
		transform: translateX(-3200%);
		margin-bottom: -40px;
	}
	.page body:not(.home) #primary{
    	margin-top: 5em;
	}
}
@media screen and (max-width: 480px) {
	.page h1 .entry-title, .single-project .entry-title, .bw-custom-title, .blog .entry-hero h1, .archive .entry-hero h1{
		margin-top: 160px;
		min-width: 220px;
		padding: 20px 40px;
		margin-bottom: -40px;
	}
	.page h1 .entry-title::after, .single-project .entry-title::after, .bw-custom-title::after, .blog .entry-hero h1::after, .archive .entry-hero h1::after{
		left: 50%;
		bottom: -20px;
		border-left: 20px solid transparent;
		border-right: 0px solid transparent;
		border-top: 20px solid #1B85C8;
		transform: translateX(-3200%);
		margin-bottom: -40px;
	}
	.page body:not(.home) #primary{
    	margin-top: 10em!important;
	}
}