/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/* Adding MUSEO font */

h1, h2 {
    font-family: Inter, sans-serif;
}
h3, h4, h5, p, ul li, ol li, li {
    font-family: Inter, sans-serif;
}

.single-post ul li, .single-post ol li, .single-post p {
    font-family: Montserrat, sans-serif;
    font-weight: 200;
    font-size: 20px;
    color: #000;
    line-height: 1.8;
    text-align: left;
    margin-bottom: 25px;
}
.fl-menu .menu > li { margin-bottom: 0px !important;}

/* Setting default paragraph style */

p {
    font-size: 18px;
    font-weight: 300;
    color: #333;
    padding-bottom: 20px;
}

/* HERO Section: Adjusting color and image overlay, along with padding for transparent header */

.hero.page {
    background-color: #44b97b;
}
.hero.blog {
    background-color: #8c63aa;
}
.hero {
    padding-top: 150px; /* this is for the transparent header */
    background-image: url('https://dev.seobrothers.com/wp-content/uploads/2024/06/hero-background.png');
    background-repeat: repeat;
}
.green { color:#44b97b !important; }

/* Case Study Box Styling */
.case-stat {
    background-color: #28a5b1;
    color: #fff;
    clear: both;
    padding: 20px;
    margin-bottom: 15px;
}
.stat-title {
    float: left;
    width: 60%;
}
.stat-details {
    float: left;
    width: 30%;
}
.case-stat h3 {
    color: #fff;
    margin: 0px !important;
}
.stat-details h3 {
    float: right;
}
/* End Case Study Box Styling */

/* Individual Case Study Sidebar */
.case-study-sidebar {
    background-color: #e6f0ee !important;
    border: 1px solid #e6f0ee;
    border-radius: 4px;
    padding: 15px;
}
.case-study-sidebar .fl-icon-wrap {
    margin-bottom: 15px;
    font-size: 16px;
}

.case-study-sidebar .fl-icon, .case-study-sidebar .fl-icon i {
    color: #2c9197 !important;
}
.case-study-sidebar .fl-icon {
    vertical-align: top;
    padding-top: 3px;
}
.case-study-sidebar .fl-icon, .case-study-sidebar .fl-icon i {
    color: #2c9197 !important;
}
h3.services-title {
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 20px;
}
/* End Individual Case Study Sidebar */
/* Sticky Sidebar TOC in Blog Post */
.sticky {
    position: sticky !important;
    top: 20px !important;
    display: block !important;
}
/* Stop Sticky Sidebar For Mobile Device */
@media only screen and (max-width: 768px) {
	.sticky {
		position: relative !important;
	}
}
/* End Sticky Sidebar TOC in Blog Post */

/* Hero Image Overlay */
.overlay {
    background-image: url(https://newdev.seobrothers.co/wp-content/uploads/2023/07/new-background.png);
    background-repeat: repeat;
}
.overlay.blue {
	background-color: #28a5b1;
	background-image: url(https://newdev.seobrothers.co/wp-content/uploads/2023/07/new-background.png);
    background-repeat: repeat;
}
.overlay.green {
    background-image: url(https://newdev.seobrothers.co/wp-content/uploads/2023/07/new-background.png), linear-gradient(90deg, #86c779 40%, #44b97b 100%); 
	background-repeat: repeat, no-repeat;
}
.overlay.green.full {
	background-color: #44b97b;
    background-image: url(https://newdev.seobrothers.co/wp-content/uploads/2023/07/new-background.png);
	background-repeat: repeat, no-repeat;
}
.white { color: #fff };