/*

Theme Name: Hartland Overhead Door Theme

Description: Child theme for Avada by Ocreative

Author: Ocreative

Author URI: https://ocreative.com

Template: Avada

*/

.white-text p, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text ul, .white-text li, .white-text .author {color:#FFF !important;}

.background-cover {background-size:cover !important;}

.red-button, .vfbp-form .btn-primary, .vfbp-form .btn-primary:hover {
	padding:10px 30px 12px;
	color:#FFF !important;
	background-color:#c81f22;
	display:inline-block;
	border-radius:0px;
	border:0px !important;
	margin-top:15px !important;
}

.red-button a {color:#FFF !important;}

.red-button:hover, .red-button a:hover, .vfbp-form .btn-primary:hover {
	background-color:#961f22 !important; 
	border:0px !important;
}

.bottom-align .red-button {
	position:absolute !important; 
	display:inline-block !important; 
	bottom:0px !important;
}

.vfbp-form .btn {
	font-size:18px !important;
}

/* Header Styling */ 

.fusion-header {
	padding-left:0px !important; padding-right:0px !important;
}

#menu-main-menu {
	margin-top:35px !important;
}

/* Homepage Styling */

.edn_static_text .edn-text-link a {
	background-color:transparent !important; 
	color:#FFF !important; 
	text-decoration:underline !important;
}

.edn-custom-template .edn-top-up-arrow {background-color:transparent !important;}

.edn-custom-template[data-barid=apexbar-0] .edn-mulitple-text-content, .edn-custom-template[data-barid=apexbar-0] .edn_static_text, .slider_template_wrapper .edn-tweet-content, .edn-post-title-wrap .edn-post-title li, .edn-custom-template[data-barid=apexbar-0] .edn_static_text, .slider_template_wrapper .edn-tweet-content, .edn-post-title-wrap .edn-post-title li, .edn-custom-template[data-barid=apexbar-0] .edn-tweet-content, .edn-custom-template[data-barid=apexbar-0] .edn-tweet-content a, .edn-custom-template[data-barid=apexbar-0] .ticker-content, .edn-custom-template[data-barid=apexbar-0] a, .edn-custom-template[data-barid=apexbar-0] .ticker-wrapper .ticker-content a, .edn-custom-template[data-barid=apexbar-0] .ticker-wrapper .ticker-content .edn-tweet-content, .edn-custom-template[data-barid=apexbar-0] .ticker-wrapper .edn-mulitple-text-content {font-family:"Barlow Semi Condensed" !important;}

.edn-custom-template.edn-position-top .edn_pro_static_pattern .edn_static_text {padding:6px 5% !important;}

.text-padding {
	padding-top:20px !important;
	padding-left:10% !important; 
	padding-right:10% !important;
	padding-bottom:20px !important;
}

.border-1-top {border-top:1px solid #333;}

.page-id-11 .vfbp-form label, .remove-label .vfbp-form label {display:none !important;}

/* Testimonial Element Styling */

.testimonial-thumbnail {
	width:150px !important; 
	float:left !important;
}

.fusion-testimonials.clean blockquote {
	width: calc(100% - 150px) !important; 
	float:right !important;
}

.fusion-testimonials.clean blockquote q {padding-top:5px !important; letter-spacing:normal !important;}

.fusion-testimonials.clean .author {letter-spacing:normal !important;}

.fusion-testimonials.clean blockquote q, blockquote {
	background-color:transparent !important;
	font-size:26px !important; 
	line-height:34px !important;
}

.author {
	padding-left:175px !important;
}


.fusion-testimonials.clean .author {
	text-align:left !important;
}

.fusion-testimonials blockquote q {
	font-style:normal !important;
	text-align:left !important;
}

	/* Testimonial Styling */ 

	.grey-divider {border-right:2px solid #afafaf !important;}

	.review blockquote, .review .company-name {margin-bottom:10px !important;}

/* Misc Styling */

.text-pad-bottom, .textpad-bottom {
	padding-bottom:40px !important;
}

.pad-bottom {
	padding-bottom:15px !important;
}

.pad-top {
	padding-top:15px !important;
}

.pad-side {
	padding-left:10% !important; 
	padding-right:10% !important;
}



/* Link Styling */

.white-link:hover::after {
  width: 25%;
  margin:0px auto;
}

.white-link {
  display: inline-block;
  font-weight:bold;
}

.white-link::after {
  content: '';
  width: 100%;
  height: 1px;
  display: block;
  background: #FFF;
  transition: 300ms;
}

.red-link:hover::after {
  width: 25%;
  margin:0px auto;
}

.red-link {
  display: inline-block;
  font-weight:bold;
  color:#000 !important;
}

.red-link::after {
  content: '';
  width: 100%;
  height: 1px;
  display: block;
  background: #c81f22;
  transition: 300ms;
}

/* Contact Form Styling */

.vfb-form-group {
	font-weight:bold !important;
	font-size:26px !important;
}

/* Footer Styling */

.fusion-footer-widget-area {
	border-top:1px solid #797979 !important;
}

.footer-column {
	width:30% !important; 
	padding-right:3%!important; 
	float:left !important;
	padding-bottom:15px !important;
}

.fusion-footer-widget-column {
	margin-bottom:20px !important;
}

/* 404 Page */

.error404 #content, .search-results #content {padding-top:60px !important; padding-bottom:60px !important;}

@media screen and (max-width:1480px) {
	
	.fusion-header .fusion-row {padding-left:2% !important; padding-right:2% !important;}
	
	h1 {font-size:42px !important; line-height:48px !important;}
	h2 {font-size:36px !important; line-height:42px !important;}
	h3 {font-size:32px !important; line-height:38px !important;}
	h4 {font-size:26px !important; line-height:32px !important;}
	h5 {font-size:22px !important; line-height:28px !important;}
	h6 {font-size:20px !important; line-height:26px !important;}
	p, ul, li {font-size:18px !important; line-height:24px !important;}
	
}

@media screen and (max-width:1368px) {
	
	.fusion-header .fusion-logo {max-width:280px !important;}
	
	#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item > a.mega-menu-link {font-size:21px !important;}
	
}

@media screen and (max-width:1140px) {
	
	.fusion-header .fusion-row {padding-left:1% !important; padding-right:1% !important;}
	
	.fusion-header .fusion-logo {max-width:240px !important;}
	
	#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-item > a.mega-menu-link {font-size:19px !important;}
	
}

@media screen and (min-width:1025px) {
	
    .mobile-darken-bg {
        position: relative;
    }

    .mobile-darken-bg::after {
        content: "";
        position: absolute;
        inset: 0;

        background: linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.65) 0%,
            rgba(0, 0, 0, 0.40) 60%,
            rgba(0, 0, 0, 0.00) 100%
        );

        pointer-events: none;
        z-index: 1;
    }

    .mobile-darken-bg > .fusion-builder-row {
        position: relative;
        z-index: 2;
    }
	
}


@media screen and (max-width:1024px) {
	
	.fusion-footer-widget-area {background:#f0f0f0 !important;}
	
    .mobile-darken-bg {
        position: relative;
    }

    .mobile-darken-bg::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        background: rgba(0, 0, 0, 0.50);

        pointer-events: none;
        z-index: 1;
    }

    .mobile-darken-bg > .fusion-builder-row {
        position: relative;
        z-index: 2;
    }
	
	.padding-fix .fusion-column-wrapper, .container-padding-fix {padding-left:6% !important; padding-right:6% !important;}
	
	.text-align-change h4 {
		text-align:center !important;
	}
	
	/* Testimonial Page */

	.grey-divider {
		border-right:0px !important;
	}
	
	/* Misc Styling */ 
	
	.pad-side {
		padding-left:0% !important; 
		padding-right:0% !important;
	}
	
	/* Font Size */
	
	h1 {font-size:36px !important; line-height:42px !important;}
	h2 {font-size:32px !important; line-height:38px !important;}
	h3 {font-size:29px !important; line-height:35px !important;}
	h4 {font-size:26px !important; line-height:32px !important;}
	h5 {font-size:22px !important; line-height:28px !important;}
	h6 {font-size:20px !important; line-height:26px !important;}
	p, ul, li {font-size:18px !important; line-height:24px !important;}
	
	/* Header and Menu styling */
	
	.fusion-body .fusion-header-wrapper .fusion-header, .fusion-body .fusion-header-wrapper .fusion-secondary-main-menu {background-color:rgba(0,0,0,0.30) !important;}
	
	.fusion-header .fusion-row {padding-left:3% !important; padding-right:3% !important;}
	
	.fusion-mobile-menu-icons a {color:#FFF !important; font-size:40px !important;}
	
	.fusion-header-v3 .fusion-header {border-bottom:0px !important;}
	
	.fusion-footer-widget-area {background-size:cover !important;}
	
	
}

@media screen and (max-width:800px) {
	
.fusion-secondary-menu>ul>li>a {height:32px !important;}

	
.testimonial-thumbnail {
	width:100% !important; 
	max-width:120px !important;
	float:none !important;
	text-align:center !important;
}

.fusion-testimonials.clean blockquote {
	width:100% !important; 
	float:none !important;
	text-align:center !important;
}
	
.fusion-testimonials.clean .author {
	text-align:center !important;
}
	
.author {
	padding:0px !important
	}


.icon-area .fusion-column-wrapper, .icon-area .fusion-layout-column {
	padding:0px !important; 
	text-align:center !important;
	margin-bottom:0px !important;
	}
	
.footer-column {width:100% !important; text-align:center !important; float:none !important;}
	
#black-studio-tinymce-3 .footer-column:nth-child(3) {
	width:250px !important; 
	margin:0px auto !important; 
	display:block !important; 
	position:relative !important; 
	float:none !important;
	}
	
#black-studio-tinymce-4 {text-align:center !important;}
	
}

@media screen and (max-width:640px) {
	
	.opener-icons {text-align:center !important;}
	.opener-icons img {display:block !important; text-align:center !important; margin:0px auto !important;}
	
		/* Font Size */
	
	h1 {font-size:32px !important; line-height:38px !important;}
	h2 {font-size:29px !important; line-height:35px !important;}
	h3 {font-size:27px !important; line-height:33px !important;}
	h4 {font-size:25px !important; line-height:31px !important;}
	h5 {font-size:21px !important; line-height:27px !important;}
	h6 {font-size:19px !important; line-height:25px !important;}
	p, ul, li {font-size:18px !important; line-height:24px !important;}

	.fusion-footer .textwidget p, .fusion-footer .textwidget h4 { text-align: center; }
}