/*
Theme Name:  FreeGren Digital Divi Child
Theme URI:   https://www.freegren.com/
Version:     2.0
Description: This is the custom css by petenice.com helping out FreeGren Digital on the GetRoofPro project
Author:      FreeGren Digital
Author URI:  https://www.freegren.com/
Template:    Divi
*/

@import "style-breakpointz.css";
@import "style-colors.css";
@import "style-helpers.css";
@import "style-formz.css";
@import "style-menu.css";
@import "style-fontz.css";

/*------------------------------------------------*/
/*-----------------[NICE STYLES]-----------------*/
/*------------------------------------------------*/

/* .logo_container {border: solid red 1px;} */

/* @media only screen and (max-width: 1298px) {#logo {max-width: 200px;} } */

.fhs-home-hero-row {
	border: solid yellow 1px;
	height: 400px;
}

#main-header {}

.et_menu_container {}

body.custom-background {background-color:#ffffff!important;}

.trim.white {width: 20px; height: 4px; background-color: #fff;}

/* when there are six menu items, the top menu wraps and it breaks the design */
@media only screen and (max-width: 1223px) {
	#top-menu li a {font-size: 14px!important;}
	.et_header_style_left #et-top-navigation nav>ul>li>a {padding-bottom:17px!important;}
	.et_header_style_left #et-top-navigation {position: relative; top: -19px;}
}
.mobile_menu_bar {top: 19px;}
/* such a PIA */


/* ----------- BUTTNZ -------------- */

.btn {
	display: inline-block; margin: 0 auto; width: 260px; padding: 20px 10px; text-align: center;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.5); color: #000;
	font-family: 'Libre Franklin', sans-serif; font-weight: 600; font-size: 22px; line-height: 26px; color: #FFFFFF;
	text-decoration: none!important;
}

.btn.green {background-color: #005247;}
.btn.green:hover {background-color: #E18400;}
.btn.yellow {background-color: #F8B100;}
.btn.yellow:hover {background-color: #F25502;}

.btn.black.roof {color:#fff; width: 100%; padding-left: 0!important; background: #000 url('/wp-content/themes/Divi-FreeGren/imgz/ico-roof.svg') no-repeat 30px 20px; margin-bottom: 4%;}
.btn.black.roof:hover {background-color: #E18400;}
@media only screen and (max-width: 552px) {
	.btn.black.roof {background: #000;}
}

.btn.small.black.roof {color:#fff; width: 100%; background: #000 url('/wp-content/themes/Divi-FreeGren/imgz/ico-roof-sm.svg') no-repeat 10px 25px;}
.btn.small.black.roof:hover {background-color: #E18400;}
@media only screen and (max-width: 1190px) {
	.btn.small.black.roof {background: none; background-color: #000;}
}


.btn.orange.quote {background-color:#E18400; width: 400px; padding:40px 20px; font-size: 30px; display: block; margin: 0 auto;}
.btn.orange.quote:hover {background-color:#FFB902;}
@media only screen and (max-width: 980px) {
	.btn.orange.quote {width: 80%;}
}


.btn.orange.big {background-color:#E18400; width: 400px; padding:40px 20px; font-size: 30px; display: block; margin: 0 auto; margin-bottom:30px; margin-top:20px;}
.btn.orange.big:hover {background-color: #F25502; color: #fff;}
@media only screen and (max-width: 980px) {
	.btn.orange.big {width: 80%;}
}

.btn.green.big {background-color:#005247; width: 300px; padding:20px 20px; font-size: 20px; display: block; margin: 0 auto; margin-bottom:30px; margin-top:20px;}
.btn.green.big:hover {background-color:#FFB902; color: #fff;}
@media only screen and (max-width: 980px) {
	.btn.green.big {width: 80%;}
}

.btn.blue {background-color: #0C5A7E; color: #fff; padding: 10px 5px; margin: 10px 0px;}
.btn.blue:hover {background-color: #F25502; color: #fff;}

.btn.orange.airplane {background: #F25502 url('/wp-content/themes/Divi-FreeGren/imgz/icon-seaplane-white.svg') no-repeat center 20px; color: #fff;}
.btn.orange.airplane:hover {background: #F8B100 url('/wp-content/themes/Divi-FreeGren/imgz/icon-seaplane-white.svg') no-repeat center 20px; color: #fff;}
.btn.yellow.gift {background: #F8B100 url('/wp-content/themes/Divi-FreeGren/imgz/icon-gift.svg') no-repeat center 20px; color: #fff;}
.btn.yellow.gift:hover {background: #F25502 url('/wp-content/themes/Divi-FreeGren/imgz/icon-gift.svg') no-repeat center 20px; color: #fff;}

.btn.boxy {width: 100px; height: 90px!important; width: 130px!important; padding-top: 50px; display: inline-block;}
.btn.wide {width: 360px; padding-left: 56px; background-position-x: 18px!important; margin: 0 auto;}


/* ---------- AWESOME HEROZ ---------- */

#header-button-bar {
		/* border: solid red 1px; */
		width: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
		position: relative;
		top: -90px;
		z-index: 99;
}
#header-button-bar img {width:200px;}
.header-button-no-height {height: 0px!important; z-index: 99;}
.header-button-no-height > .et_pb_column {
	/* border: solid blue 1px;  */
	height: 230px!important;
}

@media only screen and (max-width: 980px) {
	#header-button-bar {width: 490px;}
	#header-button-bar img {width: 100px;}
	#header-button-bar .btn {width: 160px; font-size: 14px; line-height: 18px; }
	.header-button-no-height {height: 60px!important;}
	.header-button-no-height > .et_pb_column {height: 0px!important;}
}
@media only screen and (max-width: 780px) {
	#header-button-bar { width: 490px; display: block; text-align: center; top: -83px;}
	#header-button-bar img {width: 100px; display: none;}
	#header-button-bar .btn {width: 140px; font-size: 12px; line-height: 14px; display: inline-block; }
	#header-button-bar .btn.bid {margin-right: 4px;}
	.header-button-no-height {height: 0px!important;}
	.header-button-no-height > .et_pb_column {height: 0px!important;}
}
@media only screen and (max-width: 579px) {
	#header-button-bar {width: 310px; display: block; text-align: center; top: -60px;}
	#header-button-bar .btn {width: 140px; font-size: 12px; line-height: 14px; display: inline-block; }
}

body.page .nice-header {min-height: 400px;}
body.home .nice-header {min-height: 460px;}
body.single-post .nice-header {min-height: 460px;}

.nice-header img {width: 80%;}

@media only screen and (max-width: 980px) {
	.nice-header img {width: 90%;}
	body.page .nice-header {min-height: 360px;}
	body.home .nice-header {min-height: 360px;}
	body.single-post .nice-header {min-height: 360px;}
}
@media only screen and (max-width: 579px) {
	body.page .nice-header {min-height: 260px;}
	body.home .nice-header {min-height: 360px;}
	body.single-post .nice-header {min-height: 260px;}
	.nice-header img {width: 95%;}
}

body.home .et_pb_section_7 {background-position: 0px 50px!important;}


/* ----------- BUILD DA PAGES ----------- */


.button-fix {display: block; height:230px;}
@media only screen and (max-width: 980px) {
	.button-fix {display: block; height:80px;}
}
@media only screen and (max-width: 579px) {
	.button-fix {display: block; height:40px;}
}


.nice-divider-green {
width: 100%; text-align: center; background-color: #005247; height: 60px;
display: flex; align-items: center; justify-content: center;
}
.nice-divider-green h2 {font-family: 'Libre Baskerville', serif; font-weight: 400; font-style: italic; font-size: 30px; line-height: 30px; color: #ffffff!important; padding: 0; margin:0;}
@media only screen and (max-width: 980px) {
	.nice-divider-green h2 {font-size: 20px; line-height: 20px;}
	.nice-divider-green {height: 50px;}
}

.nice-divider-stripes {
	height:26px;
	background: #FFF url('/wp-content/themes/Divi-FreeGren/imgz/img-divider-stripes.jpg') repeat-x center center;
}

.nice-title-divider-green h2, .nice-title-divider-green h1 {font-family: 'Libre Franklin', sans-serif; font-weight: 800; font-size: 46px; line-height: 50px; color: #FFFFFF!important;}
.nice-title-divider-green h3 {font-family: 'Libre Baskerville', serif; font-weight: 400; font-style: italic; font-size: 30px; line-height: 30px; color: #ffffff!important; padding: 0; margin:0;}
.nice-title-divider-green {
	/* border: solid yellow 1px; */
}

@media only screen and (max-width: 980px) {
	.nice-title-divider-green {padding:0;}
}

.badge img {max-width: 400px; width: 100%;}

.we-do-it-all {text-align: center; width: 100%;}

.guarantee {height: 100%;}
@media only screen and (max-width: 980px) {
	.guarantee h2 {text-align: center;}
}

.fair-bid h2 {font-family: 'Libre Franklin', sans-serif; font-weight: 800; font-size: 46px; line-height: 50px; color: #FFFFFF!important;}
.fair-bid h3 {font-family: 'Libre Franklin', sans-serif; font-weight: 600; font-size: 30px; line-height: 36px; color: #FFFFFF!important;}
.fair-bid p {color:#fff!important;}

.every-job-fair-bid-white, .every-job-fair-bid-blue {text-align: center;}
.every-job-fair-bid-white h2,
.every-job-fair-bid-blue h2 {font-family: 'Libre Franklin', sans-serif; font-weight: 800; font-size: 46px; line-height: 50px; color: #005247!important;}
.every-job-fair-bid-white h3,
.every-job-fair-bid-blue h3 {font-family: 'Libre Franklin', sans-serif; font-weight: 600; font-size: 30px; line-height: 36px; color: #005247!important;}


.get-bid-form-white {background-color: #fff; padding: 6%; height: 100%;}
.get-bid-form-white h2 {margin-bottom: 30px;}

.get-bid-form-yellow {background-color: #FFB902; padding: 6%; height: 100%;}
.get-bid-form-yellow h2 {margin-bottom: 30px; color: #021326;}

.industry-awards {background-color: #E7EBEE; margin-bottom: 0!important;}
.industry-awards h4 {font-family: 'Libre Franklin', sans-serif; font-weight: 600; font-size: 18px; line-height: 22px; color: #021326!important; padding-top:20px; padding-left: 20px;}

.google-tweak img {margin-bottom: 13px;}

.in-your-area {padding: 2% 4%!important;}
.in-your-area h4 {font-family: 'Libre Franklin', sans-serif; font-weight: 800; font-size: 42px; line-height: 58px; color: #005247!important; text-align: right;}
.in-your-area a {text-decoration: none!important;}
.in-your-area-img.et_pb_row {padding:0!important;}
@media only screen and (max-width: 980px) {
	.in-your-area h4 {text-align: center;}
}

.we-serve {padding: 2% 4%!important;}
.we-serve h2 {font-family: 'Libre Franklin', sans-serif; font-weight: 600; font-size: 30px; line-height: 34px; color: #FFF!important;}
.we-serve p {font-family: 'Libre Franklin', sans-serif; font-weight: 600; font-size: 20px; line-height: 24px; color: #FFF!important;}

.nice-img-grid.et_pb_row {padding-bottom: 0!important;}
.nice-img-grid .et_pb_image {margin-bottom:0!important; box-shadow: 2px 2px 2px rgba(0,0,0,0.5);}
.nice-img-grid .et_pb_column_1_3 {width: 32.6%!important;}
.nice-img-grid .et_pb_column {margin-right: 1%!important;}
@media only screen and (max-width: 799px) {
	.nice-img-grid .et_pb_column_1_3 {width: 100%!important;}
	.nice-img-grid .et_pb_column {margin-right: 0!important;}
}


.nice-box {
	background-color: #fff; box-shadow: 2px 2px 10px rgba(0,0,0,0.5); color: #000; width: 100%; text-align: center;
	max-width: 360px;
	margin: 0 auto;
	justify-content: space-between;
	flex-direction: column;
	display: flex;
}
.nice-box img {width: 100%;}
.nice-box H3 {font-family: 'Raleway', sans-serif; font-weight: 700; font-style: italic; font-size: 30px; line-height: 32px; color: #0C5A7E; padding: 4px;}
.nice-box p {font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; color: #432614;}
.nice-box .btn {position: relative; width: 80%; margin-bottom: 20px;}

.nice-box.h-620 {height: 620px;}
.nice-box.h-480 {height: 480px;}
.nice-box.h-450 {height: 450px;}
.nice-box.h-360 {height: 360px;}


.nice-box.square-img img {width:95%; margin: 0 auto; margin-top: 10px; }

.btn-double {width: 90%; margin: 0 auto; text-align: center;}


.center-caption {width: 60%; margin: 0 auto;}
@media only screen and (max-width: 800px) {
	.center-caption {width: 90%;}
}

.text-list p, .text-list ul li {padding-bottom: .2em; font-size: 16px; line-height: 20px;}
.text-list a {color:#432614;}
.text-list a:hover {color:#F25502;}


/* .page-id-2788 .et_pb_section_5 {border: solid red 1px; height: 1000px;} */


/* ---------- FOOTAH --------------- */

#main-footer {
	background: #005247 url('/wp-content/themes/Divi-FreeGren/imgz/bg-scaffold-white.png') no-repeat right bottom;
}
@media only screen and (max-width: 980px) {
	#main-footer {background: none;}
}

#nice-footer-top {width: 100%; height: 54px; background-color: #1D1D1D!important; }
@media only screen and (max-width: 780px) {
	#nice-footer-top { height: auto;}
}

#nice-footer-top-social {
	position: relative;
	float: right;
	height: 53px;
}
@media only screen and (max-width: 780px) {
	#nice-footer-top-social { display: none;}
}

.social-fb {position: relative; top: 12px; margin-right: 10px;}
.social-insta {position: relative; top: 12px; margin-top: 5px; margin-right: 10px;}

#nice-footer-top-buttnz-container {
	display: block;
	width: 633px;
	height: 54px;
	margin: 0 auto;
	background: url('/wp-content/themes/Divi-FreeGren/imgz/img-footer-bid-bg.png') no-repeat center center;
	text-align: center;
}
@media only screen and (max-width: 780px) {
	#nice-footer-top-buttnz-container  { height: auto; background: none; width: 80%; }
}
a.nice-footer-buttnz {font-family: 'Libre Franklin', sans-serif; font-weight: 600; font-size: 20px; line-height: 22px; color: #005247;}
a.nice-footer-buttnz:hover {text-decoration: underline; color: #021326;}
a.nice-footer-buttnz {display: inline-block; width: 200px; text-align: center; text-decoration: none; position: relative; top: 12px;}
.nice-footer-buttnz.get-bid {margin-right: 70px;}
@media only screen and (max-width: 780px) {
	a.nice-footer-buttnz  { width: 80%; height: 40px; background-color: #FFB902; position: relative; top: 0px; padding-top: 10px;}
	a.nice-footer-buttnz.get-bid  { width: 80%; background-color: #E18400; margin-right: 0;}
}


#menu-footer-menu {text-align: center; margin-top: 30px;}
#menu-footer-menu a { font-family: 'Libre Franklin', sans-serif; font-weight: 100; font-size: 20px; line-height: 24px; color: #FFF; text-decoration: underline;}
#menu-footer-menu a:hover {color: #FFB902;}
@media only screen and (max-width: 780px) {
	.bottom-nav li {display: block; margin-bottom: 4px;}
}

#footer-widgets {padding: 2% 0 0 0;}

#et-footer-nav  {background-color: #005247!important; }

#footer-bottom {
	height: 400px;
	margin: 0 4%;
	background: none!important;
}
.footer-address {text-align: center; position: relative; top: 40px;}
.footer-address p, .footer-address a {font-family: 'Libre Franklin', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; color: #FFF;}
.footer-address a {text-decoration: underline;}

.footer-logo {width: 100%; max-width: 400px!important; position: relative; left:0px; top:0px;}
@media only screen and (max-width: 980px) {
	.footer-logo {display: block; margin: 0 auto;}
}


@media only screen and (max-width: 980px) {}



/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

@media only screen and ( min-width: 981px ) {}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {}

@media screen and ( max-width: 782px ) {}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 479px ) {}
/*-------------------[320px]------------------*/


@media (max-width: 980px) {
	.et_header_style_left #logo {
	max-width: 80%;
	max-height: 100%;
	}
}
#main-content ul, ol { margin-left: 5%; overflow: hidden; }
#top-header ul, #main-header ul {margin-left: 0%;}
.et-social-facebook a.icon:before { content: '\e093'; }
.et-social-twitter a.icon:before { content: '\e094'; }
.et-social-google-plus a.icon:before { content: '\e096'; }
.et-social-pinterest a.icon:before { content: '\e095'; }
.et-social-linkedin a.icon:before { content: '\e09d'; }
.et-social-tumblr a.icon:before { content: '\e097'; }
.et-social-instagram a.icon:before { content: '\e09a'; }
.et-social-skype a.icon:before { content: '\e0a2'; }
.et-social-flikr a.icon:before { content: '\e0a6'; }
.et-social-myspace a.icon:before { content: '\e0a1'; }
.et-social-dribbble a.icon:before { content: '\e09b'; }
.et-social-youtube a.icon:before { content: '\e0a3'; }
.et-social-vimeo a.icon:before { content: '\e09c'; }
.et-social-rss a.icon:before { content: '\e09e'; }
#main-content a { text-decoration: underline; }
#main-content .et-pb-slider-arrows a, #main-content .et_pb_button { text-decoration: none; }
.gform_wrapper input { width: 100%!important; }
.container::before { display: none !important; }
.et_pb_widget_area::after { display: none !important; }
h1, h2, h3, h4, h5, h6 { line-height: 125%; }
#top-menu > li:last-child .sub-menu { position: absolute; right: 0; }


.et_post_meta_wrapper {display: none;}