/*
 Theme Name:   Roof Child
 Theme URI:    http://themeforest.net/user/VictorThemes
 Description:  Roof Child Theme
 Author:       VictorThemes
 Author URI:   http://themeforest.net/user/VictorThemes/portfolio
 Template:     roof
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, post-formats, theme-options, translation-ready
 Text Domain:  roof-child
*/

/* Write Custom CSS */
.roof-top-bar {
    display: none;
}
.roof-primary .roof-partners
{
	padding: 10px 0 50px;
}
.top_image h1
{
	color: white;
	font-size: 35px;
	font-weight: 500;
	opacity: 1.0;
}
.top_image h3{
	color: #eeb313;
	font-weight: 500;
	opacity: 1.0;
}
.top_image p{color: white;opacity: 1.0;}
.top_image .content{
	width: 43%;
    padding: 50px 35px 50px 50px;
    background: rgba(47,52,53,0.6);
}
.top_image button{font-weight: 600;}
.top_image button i{right: 30px !important;
    top: 52% !important;
    font-size: 18px !important;}
.roof-footer .roof-social
{
	display: block;
}

header, .is-sticky .roof-header {
 background-color: #211f4e;
}

.contact-item .contact-info, .contact-item .contact-info a, .contact-item .contact-info p {
 color: #eeb313;
}

.menu-style-two .roof-social {
  display: none;
}

.roof-menu.menu-style-two .navbar-nav {
  float: right;
}

.roof-title-overlay {
  text-align:center;
}

.member-list ul.simple-fix li a img {
  width: 50%;
}

.about-cta {
  width: 100%;
  padding: 20px 0px;
}

.roof-menu .navbar-nav > li > a {
  color: #FFFFFF;
}

.roof-main-wrap {
  padding-bottom: 0px;
}

.work-list .roof-picture {
 box-shadow: 5px 5px 5px rgba(0,0,0, 0.2);
 width: 370px;
 height: 250px;
}

.work-list .roof-picture img {
  width: 100%;
  height: 100%;
}

.roof-masonry .view-more {
  display: none;
}

.work-info {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  color: #000000;
  margin: 25px auto;
  opacity: 1;
  background: transparent;
}

.work-info .work-title a {
  color: #000000;
}

.roof-works .filters-nav, .roof-works .filters-nav li, .roof-works .filters-nav > li > a.active {
	background: transparent;
	background-color: transparent;
	color: #eeb313;
}

.roof-works .filters-nav li a, .work-list .work-title {
	color: #ffffff;
}
.works-style-three .work-info .work-category,
.carousel-control {
	
	display: none;
}

.page-id-2192 .roof-main-wrap {
	padding-top: 0;
}

.page-id-2192 .roof-works .filters-nav li a{
	color: #000000;
}
body .owl-drag .owl-nav.disabled {
    display: block!important;
}
body ul, body ol, body p{font-family: "Open Sans", Arial, sans-serif;}

.page-id-2201 .roof-main-wrap, .page-id-2197 .roof-main-wrap {  padding-top: 0px;}
p{color: #232323;}

body.error404 section.roof-main-wrap {   padding-bottom: 60px;}

@media only screen and (min-width: 220px) and (max-width: 1200px){
	.top_image .content { width: 65%; padding: 40px 30px 24px 40px;}
	.work-list .roof-picture{width: 100%;}
	 @media only screen and (max-width : 991px){	
	.roof-logo {  padding:18px 0; max-width:160px;  height:auto;}
	.roof-logo img {width: auto; max-width: 100%;  height: auto;}
	.roof-header .container {  width: 100%;}
	.roof-navigation { float: right; width: auto;  padding: 20px 0;}	 
	.mean-nav .roof-social.style-one{display:none;}
	header { display: inline-flex; width: 100%; float: left;  padding: 0 20px;  justify-content: space-between;}
	.mean-container .mean-bar, .mean-container a.meanmenu-reveal{background: transparent;}
	.mean-container a.meanmenu-reveal{z-index: 9;}
	.mean-container .mean-bar{    overflow-y: inherit;}
	.top_image .content { width: 75%; }
	.mean-container .mean-nav ul { overflow: visible;  position: fixed; background: #000;  top: 0; right: 0; width: 100%; height: 100vh; padding-top: 100px;}
	.container { padding: 0 20px;  width: 100%;}
	.roof-footer ul.simple-fix {  display: inline-flex; flex-wrap: wrap;}
	.member-list ul.simple-fix li a img {  width: 90%;}
	.filters-nav { display: inline-flex;  letter-spacing: 0; flex-wrap: wrap;  justify-content: center;}
	.page-id-2208 .container.roof-main-wrap {  padding-top: 50px;}
	}
	@media only screen and (max-width : 850px){
		.roof-main-wrap {  padding-bottom: 0px!important;}
		.work-list .roof-picture{width: 100%;}
	}
	@media only screen and (max-width : 767px){
	.vc_video-bg.vc_hidden-xs {	display: block!important;}
	.top_image .content { width: 86%;  margin-left: 2%;}
	.roof-title-overlay {  padding: 30px 0;}
	.roof-main-wrap.container {  padding: 35px 15px 0!important;}
	body .vc_custom_1588016199493 {  padding-top: 0px !important;}
		.masonry-item.masonry-grid {  width: 50%;}
		.work-info{padding-bottom:0px!important;}
		.wp-pagenavi{padding-bottom: 25px;}
		.top_image .content { padding: 25px 20px 9px 25px;}
		.top_image h1 { font-size: 25px; margin: 7px auto 20px auto!important;}
		.top_image h3{font-size:14px!important;}
		.vc_btn3.vc_btn3-size-lg { padding-top: 10px;  padding-bottom: 10px; padding-left: 12px;  padding-right: 45px!important;}
		
	}
	@media only screen and (max-width : 519px){
		.work-list .roof-picture { width: 100%;  height: auto;}
		.masonry-item.masonry-grid {  width: 100%;}
		.roof-services {  padding: 0px 0 10px}
		
	}
	@media only screen and (max-width : 320px){
		.top_image h1 { font-size: 18px; margin: 7px auto 10px auto!important;}
		.top_image .content { width: 96%; }
		
	}
}