/*
Theme Name:     Industro Child
Theme URI:      http://wpdemo2.oceanthemes.net/industro/
Description:    Make your modifications to [Parent Theme] in this child theme.
Author:         Oceanthemes
Author URI:     http://oceanthemes.net/
Version:        1.0
Template:       industro
*/

@import url("../industro/style.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

.main-navigation a:hover {
    color: #000 !important;
}

.subtitle p {
display: inline-block;
    padding: 5px 20px 3px 10px !important;
    border: 1px solid #ab0000 !important;
    font-size: 11px;
    font-weight: 800;
    color: #ab0000;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    border-radius: 7px;
}

.subtitle-white p {
    display: inline-block;
    padding: 5px 20px 3px 10px !important;
    border: 1px solid #fff !important;
    font-size: 11px;
    font-weight: 800;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    border-radius: 7px;
}

.dark-bg-font h3{
    color: #fff;
}

.dark-bg-font p{
    color: #fff; 
}
.dark-bg-font ul li{
    color: #fff; 
}

.dark-bg-font h4{
    color: #fff; 
}

.bg-primary {
    background: #ab0000 !important;
}

.main-footer {
    padding: 45px 0px 0px 0px;
}

.main-navigation ul ul li {
    border-bottom: 1px dotted #ecf0f1;
}

.features-box:hover .content-box, .features-box.active .content-box {
  background: #000000c7;
  color: #fff;
}

.main-footer .widget.widget_media_image {
    margin-bottom: 10px;
}

.features-box .content-box {
    min-height: 255px;
}

blockquote {
    font-size: 20px;
    font-weight: 400;
    padding: 0 20px;
}

@media (max-width: 1353px) {
    .main-navigation {
        padding-right: 90px;
    }
}

@media (max-width: 356px) {
#site-logo a img {
  width: 215px !important;
}
}

@media (max-width: 522px) {
#site-logo {
  width: 235px !important;
}
}

.btn.btn-light, .btn.btn-light:visited, .btn.btn-light, .btn.btn-light:visited {
    color: #ab0000 !important;
}
.btn:hover, .btn.btn-light:hover {
background-color: #fff !important;
 }