/*!
Theme Name: WP Bootstrap 4 Pro
Theme URI: https://bootstrap-wp.com
Author: TwoPoints
Author URI:
Description: "WP Bootstrap 4" is a simple & easy to use WordPress theme. It is based on world's most popular framework for responsive websites, Twitter Bootstrap 4. "WP Bootstrap 4" is a perfect combination of Bootstrap 4 and WordPress. It is fast and light-weight with around 20 kb style.css. It is also search engine friendly. It has a built-in slider for featured posts on blog's home page. It supports all major & popular WordPress plugins like Jetpack, Contact Form 7, Elementor, Beaver Builder, SiteOrigin Page Builder etc. Check demo on https://bootstrap-wp.com
Version: 1.1
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: wp-bootstrap-4
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, two-columns, left-sidebar, right-sidebar, custom-colors, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, blog

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WP Bootstrap 4 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
:root{
	--light: #f8f5f8;
	--gray: #d9d9d9;
}
.bg-light{
	background-color: #f8f5f8 !important;
}
.h1, h1 {
    line-height: 1.2!important;
}
.main-navigation .container{position: relative;}
.main-navigation .container:after {
    content: '';
	width: calc(100% - 30px);
    height: 2px;
    background: var(--dark);
    display: block;
    transform: translateY(1rem);
	position: absolute;
	left: 15px;
	right: 15px;
	bottom : 0;
}

.section-border .container:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #CCCCCC;
    display: block;
    transform: translateY(2rem);
}
.section-desc {
	max-width: 100%;
}
h2 small,
label.label {
    opacity: 1;
    text-transform: uppercase;
    font-size: .9rem;
    margin-bottom: 0rem;
    color: var(--primary);
    font-weight: 600;
	display: block;
	font-family: 'Open sans';
}
/*--------------------------------------------------------------
# Bootstrap Buttons
--------------------------------------------------------------*/
.btn:not(.btn-link) {
    box-shadow: 0px 6px 6px rgb(127 97 84 / 30%);
	-webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease; 
     transition: all 0.3s ease; 
}
.btn:not(.btn-link):after{
    width: 28px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    filter: invert(1);
    opacity: .7;
}
.btn.btn-link{
    padding: 0;
    text-decoration: none;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid var(--secondary);
    text-underline-offset: 5px;
    -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease; 
     transition: all 0.3s ease; 
     color: var(--secondary);
}
.btn.btn-link.text-secondary:hover{
    color: var(--secondary)!important;
}
.btn.btn-link.text-primary,
.btn.btn-link.text-primary:hover{
    color: var(--primary)!important;
    border-bottom: 1px solid var(--primary);
}
.btn:after,
.btn.btn-link:after{
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; 
    transition: all 0.3s ease; 
}
.btn:hover:after,
.btn.btn-link:hover:after{
    transform: translateX(5px);
}
.site-header .btn-cta{
	background-color: #f27d2f;
    border-color: #f27d2f;
}
.site-header .btn-cta:hover,
.site-header .btn-cta:focus{
	background-color: #d06b28!important;
    border-color: #d06b28!important;
}
.site-header .btn img{
	filter: invert(1);
}
@media (max-width: 991px){
	.site-header .btn:after{
		display: none;
	}
}
.navbar-toggler{
	/* filter: invert(1); */
}
.card-item .btn{
	min-width: unset;
}
.double__img {
	background: url('/wp-content/uploads/2023/03/cta-section-back.jpg') no-repeat 50% 50%/cover;
}

.front-page .main-content {
	padding-bottom: 0;
}
.front-page .main-content .post-thumbnail,
.front-page .main-content .post-thumbnail img{width: 100%;}

/* Products as card  */
.section-product-card .card-item .img-margin{margin-bottom: 0;}
.section-product-card .card {overflow: visible;}
.section-certificate .card-body{padding: 0;}
/* Tabs  */
.nav-tabs .nav-item{padding: 0; flex: 1!important;display: flex; font-family: Lora; font-size: 19px;}
.nav-tabs .nav-item:before{
	display: none;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: var(--dark);
    background-color: var(--light);
    border: none;
}
.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 1rem;
    background-color: #fff;
    border-radius: 0;
	height: auto;
}
/* Custom theme styles  */
.hero-section {
	background-size: auto 100%;
    background-repeat: repeat;
}
.img-styles .order-lg-2,
.img-styles .order-default{
    position: relative;
    padding-right: 65px;
    padding-bottom: 0px;
    padding-left:0;
    margin-left: 15px;
	margin-bottom: 40px;
}
.img-styles .order-lg-2:after,
.img-styles .order-default:after {
    content: '';
    background-color: var(--dark);
    position: absolute;
    width: calc(100% - 75px);
    height: 100%;
    display: block;
    z-index: 0;
    top: 40px;
    left: 50px;
}
.img-styles .order-lg-2:after{
	background-color: var(--primary);
}
.img-styles .order-lg-2 img,
.img-styles .order-default img{
    width: 100%;
	position: relative;
	z-index: 1;
}
/*  WooCommerce */
li.product{padding-left: 0;}
li.product {text-align:center;}
li.product:before, li.product br{display: none;}
li.product img {
	border: 1px solid var(--gray);
    border-radius: 15px;
    margin-bottom: 20px;
}
li.product .woocommerce-Price-amount.amount{
	color: var(--primary);
}

.button {
    border-radius: 0!important;
	box-shadow: 0px 6px 6px rgb(127 97 84 / 30%);
	padding: .9rem!important;
}
.related.products{
	margin-top: var(--spacer-5);
}
.woocommerce-breadcrumb {
	margin-bottom: var(--spacer-5);
}
.wc-block-components-notice-banner.is-success {
    display: flex;
    margin-bottom: var(--spacer-5);
}
.related.products h2 {
    margin-bottom: 2rem;
}
.footer-widget img {
    max-height: 60px;
    margin-bottom: 20px;
}