@charset "utf-8";
/*
Theme Name:     Twenty Nineteen Child
Theme URI:      MLW Roofing
Description:    Theme Child as per theme Twenty Nineteen
Author:         Kal
Author URI:     MLW Roofing
Template:       twentynineteen
Version:        0.1.0
*/

/*@import url("../twentynineteen/style.css");*/

/*============================================Kal===============================================*/
@font-face {
    font-family: 'HeeboRegular';
    src: url('fonts/HeeboRegular.eot');
    src: url('fonts/HeeboRegular.eot') format('embedded-opentype'),
         url('fonts/HeeboRegular.woff2') format('woff2'),
         url('fonts/HeeboRegular.woff') format('woff'),
         url('fonts/HeeboRegular.ttf') format('truetype'),
         url('fonts/HeeboRegular.svg#HeeboRegular') format('svg');
}

@font-face {
    font-family: 'HeeboBold';
    src: url('fonts/HeeboBold.eot');
    src: url('fonts/HeeboBold.eot') format('embedded-opentype'),
         url('fonts/HeeboBold.woff2') format('woff2'),
         url('fonts/HeeboBold.woff') format('woff'),
         url('fonts/HeeboBold.ttf') format('truetype'),
         url('fonts/HeeboBold.svg#HeeboBold') format('svg');
}

@font-face {
    font-family: 'HeeboLight';
    src: url('fonts/HeeboLight.eot');
    src: url('fonts/HeeboLight.eot') format('embedded-opentype'),
         url('fonts/HeeboLight.woff2') format('woff2'),
         url('fonts/HeeboLight.woff') format('woff'),
         url('fonts/HeeboLight.ttf') format('truetype'),
         url('fonts/HeeboLight.svg#HeeboLight') format('svg');
}

