/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

:root {
    --main-bg-color: #fff;
    --main-menu-color: #212529;
    --main-menu-color-hover: #b38d03;
    --main-link-color: #b38d03;
    --dropdown-menu-hover-bg: #b38d03;
    --main-title-color: #f2cb13;
    --main-footer-color: #F8F9FA;
}

body {
    font-family: 'Inter', sans-serif;
}

/* for mobile */
.dropdown-menu {
    border: none;
}

.dropdown-menu .dropdown-submenu {
    display: block;
    margin-left: 0.7rem;
    margin-right: 0.7rem;
    margin-bottom: .5rem;
    border: none;
}

a {
    color: #394021;
}

.header-phones a:hover {
    text-decoration: underline !important;
}

.header-phones .my-link-contact {
	font-size: 0.9rem;
}

.bg-footer {
    /*background-color: var(--main-bg-color);*/
    color: var(--main-footer-color);
    font-size: 1rem;
}

.bg-footer a {
    color: var(--main-footer-color);
    padding: 0;
}

.bg-footer a:hover {
    color: var(--main-footer-color);
    text-decoration: underline;
}

.bg-header {
    background-color: var(--main-bg-color);
    z-index: 20;
}

.site-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, 1);
}

.hero-title {
    font-size: 2rem;
    line-height: 1;
    font-weight: 800;
}

h1, .h1 {
    font-size: 1.6rem;
    color: var(--main-title-color);
    padding: 0.8rem 1rem;
    text-align: center;
    margin-bottom: 32px;
    position: relative;
    text-transform: uppercase;
    background-color: transparent;
}

h1::after, .h1::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100px;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
    background-color: var(--main-title-color);
}

h2, .h2 {
    font-size: 1.8rem;
    color: var(--main-menu-color);
    background-color: transparent;
    font-weight: 800;
}

h3, .h3 {
    font-size: 1.6rem;
    color: var(--bs-dark);
    padding: 0.5rem 0;
    font-weight: 600;
}

h4, .h4 {
    font-size: 1.4rem;
    color: var(--bs-dark);
    padding: 0.5rem 0;
    font-weight: 600;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
    padding-top: 60px;
}

.logo-md {
    height: 100px;
}

.logo-xs {
    width: 80px;
}

.fa-phone {
    color: var(--main-menu-color);
}

/*.nav-link {
  text-transform: uppercase;
}*/

.navbar-nav .nav-link {
    font-size: 1rem;
    font-weight: 400;
}

.navbar-nav .nav-link:hover {
}

.navbar-nav .nav-link.active {
    font-weight: 500;
    border: none;
    text-decoration: underline;
}

.fs-7 {
    font-size: 1rem;
}

.fs-8 {
    font-size: 0.8rem;
}

#menu-item-12 .menu-item:first-child {
    padding-left: 0 !important;
}

.mt-n1 {
    margin-top: -1rem !important;
}

.list-group-item {
    border: none;
}

.adv-min-height {
    min-height: 80px;
}

.adv-number {
    font-size: 8rem;
    font-weight: 900;
}

#footer-menu-service {
    column-count: 1;
}

.services-item {
    opacity: 1;
}

.services-item:hover {
    opacity: 0.85;
    transition: opacity 0.3s ease-in-out;
}

.services-item a img {
    max-width: 300px;
}

.worksteps__number {
    font-weight: 900;
}

.solve-problems__minheight {
    min-height: 72px;
}

.accordion-button:focus {
    box-shadow: none !important;
}

.delivery-img {
	min-width:100px;
	width: 100px;
	height: auto;
}

.btn-service {
	/*width: 251px;*/
}


/* Media */
@media (min-width: 576px) {
    .hero-title {
        font-size: 4rem;
        line-height: 1;
        font-weight: 800;
    }
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
	.header-phones .my-link-contact {
		font-size: 1.2rem;
	}

    #footer-menu-service {
        column-count: 2;
        column-gap: 20px;
    }

    #footer-menu-service li {
        break-inside: avoid;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .dropdown-menu {
        border: 1px solid #eee;
        border-radius: 0;
        box-shadow: 1px 1px #ddd;
    }

    .dropdown-menu .nav-item {
        padding: 0 !important;

    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        columns: 2;
    }

    .navbar-expand-lg {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    .navbar-nav .nav-link {
        color: var(--main-menu-color) !important;
        font-size: 1rem;
        font-weight: 300;
        padding: 2px 0 !important;
        margin-right: 20px;
    }

    .navbar-nav .nav-link.active {
        color: var(--main-menu-color-hover) !important;
        font-weight: 400;
        /*border: var(--bs-primary);*/
        text-decoration: none;
        border-bottom: 1px solid;
        padding-bottom: 1px !important;
    }

    .navbar-nav .nav-link:hover {
        color: var(--main-menu-color-hover) !important;
        font-weight: 400;
        text-decoration: none;
    }

    .navbar-nav li:first-child {
        /*padding-left: 14px !important;*/
    }


    .dropdown-item.active {
        background-color: var(--dropdown-menu-hover-bg) !important;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: var(--main-menu-color);
        text-decoration: none;
        background-color: var(--dropdown-menu-hover-bg) !important;
    }

    .dropdown-item.active, .dropdown-item:hover {
        /*background-color: var(--dropdown-menu-hover-bg) !important;*/
        background-color: transparent !important;
        color: var(--main-link-color);
        font-weight: 500;
    }

    .dropdown-toggle::after {
        /*display:none !important;*/
    }

    /* 3-d level */
    .dropdown-menu li {
        position: relative;
    }

    .dropdown-menu .dropdown-submenu {
        display: none;
        position: absolute;
        left: 90%;
        top: -7px;
    }

    .dropdown-menu .dropdown-submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu > li:hover > .dropdown-submenu {
        display: block;
    }
}

@media (min-width: 1200px) {
    .navbar-nav .nav-link {
        color: var(--main-menu-color) !important;
        font-size: 1.2rem;
    }
}

@media (min-width: 1400px) {

}