/*
 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:      3.11.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 */

/* Control font size of roof consult text on front page */
.roof-consult .pull-left p {
    font-size: 22px !important;
}

/* Body Copy Style */
.body-copy p {
	font-size: 1rem;
	color: #888888;
	text-align: left;
	font-family: Raleway;
	font-weight: 400;
	font-style: normal;
}

/* Add spacing to services icon container */
.services-icons-container {
	padding-top: 50px;
	padding-bottom: 10px;
}

/* Over-ride title area repeat */
.roof-page-title {
	background-repeat: repeat !important;
}

/* Center text and buttons */
.center-text {
    text-align: center;
}

/* Footer Code */
.roof-widget {
    margin-bottom: 0px;
}

.roof-footer {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* Start Mobile Code: 767px is phone | 999px is tablet portrait | 1024px is tablet landscape */

@media (min-width: 576px) {
	.roof-title-overlay .col-md-6 {
    	-ms-flex: 0 0 100%;
    	flex: 0 0 100%;
    	max-width: 100%;
	}
}

@media (max-width: 767px) {
	
	/* Control font size of roof consult text on front page */
	.roof-consult .pull-left p {
    	font-size: 16px !important;
	}
	
	/* Text adjustments */
	.home-page-bottom-callout, .home-about-callout, .home-opening-text {
    	font-size: 16px !important;
    	line-height: 22px !important;
	}
	
	.services-page h1, .services-page h2 {
		font-size: 20px !important;
		line-height: 22px !important;
	}
	
	/* Spacing Adjustments */
	.home-about-container
	{
    	padding: 25px;
	}
	
	.home-page-bottom-callout-container {
    	padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.home-opening-container {
		padding: 25px 25px !important;
	}
	
	/* Remove extra padding around services with read more text on mobile */
	.home-services-callout .vc_column-inner {
    	padding-left: 0px;
    	padding-right: 0px;
	}
	
	/* Reduce padding on top of services with read more text on mobile */
	.roof-services {
		padding-top: 10px !important;
	}
	
	/* add spacing between icons on phone when they stack */
	.certification-item {
		margin-bottom: 40px !important;	
	}
	
	/* Title area on services pages */
	.roof-title-overlay {
		padding: 0px;
	}
	
	.roof-secondary {
		padding-top: 0px;
	}
	
	/* Control width of services item sections on mobile */
	.vc_col-sm-3 {
		 width: 100% !important;
	}
}

@media (min-width: 768px) {
	/* Spacing Adjustments */
	.home-page-bottom-callout-container {
    	padding-top: 150px;
		padding-bottom: 150px;
	}
	
	.home-opening-container {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.home-about-container
	{
    	padding: 25px 100px;
	}
	
	/* Adjust title areas on services & contact pages */
	.roof-title-overlay .col-md-6 {
    	-ms-flex: 0 0 100%;
    	flex: 0 0 100%;
    	max-width: 100%;
	}
}

@media screen and (max-width: 991px) {
	/* Adjustment to min-height on footer */
	.roof-footer [class*="col-"] {
    	min-height: auto;
	}
}

@media (max-width: 999px) and (min-width: 769px) {
	/* Control width of services item sections on mobile */
	.vc_col-sm-3 {
		 width: 50% !important;
	}
}

@media (max-width: 1024px) {
	
	/* Text Adjustments */
	/* Control font size of roof consult text on front page */
	.roof-consult .pull-left p {
    	font-size: 18px !important;
	}
	
	.home-page-bottom-callout, .home-about-callout, .home-opening-text {
    	font-size: 18px !important;
    	line-height: 22px !important;
	}
	
	/* Spacing Adjustments */
	/* Adjust white space below mobile nav */
	.roof-page-title, .roof-dhav-dotted {
		margin-top: -7px;
	}

}

@media (max-width: 1199px) {
	/* Text Adjustments */
	.service-info {
		text-align: left;
	}
}

/* Fix for iPad */
@media (max-width: 1199px) and (min-width: 992px) {
	.roof-consult .pull-left p, .roof-consult .roof-btn {
    	font-size: 16px !important;
	}
	
	.roof-consult .roof-btn:before {
    	border-top: 45px solid transparent;
    	border-bottom: 45px solid transparent;
	}
}

@media (max-width: 1300px) and (min-width: 992px) {	
	.home-about-container {
    	padding: 25px 27px;
	}
}