/*
Theme Name: WR Nitro Child
Theme URI: http://www.woorockets.com/themes/nitro
Author: WooRockets Team
Author URI: http://www.woorockets.com/
Description: Nitro - the only WordPress eCommerce theme you will need for any WooCommerce projects. Nitro theme comes with ready to use layouts for different ecommerce industries such as fashion, electronics, furniture, digital, sports, jewelry and other. Nitro represents what WooCommerce customers want to see in a theme including intuitive design (UX), robust performance (loading speed) and eCommerce functionalities (boosting sales).
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: wr-nitro
Text Domain: wr-nitro

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */

.tss-carousel .single-item-wrapper {
    background: rgba(0,0,0,0.5);
    padding: 20px;
    color: #eceff3;
    text-align: left;
}
.tss-wrapper .tss-carousel1 .item-content-wrapper .item-content{font-style: normal}
.tss-carousel h3.author-name{font-weight: 500; color: #eceff3;}
.bg-fixed { background-attachment: fixed;}

#request-qoute-section a.btn-line-black, a.btn-line-black, input.wpcf7-submit.btn-line{border: solid 1px #3575d3; color: #fff; background:#3575d3; border-radius: 0; letter-spacing: 2px; height: 40px; line-height: 38px;}
#request-qoute-section a.btn-line-black:hover{background: #222; border-color:#222}
.wpcf7-form label span{margin-top: 8px; display: block}
.wpcf7-form label{width: 100%}
.wpcf7 textarea{height: 125px; resize: none; width: 100%}
.contact-address address > div {display: flex; border-bottom: 1px dashed #333; padding-bottom: 10px; margin-bottom: 10px;}
.contact-address address > div:last-child{border-bottom: 0}
.contact-address address div strong{min-width: 60px; margin-right: 10px; color: #3575d3;}
.wpcf7  input[type="date"] {margin-bottom: 20px; border: solid 1px rgba(0,0,0,.3); background: rgba(0,0,0,.2);}
.wpcf7 select.wpcf7-select, .wpcf7 input[type="date"]{background:#f5f5f5; color:#333}
.qoute-section .wpcf7 select.wpcf7-select{border: solid 1px #ddd; color: #333; outline: none; height:45px}
.qoute-section .wpcf7 input[type="text"], .qoute-section .wpcf7 input[type="email"], .qoute-section .wpcf7 input[type="tel"], .qoute-section .wpcf7 textarea, .qoute-section .wpcf7 textarea[placeholder], .qoute-section .wpcf7 select.wpcf7-select {background:rgba(255,255,255,0.85) !important}
.qoute-section .wpcf7 textarea{height:110px;}
.qoute-section .wpcf7 #submit{text-align:center; margin-top:30px}
.qoute-section .wpcf7 .wpcf7-submit{color: #fff; padding: 10px 30px 10px 30px; border: solid 1px #3575d3; background:#3575d3; line-height: 20px; border-radius: 0; letter-spacing: 2px;}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="number"], .wpcf7 select.wpcf7-select {padding: 10px; margin-bottom: 20px; width: 100%; border: solid 1px #ddd !important; color: #000; height: 44px; border-radius: 0}
.qoute-section .nitro-heading  .heading h3, .testimonials-section .nitro-heading  .heading h3{color: #fff !important}
.qoute-section div.wpcf7-response-output{color: #fff;}
.home-services-section .nitro-heading .heading h3 b{color: #3575d3}
.contact-page-form-col .wpcf7-submit{margin-top: 15px;}
.comments-area .comment-form .submit{border-radius: 0; letter-spacing: 2px;}

.services-section .nitro-heading h4{font-weight: bold}
ul.services-list {list-style: inside disc; margin-bottom: 15px;}
.site-navigator li.menu-default .sub-menu li:hover{background: #3575d3}

footer .widget_media_image {padding-bottom:20px; margin-bottom: 0 !important;}
address li{display: flex; align-items: center;}
address li i{margin-bottom: 0; color: #fff; margin-right: 10px;}
address span strong{ min-width: inherit}
footer .widget ul li{border-bottom: dashed 1px rgba(204,204,204,0.7) !important; padding: 0 0 10px 0; margin-bottom: 10px}
footer .widget ul li:last-child{border: 0 !important}
footer .widget h3 {text-transform: capitalize; border-bottom: 1px solid rgba(204,204,204,0.7); padding-bottom: 15px;}
.design-by{text-align: right}
footer .widget_nav_menu .current-menu-item a{color: #fff;}

header .info ul.info-list li {
    display: inline-block;
    margin-right: 25px;
    font-size: 12px;
    letter-spacing: 1px;
}
header .hb-section.info {
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
body.home .site-title{display: none}
a.btn-slider {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 3px;
    line-height: normal;
    text-decoration: none;
    text-transform: uppercase;
    border: solid 2px #fff;
        border-top-width: 2px;
        border-right-width: 2px;
        border-bottom-width: 2px;
        border-left-width: 2px;
    padding: 10px 30px 10px 30px;
}
a.btn-slider:hover {color: #222; background: #fff;}
footer.footer .bot .info{text-align: left}


@media screen and (min-width: 480px){
.wr-desktop footer .widget_nav_menu li a  {padding: 0}
    .wr-desktop footer .widget_nav_menu li{margin-bottom: 10px !important}
}

@media only screen and (max-width: 1280px) {
    .main-content iframe{max-width: 100%;}

}
@media only screen and (max-width: 992px) {
	 .qoute-section .cm-4{margin-bottom:0}
	 .subfooter .cm-6{margin-bottom:0}
}

 @media only screen and (max-width: 767px) {
	 .qoute-section .cm-md-4{margin-bottom:0}
	 .design-by{text-align:center}
	 .subfooter .cm-md-6{margin-bottom:0}
	 .container{padding-left:15px; padding-right:15px;}
	 header div#logo{max-width:80%;}
	 header div#logo a img{max-width:100%}
	 .mobmenu_content #mobmenuleft .sub-menu{padding-left:0}
	 .mobmenu_content .mob-expand-submenu {margin-top: -56px;}
	 .mob-menu-header-holder.mobmenu{position:absolute}
     .nitro-heading .heading h3, .nitro-heading .heading h1{font-size: 20px !important;}
     .contact-page-form-col .nitro-heading, .contact-address .nitro-heading{padding: 0}
     footer.footer .bot .info{text-align: center}
}
 @media only screen and (max-width: 480px) {
	#request-qoute-section .sc-button a{padding:0 10px; font-size:10px}
     .mobile-socials{display: none !important} 
}

