/*
 Theme Name:   Spectrum Child
 Theme URI:    http://themeforest.net/user/CMSSuperHeroes/portfolio
 Description:  In 2018, Creating a magazine website with WordPress has never been easier.
 Author:       Cmssuperheroes Team
 Author URI:   http://cmssuperheroes.com/
 Template:     wp_spectrum
 Version:      3.0.8
 Tags:         black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
 Text Domain:  wp_spectrum-child
*/


/*
-------------------------------------------------------------- */

/*Home*/

body .cshero-nav ul li a {
    background: none;

}
body .slider-text h2 {
    font-size: 24px !important;
    color: #020202 !important;
    background: url(../../uploads/2018/07/sep.png) no-repeat;
    background-position: bottom;
    padding-bottom: 20px !important;
}
body .slider-text {
    text-align: center !important;
    background: #f2f2f3de !important;
    padding: 50px !important;
    font-size: 16px !important;
    color: #020202 !important;
    line-height: 22px !important;
}
#footer-bottom {
    margin: -1px 0 0 !important;
}
#cshero-header ul.cshero-dropdown > li.current-menu-item > a {
    color: #ff6000;
}
#header-sticky ul.cshero-dropdown > li.current-menu-item > a, #header-sticky ul.cshero-dropdown > li.current-menu-ancestor > a, #header-sticky ul.cshero-dropdown > li > a.active, #header-sticky ul.cshero-dropdown > li > a:active {
    color: #ff6000 !important;
}
#wrapper #cshero-header.transparentFixed {
    margin-top: 20px;
}
body #cshero-header ul.cshero-dropdown > li > a, 
body #cshero-header .menu-pages .menu > ul > li > a {
    padding-left: 32px;
    padding-right: 32px;
}
body.home footer#footer-bottom {
    display: none;
}
.logo {
    padding-left: 7% !important;
}
body.home .logo {
    margin-top: -2% !important;
}
div#cshero-header {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}
body #cs-page-title-wrapper {
    padding: 40px 0;
}
body #footer-bottom {
    padding: 60px 0 50px 0;
}
body #header-sticky ul.cshero-dropdown > li > a:hover {
	color: #ff6000;
}
#cshero-header ul.cshero-dropdown > li > a, #cshero-header .menu-pages .menu > ul > li > a, .cshero-hidden-sidebar .cshero-hidden-sidebar-btn a {
    color: #000000 !important;
}

/*Projects*/

.esg-filterbutton.selected.esg-allfilter {
    display: none;
}

/* About */
body .testimonial-layout1 .cshero-testimonial-title {
    color: #222222;
}
body .cshero-nav ul li a:hover {
    background: none;
    color: #ff6000;
}
body i.fa.fa-angle-right {
    color: #ff6000;
}
body .testi-section h3.cms-heading-title {
    font-weight: 600;
}

/*Contact*/
input.wpcf7-form-control.wpcf7-submit.btn.btn-default.btn-sm {
    color: #ff6000;
    border-color: #ff6000;
}
.csbody .btn:hover {
    background: transparent !important;
}
.contact-row .content {
    font-size: 15px !important;
    color: #000000 !important;
}
.content-area h4 {
    color: #000000 !important;
}



/*Media query*/

/*Mobile*/

@media (max-width: 736px) {
body .slider-text {
	display: none;
}
/*body .slider-text {
    padding: 20px !important;
    position: absolute;
    right: 0;
}*/
body #cshero-header.transparentFixed .btn-navbar i:after, .csbody .cshero-menu-mobile a i:after {
    -webkit-box-shadow: -8px 2px 0 2px #222222, -12px 9px 0 2px #222222, 0 16px 0 2px #222222;
    -moz-box-shadow: -8px 2px 0 2px #222222,-12px 9px 0 2px #222222,0 16px 0 2px #222222;
    -ms-box-shadow: -8px 2px 0 2px #222222,-12px 9px 0 2px #222222,0 16px 0 2px #222222;
    -o-box-shadow: -8px 2px 0 2px #222222,-12px 9px 0 2px #222222,0 16px 0 2px #222222;
    box-shadow: -8px 2px 0 2px #222222, -12px 9px 0 2px #222222, 0 16px 0 2px #222222;
}
body #cshero-header {
    background-color: rgba(255,255,255,0.6) !important;
}
body .footer-bottom-1 {
    text-align: center;
}
}


/*Ipad*/

@media (min-width: 768px) and (max-width: 1023px) {
body .slider-text {
    padding: 20px !important;
    position: absolute;
    right: 0;
}
body #cshero-header.transparentFixed .btn-navbar i:after, .csbody .cshero-menu-mobile a i:after {
    -webkit-box-shadow: -8px 2px 0 2px #222222, -12px 9px 0 2px #222222, 0 16px 0 2px #222222;
    -moz-box-shadow: -8px 2px 0 2px #222222,-12px 9px 0 2px #222222,0 16px 0 2px #222222;
    -ms-box-shadow: -8px 2px 0 2px #222222,-12px 9px 0 2px #222222,0 16px 0 2px #222222;
    -o-box-shadow: -8px 2px 0 2px #222222,-12px 9px 0 2px #222222,0 16px 0 2px #222222;
    box-shadow: -8px 2px 0 2px #222222, -12px 9px 0 2px #222222, 0 16px 0 2px #222222;
}
body #cshero-header {
    background-color: rgba(255,255,255,0.6) !important;
}
body .footer-bottom-1 {
    text-align: center;
}
}


/*Ipad pro*/

@media (min-width: 1024px) and (max-width: 1365px) {
body .slider-text {
    padding: 20px !important;
    position: absolute;
    right: 0;
}

}