body{overflow-x: hidden; font-size: 16px; font-family: 'HeeboRegular'!important; color: #3b3b3b; line-height: 1.3em!important; padding: 0!important; margin: 0!important;}
html{margin-top: 0!important;}
p{font-size: 16px!important; line-height: 26px!important; margin-bottom: 5px!important; margin-top: 0!important;}
p a{color: #333!important; text-decoration: none!important;}
p a:hover{color: #004a4d !important;}
a{text-decoration: none!important;}
.stm-navigation a{text-transform: uppercase;}
.stm-iconbox__description{font-size: 16px!important;}
.site-header { padding:0 !important;}
.stm-header { margin-bottom:0 !important;}
li.current_page_item a{ color: #01aeb5!important;}
.stm-iconbox__description a{color:#3e3e3f!important;}
.stm-iconbox__description a:hover{color:#000000!important;}

.stm-header__row_color.elements_in_row_1 .container{ padding-bottom:15px; border-bottom: solid 1px #d2d2d2;}
.stm_btn.stm_hb_mbc{color: #ffffff!important; font-size: 14px!important;  font-family: 'HeeboBold';}
.stm-header__hb .stm-navigation__default > ul > li > a{font-size: 14px!important;}
.stm-iconbox__icon{font-size:18px!important;}
.stm-iconbox{line-height:19px!important;}

.site-branding{display: none!important;}
.entry-header{display: none!important;}
.entry .entry-content, .entry .entry-summary{max-width:100%!important;}

.banner_text div{font-family: 'HeeboBold'!important; font-weight: normal!important; text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.62);}
.banner_text2 div{font-family: 'HeeboRegular'!important; font-weight: normal!important;}

/*.entry-content { width: 1170px !important; padding: 0!important; margin: 0 auto!important;}
.entry .entry-content > *, .entry .entry-summary > *{margin:0!important;}*/
/*.entry .entry-content > *, .entry .entry-summary > * { max-width: calc(10 * (100vw / 12) - 28px); margin:0 !important;}*/

h1, h2 {font-family: 'HeeboBold'!important; color: #01aeb5!important; font-size: 46px!important; font-weight: normal!important; line-height:1.1em!important; margin-bottom:0!important; margin-top: 0!important;}
h3 {font-family: 'HeeboBold'!important; color: #01aeb5!important;  font-weight: normal!important; line-height:1.1em!important; margin-bottom:0!important; margin-top: 0!important;}

h4{margin-bottom: 0!important;}
h1:not(.site-title)::before{display: none!important;}
h2:not(.site-title)::before{display: none!important;}
h3:not(.site-title)::before{display: none!important;}
h4:not(.site-title)::before{display: none!important;}

.welcome_hd {font-size: 66px!important; color: #01aeb5!important;}
.welcome_hd strong{font-size: 40px!important; color: #3e3e3f!important; font-family: 'HeeboLight'!important; font-weight: normal!important;}

.welcome_padding{padding-top: 5%!important; adding-left:2%!important; padding-right: 8%!important;}
.welcome_padding .kc_button{text-align: center;}

.footer_phone{background:url(images/footer_phone.png) no-repeat left 7px; padding:4px 0 6px 25px; display: block;}
.footer_phone a:hover{color:#004a4d!important;}
.footer_mobile{background:url(images/footer_mobile.png) no-repeat left 7px; padding:4px 0 6px 25px; display: block;}
.footer_mobile:hover{color:#004a4d!important;}
.footer_mail{background:url(images/footer_mail.png) no-repeat left 7px; padding:4px 0 6px 25px; display: block;}
.footer_mail:hover{color:#004a4d!important;}

.mk-footer-copyright{opacity: inherit!important;}
.mk-footer-copyright span{ color: #726464!important;}
.mk-footer-copyright a{ color: #387bf0!important; text-transform: uppercase;}

.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{width: 100%!important;  font-size: 14px!important; background: #ebebeb; border: 0!important; margin-bottom: 10px; padding: 10px; font-family: 'HeeboRegular'!important; color: #333!important;}

.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel{width: 100%!important; font-size: 14px!important; background: #ebebeb!important; border: 0!important;  margin-bottom: 10px;  padding: 10px; font-family: 'HeeboRegular'!important; color: #888888!important;}

textarea{width: 100%!important; height: 80px;font-size: 14px!important;  background: #ebebeb!important; border: 0!important; margin-top:0;  margin-bottom: 10px;  padding: 10px; font-family: 'HeeboRegular'!important; color: #333!important;}

.wpcf7-form-control.wpcf7-submit{background:#01aeb5!important; border: 0!important; color: #ffffff!important; font-size: 16px!important; padding-top:7px!important; padding-bottom: 8px!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; width: 120px; height: 42px; text-align: center; padding: 10px 20px!important; font-family: 'HeeboBold'!important; font-weight: normal!important; text-transform: uppercase!important; font-size: 18px!important; line-height: 24px!important; -webkit-transition: all 0.5s ease-in-out;  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; cursor: pointer; font-weight: normal!important;}
.wpcf7-form-control.wpcf7-submit:hover{background: #000!important; -webkit-transition: all 0.5s ease-in-out;  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

.site-footer{display: none!important;}
.entry-footer{display: none!important;}
.sfwa_footer_area{padding-top:10px!important; padding-bottom:10px!important;}
.sfwa_footer_area h3{ font-size: 16px!important; font-family: 'HeeboRegular'!important; color: #ffffff!important; font-weight: normal!important; text-transform: uppercase; margin-bottom: 20px!important;}
.sfwa_footer_area .textwidget{font-size: 14px!important; line-height: 20px!important;}
.footer-information .sfwa_contained {padding-top:35px; padding-bottom: 35px!important;}

.footer_menu{margin: 0!important; padding: 0!important; list-style: none!important;}
.footer_menu li{background: url(images/footer_list_icon.png) no-repeat left 5px; padding-left:15px!important; line-height:1.6em!important; margin-bottom: 6px!important; }
.footer_menu li a:hover{color: #004a4d!important;}

.footer-information .sfwa_footer_area:nth-child(1){margin-top:4%;}

.footer-creditibility .sfwa_contained{ text-align: center!important; color:#252525!important; }
.footer-creditibility .sfwa_contained a{ color:#01aeb5!important; }
.footer-creditibility .sfwa_contained .widget_text{margin-bottom: 0!important;}

.text_slide_style{font-family: 'robotoregular'!important;}

.stm_mobile__header{width: 96%!important; padding-left: 2%!important; padding-right: 2%!important;}
.stm_mobile__header .stm_mobile__logo{margin-left:10px!important; }

.stm-header__cell{margin-bottom: 0!important;}

i.stm-iconbox__icon.fa-phone{transform: rotate(10deg) scaleX(-1);}

.kc-contact-form7 p{margin-bottom: 5px!important; margin-top: 0!important;}

.image-ultimate-responsive-2 h3{ font-size: 30px!important; font-weight: normal!important; font-family: 'HeeboLight'!important; color: #ffffff!important;}

.image-ultimate-hover .iheu-fade-up{opacity:1!important;}
.image-ultimate-hover-1 .iheu-info{opacity:1!important; background: rgba(00, 00, 00, 0.2)!important;}
.image-ultimate-hover-1:hover .iheu-info{ background: rgba(00, 00, 00, 0.8)!important;}

.image-ultimate-responsive-4 h3{ font-size: 18px!important; font-weight: normal!important; font-family: 'HeeboLight'!important; color: #ffffff!important;}
.image-ultimate-hover .iheu-fade-up{opacity:1!important;}
.image-ultimate-hover-2 .iheu-info{opacity:1!important; background: rgba(00, 00, 00, 0.1)!important;}
.image-ultimate-hover-2:hover .iheu-info{ background: rgba(00, 00, 00, 0.8)!important;}

.callto_div h5{ font-family: 'HeeboRegular'!important; font-weight: normal!important;}
.callto_div div{ font-family: 'HeeboBold'!important; font-weight: normal!important;}
.font_color_style{font-family: 'HeeboBold'!important;}
.bottom_home_logo{margin-top:-70px!important; position: relative; z-index: 999;}

.callto_div a:hover{color:#004a4d !important; }

.list_style{width: 100%;}
.list_style ul{ list-style:none!important; padding: 0!important;}
.list_style ul li{ background: url(images/list_icon.png) no-repeat left 5px; padding-left:15px!important; line-height:1.6em!important; margin-bottom: 5px!important;}


.footer_social{width: 100%; background: #3d3d3e; padding:60px 2% 40px 2%; text-align: center; float: left; clear: both;}
.footer_social h4{ color: #ffffff!important; font-size: 30px!important; font-weight: normal!important; font-family: 'HeeboRegular'!important; margin-top: 0!important; margin-bottom: 25px!important;}

.zoom-social_icons-list-span{border: solid 1px #ffffff!important; -webkit-border-radius: 50px!important; -moz-border-radius: 50px!important; border-radius: 50px!important;}
.zoom-social_icons-list-span:hover{background:#fff!important; }

#stm_my-header{background: #ffffff!important; z-index:999!important;}
.stm-header__row_color.stm-header__row_color_center.elements_in_row_2{background: #ffffff!important; z-index:999!important;}


/*.n2-ss-align{width: 100%!important;}
.n2-ss-align > .n2-ss-slider{width: 100%!important;}
.n2-ss-align >  .n2-ss-slider > .n2-ss-swipe-element{width: 100%!important;}

.n2-ss-align > .n2-ss-slider-1{width: 100%!important;}
.n2-ss-align >  .n2-ss-slider-1 > .n2-ss-swipe-element{width: 100%!important;}*/

.search-form{width: 100%;}
.search-form .search-field{width: 100%; padding: 10px; -webkit-border-radius: 8px!important; -moz-border-radius: 8px!important; border-radius: 8px!important; border: solid 1px #ccc; margin-bottom: 10px; -webkit-transition: all 0.5s ease-in-out;  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; cursor: pointer;}

.search-form .search-submit{background: #01aeb5 !important;padding: 10px 0; text-align: center; color: #fff!important; -webkit-transition: all 0.5s ease-in-out;  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; cursor: pointer; border: 0; width: 150px; margin: 0 auto; display: block; font-family: 'HeeboBold' !important; font-size: 16px; text-transform: uppercase;}
.search-form .search-submit:hover{background: #000 !important; color: #01aeb5!important; -webkit-transition: all 0.5s ease-in-out;  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; cursor: pointer;}

.footer_checkatrade{width:96%; text-align:center; padding:30px 2%; float:left;}

/*============================================Media===============================================*/

@media only screen and (min-width: 320px) and (max-width: 767px) {

	h1{font-size: 30px!important;}
	h2{font-size: 26px!important;}
	h3{font-size: 24px!important;}
	h4{font-size: 20px!important;}
	.welcome_hd strong{font-size: 22px!important;}
	.stm-iconbox__description{font-size: 14px!important;}
	.entry-content{padding: 0!important;}
	
.home_contact_text h4{font-size: 26px!important;}
.home_contact_text h4 strong{font-size: 20px!important;}
.stm-header__hb .stm-navigation__default > ul > li > a{padding-top:6px!important; padding-bottom: 6px!important;}

.conversions_row h4{ font-size: 24px!important;}
.conversions_row{padding-bottom: 40px!important;}
.gallery_row .item-grid.grid-3{width: 30.7%!important;}
.stm-header__cell .stm-header__element:nth-child(2) .stm-iconbox{margin-top:-15px!important;}
.stm-socials{margin-top:-15px!important;}
.stm-header__element:nth-child(1) .stm-iconbox__description {  font-size: 16px !important;}
	
.stm-header__element{margin-top:-15px!important;}
.stm-header__row_color.elements_in_row_1 .container{ padding-bottom:0; }
.stm-header__element.stm-header__element_btn_solid{text-align: center;}
.banner_text div{font-size: 26px!important;}
/*.entry .entry-content > *, .entry .entry-summary > *{width: 100%!important; max-width: 1200px; left: 0;}*/
	
.welcome_padding{padding:6%!important;}
.image-ultimate-responsive-2 h3{ font-size: 22px!important;}
}



@media only screen and (min-width: 320px) and (max-width: 360px) {

h1{font-size: 26px!important;}
h2{font-size: 24px!important;}
h3{font-size: 22px!important;}
h4{font-size: 20px!important;}
.image-ultimate-responsive-2 h3{ font-size: 16px!important;}
.footer_mail{font-size: 11px!important;}
}

@media only screen and (min-width: 360px) and (max-width: 480px) {
h1{font-size: 26px!important;}
h2{font-size: 24px!important;}
h3{font-size: 22px!important;}
h4{font-size: 20px!important;}
.image-ultimate-responsive-2 h3{ font-size: 16px!important;}
	
.conversions_row{padding-bottom: 0!important;}
}

@media only screen and (min-width: 375px) and (max-width: 414px) {
h1{font-size: 26px!important;}
h2{font-size: 24px!important;}
h3{font-size: 22px!important;}
h4{font-size: 20px!important;}
.image-ultimate-responsive-2 h3{ font-size: 16px!important;}
	
.footer_mail{font-size: 14px!important;}
}


@media only screen and (min-width: 480px) and (max-width: 600px) {

}

@media only screen and (min-width: 480px) and (max-width: 640px) {
.top_book{top: 45%;}
}

@media only screen and (min-width: 620px) and (max-width: 700px) {
.top_book{top: 45%;}
}
@media only screen and (min-width: 667px) and (max-width: 740px) {
.top_book{top: 45%;}
}
@media only screen and (min-width: 768px) and (max-width: 900px) {
	
	h1{font-size: 30px!important;}
	h2{font-size: 26px!important;}
	h3{font-size: 24px!important;}
	h4{font-size: 20px!important;}

	.stm-header__hb .stm-navigation__default > ul > li > a{padding-top:6px!important; padding-bottom: 6px!important;}
	.home_boxs .content-title{font-size: 16px!important;}
	.home_welcome .kc_col-sm-6{width: 100%!important;}
	.stm-header__element:nth-child(1) .stm-iconbox__description {  font-size: 16px !important;}
	.footer_mail{font-size: 13px!important;}
	.banner_text div{font-size: 36px!important;}
	.welcome_padding{padding:2%!important;}
	.welcome_padding{margin-top: 0!important;}
	
	.home_welcome img{ width: 100%;}
	.image-ultimate-responsive-2 h3{ font-size: 24px!important;}
	.sfwa_grid_five .footer-information .sfwa_row .sfwa_footer_area{width: 50%;}
}

@media only screen and (min-width: 800px) and (max-width: 900px) {
	
	h1{font-size: 30px!important;}
	h2{font-size: 26px!important;}
	h3{font-size: 24px!important;}
	h4{font-size: 20px!important;}

}

@media only screen and (min-width: 930px) and (max-width: 960px) {
	
	.home_contact_text h4{font-size: 26px!important;}
	.home_contact_text h4 strong{font-size: 20px!important;}
	.stm-header__hb .stm-navigation__default > ul > li > a{padding-top:6px!important; padding-bottom: 6px!important;}
	.home_welcome .kc_col-sm-6{width: 100%!important;}
	.conversions_row .kc_col-sm-6{width: 100%!important;}
	.conversions_row h4{ font-size: 26px!important;}
	.conversions_row{padding-bottom: 40px!important;}
	.gallery_row .item-grid.grid-3{width: 30.7%!important;}
	
	.stm-header__cell .stm-header__element:nth-child(2) .stm-iconbox{margin-top:-15px!important;}
.stm-socials{margin-top:-15px!important;}
	.stm-iconbox__description {  font-size: 11px !important;}
.stm-header__element:nth-child(1) .stm-iconbox__description {  font-size: 16px !important;}
	.footer_mail{font-size: 13px!important;}
}
@media only screen and (min-width: 1024px) and (max-width: 1050px) {
	
	h1{font-size: 30px!important;}
	h2{font-size: 26px!important;}
	h3{font-size: 24px!important;}
	h4{font-size: 20px!important;}
	.stm-header__hb .stm-navigation__default > ul > li > a{padding: 0 8px!important; font-size: 14px!important; }

	.home_contact_text h4{font-size: 26px!important;}
	.home_contact_text h4 strong{font-size: 20px!important;}
	.home_boxs .content-title{font-size: 16px!important;}
	.home_welcome .kc_col-sm-6{width: 100%!important;}	
	.banner_text div{font-size:48px!important;}
}


