/*
Theme Name: Bootscore
Theme URI: https://bootscore.me/
Author: Bootscore
Author URI: https://bootscore.me
Description: Flexible Bootstrap WordPress starter-theme for developers with full WooCommerce support. <a href="https://bootscore.me/category/documentation/" target="_blank">Documentation</a>
Version: 6.0.0-beta1
Requires at least: 5.0
Tested up to: 6.5.2
Requires PHP: 7.4
License: MIT License
License URI: https://github.com/bootscore/bootscore/blob/main/LICENSE
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready

Use this theme to make something cool, have fun, and share what you've learned with others.

Bootscore is based on Underscores https://underscores.me/, (C) 2012-2024 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* 
All style editing is done via /assets/scss/_bootscore-custom.scss
*/


body {
    font-family: "Barlow", sans-serif;
    font-weight: 300;
    font-size: 17px !important;
    line-height: 32px !important;
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1600px;
    }
}

a {
    color: #BE984A
}

.wp-block-uagb-container.uagb-block-3554c745 {
    background: linear-gradient(45deg, #3F565D, #223135);
}


h1 {
    font-size: 60px; 
    line-height: 65px;
    font-weight: 400;
    letter-spacing: -1.2px;
}

.entry-header h1 {
    font-size: 40px;
    font-weight: 600;
    display: block;
    padding: 20px 30px 40px 30px;
    text-align: center;
    width: 100%;
}

h2 {
    font-size: 48px;
}

h3 {
    font-size: 36px;
    font-weight: 400 !important
}

h4 {
    font-size: 20px;
    font-weight: 500 !important
}
 
.navbar-nav {
    padding: 0;
    margin: 0;
}

.navbar-nav .nav-link {
    font-size: 17px;
    font-weight: 300;
    padding: 0px 20px !important;
    margin: 9px 0px 9px -1px !important;  
    display: block;
    border-left: 1px dashed #3F565D;
    border-right: 1px dashed #3F565D;
    color: #fff !important;
    background: none;
    transition: 0.2s all;
}

.navbar-nav .nav-link:hover {
    padding: 0px 25px !important;
    margin: 9px 0px 9px -1px !important; 
    color: #BE984A !important;
}

.wp-block-button__link {
    transition: 0.2s all !important;
}

.bg-body-tertiary {
    background: #223135 !important;
}

.additional-nav {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
    padding-left: 10px !important;
}

.additional-nav li {
    display: inline-block; 
}

.additional-nav li a {
    color: #fff;
    display: block;
    padding: 10px 5px;
    transition: 0.3s all;
}

.additional-nav li a:hover {
    color: #BE984A !important;
}

.form-element-html input,
.form-element-html textarea {
    border: 1px dashed #3F565D !important;
    color: #BE984A !important;
    padding: 15px 30px !important;
    border-radius: 36px !important;
}

.form-element-html button {
    padding: 12px 30px !important;
    border-radius: 36px !important;
    background: #BE984A !important;
    font-weight: 300 !important;
}

.bootscore-footer {
    background: #223135 !important;
    color: #597b85;
}

.bootscore-info {
    background: #597b85 !important;
    color: #fff !important;
    border-top: 0px solid #fff !important;
    margin-top: -1px !important;
}

.bootscore-footer .widget-title {
    color: #fff;
    font-size: 17px;
    font-weight: 300;
}

.bootscore-footer ul li a {
    color: #597b85 !important;
}

.top-button {
    border-radius: 36px !important; 
    background: #BE984A !important;
    padding: 10px;
    border: 1px solid #BE984A !important;
    
}

.nav-toggler {
    border: 1px solid #fff;
    border-radius: 0px;
}

.nav-toggler .fa-bars {
    color: #fff;
}

.navbar-brand img {
    padding-bottom: 5px;
    width: 150px;
}

.footer_widget {
    text-align: center;
    padding-bottom: 30px;
}

.footer_widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

iframe {
    filter: grayscale(100%); 
}

@media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1600px;
    }
}

@media (max-width: 991.98px) { 

    .footer_widget {
        border-bottom: 1px dashed #3F565D !important;
        
    }

    h1 {
        font-size: 40px; 
        line-height: 44px;
    }
    
    h2 {
        font-size: 32px;
    }
    
    h3 {
        font-size: 36px;
        font-weight: 400 !important
    }
    
    h4 {
        font-size: 20px;
        font-weight: 500 !important
    }
}