@charset "utf-8";
/*
Theme Name:     Twenty Nineteen Child
Theme URI:      Horizons Carpentry & Building Ltd
Description:    Theme Child as per theme Twenty Nineteen
Author:         Kal
Author URI:     Horizons Carpentry & Building Ltd
Template:       twentynineteen
Version:        0.1.0
*/

@import url("../twentynineteen/style.css");

/*============================================Kal===============================================*/
@font-face {
    font-family: 'robotoregular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('fonts/Roboto-Medium-webfont.eot');
    src: url('fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('fonts/Roboto-Bold-webfont.eot');
    src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('fonts/Roboto-Light-webfont.eot');
    src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Light-webfont.woff') format('woff'),
         url('fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandongrotesquebold';
    src: url('fonts/brandongrotesquebold.eot');
    src: url('fonts/brandongrotesquebold.eot') format('embedded-opentype'),
         url('fonts/brandongrotesquebold.woff2') format('woff2'),
         url('fonts/brandongrotesquebold.woff') format('woff'),
         url('fonts/brandongrotesquebold.ttf') format('truetype'),
         url('fonts/brandongrotesquebold.svg#brandongrotesquebold') format('svg');
}
@font-face {
    font-family: 'brandongrotesquelight';
    src: url('fonts/brandongrotesquelight.eot');
    src: url('fonts/brandongrotesquelight.eot') format('embedded-opentype'),
         url('fonts/brandongrotesquelight.woff2') format('woff2'),
         url('fonts/brandongrotesquelight.woff') format('woff'),
         url('fonts/brandongrotesquelight.ttf') format('truetype'),
         url('fonts/brandongrotesquelight.svg#brandongrotesquelight') format('svg');
}
@font-face {
    font-family: 'brandongrotesquemedium';
    src: url('fonts/brandongrotesquemedium.eot');
    src: url('fonts/brandongrotesquemedium.eot') format('embedded-opentype'),
         url('fonts/brandongrotesquemedium.woff2') format('woff2'),
         url('fonts/brandongrotesquemedium.woff') format('woff'),
         url('fonts/brandongrotesquemedium.ttf') format('truetype'),
         url('fonts/brandongrotesquemedium.svg#brandongrotesquemedium') format('svg');
}

@font-face {
    font-family: 'brandongrotesqueregular';
    src: url('fonts/brandongrotesqueregular.eot');
    src: url('fonts/brandongrotesqueregular.eot') format('embedded-opentype'),
         url('fonts/brandongrotesqueregular.woff2') format('woff2'),
         url('fonts/brandongrotesqueregular.woff') format('woff'),
         url('fonts/brandongrotesqueregular.ttf') format('truetype'),
         url('fonts/brandongrotesqueregular.svg#brandongrotesqueregular') format('svg');
}


body{overflow-x: hidden; /*font-size: 16px;*/ background: #041e72!important; color: #ffffff; font-family: 'robotoregular'!important;}
p{font-size: 16px!important; line-height: 22px!important;}
p a{color: #ffffff!important; text-decoration: none!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: #031653!important;}

.stm-iconbox__icon{font-size:18px!important;}
.stm-iconbox{line-height:19px!important;}

.site-branding{display: none!important;}
.entry-header{display: none!important;}

.banner_row{margin-top: 0!important;}

.banner_text div{font-family: 'brandongrotesquebold'!important; font-weight: normal!important; text-transform: uppercase!important;}

.entry-content { width: 1170px !important; padding: 0!important; margin: 0 auto!important;}
.entry .entry-content > *, .entry .entry-summary > * { max-width: calc(10 * (100vw / 12) - 28px); margin:0 !important;}

h1, h2, h3{font-family: 'brandongrotesquebold'!important; color: #ffffff!important; font-size: 36px!important; font-weight: normal!important; line-height:1.1em!important; margin-bottom:0!important; text-transform: uppercase;}

.home_contact_text h4{font-size: 52px!important; font-family: 'brandongrotesqueregular'!important; font-weight:normal!important; text-transform: uppercase!important;}
.home_contact_text h4 strong{font-size: 42px!important; font-family: 'brandongrotesquebold'; font-weight:normal!important; text-transform: uppercase!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;}

.footer_address{background:url(images/footer_map.png) no-repeat left 7px; padding:4px 0 20px 25px; display: block;}
.footer_phone{background:url(images/footer_phone.png) no-repeat left 7px; padding:4px 0 4px 25px; display: block;}
.footer_phone:hover{color:#bc031d!important;}
.footer_mobile{background:url(images/footer_mobile.png) no-repeat left 7px; padding:4px 0 4px 25px; display: block;}
.footer_mobile:hover{color:#bc031d!important;}
.footer_mail{background:url(images/footer_mail.png) no-repeat left 7px; padding:4px 0 4px 25px; display: block;}
.footer_mail:hover{color:#bc031d!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-family: 'robotoregular'!important; font-size: 14px!important; background: #ebebeb; border: 0!important; margin-bottom: 10px;}

.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel{width: 100%!important; font-family: 'robotoregular'!important; font-size: 14px!important; background: #ebebeb!important; border: 0!important;  margin-bottom: 10px;}

textarea{width: 100%!important; height: 80px; font-family: 'robotoregular'!important; font-size: 14px!important;  background: #ebebeb!important; border: 0!important; margin-top:0;  margin-bottom: 10px;}

.wpcf7-form-control.wpcf7-submit{background:#bc031d!important; border: 0!important; color: #ffffff!important; font-size: 16px!important; padding-top:8px!important; padding-bottom: 8px!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; width: 182px; height: 45px; text-align: center; padding: 10px 20px!important; font-family: 'robotoregular'!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;}
.wpcf7-form-control.wpcf7-submit:hover{background: #ff0024!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 h3{ font-size: 20px!important; font-family: 'brandongrotesquebold'!important; color: #ffffff!important; font-weight: normal!important;}
.sfwa_footer_area .textwidget{font-size: 14px!important; line-height: 20px!important;}

.footer_menu ul{width:48%; float: left; padding-left: 0; list-style: none; text-transform: uppercase;}
.footer-information .sfwa_footer_area:nth-child(1){margin-top:5%;}

.footer-creditibility .sfwa_contained{ text-align: center!important;}
.footer-creditibility .sfwa_contained .widget_text{margin-bottom: 0!important;}

.text_slide_style{font-family: 'robotoregular'!important;}

.page-id-13 .testimonial_rotator.template-longform .testimonial_rotator_quote{ text-align: left!important; font-size: 16px!important; line-height: 24px!important;}
.page-id-13 .testimonial_rotator.template-longform .testimonial_rotator_img{margin: inherit!important; display: none!important;}
.page-id-13 .testimonial_rotator_author_info p {text-align: left!important; margin-bottom: 0!important; font-weight: bold!important;}

.page-id-13 .longform_hr{display: none;}
.page-id-13 .testimonial_rotator_slide{ padding:2%; border: solid 1px #cccccc;}
.table_style{font-size:16px!important; line-height: 24px!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;}

.home_boxs .overlay-effects{font-family: 'brandongrotesqueregular'!important; font-weight: normal!important; opacity: 1!important;}
.home_boxs .kc-image-hover-effects .overlay-effects{-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;}
.home_boxs .kc-image-hover-effects .overlay-effects:hover{background: rgba(0,0,0,.7)!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;}
.home_boxs .content-title{font-weight: normal!important;}
.home_boxs a img{width: 100%!important;}

.conversions_row h4{ font-weight: normal!important; font-family: 'brandongrotesquebold'!important; color:#bc031d!important;}

.stm_mobile__switcher{cursor: pointer;}
#stm_personal_blog{background: #bc031d;}

i.stm-iconbox__icon.fa-phone{transform: rotate(10deg) scaleX(-1);}

.kc-contact-form7 p{margin-bottom: 5px!important; margin-top: 0!important;}

.page-id-138 .testimonial_rotator.template-longform .testimonial_rotator_quote{ text-align: left!important; font-size: 16px!important; line-height: 24px!important;}
.page-id-138 .testimonial_rotator.template-longform .testimonial_rotator_img{float: left; margin-right: 10px; margin-top: 15px;}
.page-id-138 .testimonial_rotator_author_info p {text-align: left!important; margin-bottom: 0!important; font-weight: bold!important;}
.page-id-138 .testimonial_rotator_author_info{ margin-top: 25px!important;}
.page-id-138 .longform_hr{display: none;}
.page-id-138 .testimonial_rotator_slide{ padding:2%; border: solid 1px #cccccc;}

.fa.fa-facebook::before{content: "\f09a"!important;}

/*============================================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;}
	/*.stm-iconbox__description{font-size: 14px!important;}*/
	.entry-content{padding: 0!important;}
	.entry .entry-content > *, .entry .entry-summary > *{width: 100%!important; max-width: 1200px; left: 0;
	padding-left: 0; padding-right: 0;}
	
.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-iconbox__description {  font-size: 11px !important;}*/
.stm-header__element:nth-child(1) .stm-iconbox__description {  font-size: 16px !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;}
.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;}
	
.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;}
.conversions_row{padding-bottom: 0!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;}

	.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_boxs .content-title{font-size: 16px!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-header__element:nth-child(1) .stm-iconbox__description {  font-size: 16px !important;}
	.footer_mail{font-size: 13px!important;}
}

@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;}
	.top_book{top: 45%;}

}

@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;}
	.conversions_row .kc_col-sm-6{width: 100%!important;}
	.conversions_row{padding-bottom: 25px!important;}
	.conversions_row h4{ font-size: 26px!important;}
	.conversions_row{padding-bottom: 40px!important;}
	.gallery_row .item-grid.grid-3{width: 30.7%!important;}	
}

.ftg-items h3{font-size:18px!important;}

