/*-------------------------------------------------------
Theme Name: Child Theme
Theme URI: https://www.stairformwork.co.uk/
Description: A child theme template for Divi
Author: AIM Internet
Template: Divi
Version: 4.27.4
----------------- ADDITIONAL CSS HERE ------------------*/

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

@font-face {
    font-family: 'source_sans_proregular';
    src: url('fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {font-family: 'source_sans_proregular';}
h1,h2,h3,h4,h5 {font-family: 'source_sans_prosemibold';}

p {padding:0px 10px 15px 0px; line-height:28px;}

h1 {font-size:40px; line-height:40px; text-transform:uppercase;}
h2 {font-size:35px; line-height:35px; text-transform:uppercase;}
h3 {font-size:30px !important; line-height:35px; text-transform:uppercase;}
h4 {font-size:25px; line-height:35px;}
h5 {font-size:20px; line-height:30px;}

.et_fixed_nav #top-header {display:none;}
#et-info {font-size:16px; font-weight:400;}
#main-header .container, .et_pb_fullwidth_header .et_pb_fullwidth_header_container, #top-header .container {width:92%; max-width:92%;}

#et-info {font-size:18px; font-weight:600; line-height:35px; margin-top:10px;}
#et-info, #et-info-email:hover::before, #et-info-email::before {color:#3B3D3E;}
#et-info a:hover, #et-info-email:hover {color:#9DD7B5; opacity:1;}

.logo_container {width:auto !important; float:none; position: inherit !important; margin:20px 0px 5px 0px; text-align:center;}
#logo {max-height:100%;}
.et_header_style_left #logo {max-width:96%;}
.et-social-linkedin a.icon::before {content: '\e09d';}

.et_header_style_left #et-top-navigation {font-family: 'source_sans_proregular'; padding:10px 0px !important;}

.bullet01 {margin:0px 0px 0px 20px; padding:0px !important;}
.bullet01 li {list-style-type:disc; margin:0px; padding:0px 5px 10px 0px;}
.bullet01 li::marker {color:#016F45;}

#main-footer {width:100%; background:url(http://stairformwork.co.uk.94-199-190-93.aim-internet.com/wp-content/uploads/2024/11/footer-bg.png) repeat top right; background-size:cover; margin-top::30px; border-top:5px solid #016F45;}
#footer-bottom {background-color:inherit;}

#footer-bottom .et-social-icons {float:left; margin-top:-70px; margin-right:0px;}
#footer-bottom .et-social-icons li {margin-left:0px; margin-right:10px; margin-bottom:20px;}
.et-social-linkedin a.icon::before {content: '\e09d';}
.et-social-youtube a.icon::before {content: '\e0a3';}

#media_image-2 {width:99%; margin-bottom:10px !important;}
.footer-widget {margin-bottom:2% !important;}
#footer-widgets .footer-widget li a:hover {color:#006E45 !important;}
.copyright, .footerlink {font-size:16px; font-weight:normal; text-align:center; margin:0px; padding:0px 0px 5px 0px; color:#33333;}
.footerlink a {color:#464646; font-weight:400; text-decoration:underline;}
.footerlink a:hover {text-decoration:none;}
.bottom-detail {font-size:16px; color:#333333; text-align:center;}
#footer-bottom {padding-bottom:15px;}
#footer-bottom .et-social-icons li a {color:#016F45;}


.wpcf7-form .field01 {width:99%;}
.field01 input[type="text"], .field01 input[type="email"], .field01 input[type="tel"], .field01 select {width:99%; height:35px; float:left; font-size:15px; padding:1%; margin:0px 0px 20px 0px; border:1px solid #cccccc; border-radius:0px;}
.field02 textarea {width:99%; padding:1%; font-size:15px; margin:0px; border:1px solid #cccccc; border-radius:0px;}
.field01 input[type="text"]:focus, .field01 input[type="email"]:focus, .field01 input[type="tel"]:focus, .field02 textarea:focus, {border-color:#19295b;}
.btn-submit {float:left; background-color:#f08a0d !important; color:#FFFFFF; cursor:pointer !important; font-size:18px; font-weight:600; padding:10px 25px; margin:10px 0px; border:none;}
.btn-submit:hover {background-color:#f08a0d !important; text-decoration:underline;}
.wpcf7-list-item {font-size:16px; margin:20px 0px;}
.wpcf7-mail-sent-ok {display:none !important;}
div.wpcf7-mail-sent-ng, div.wpcf7-validation-errors {float:left;}
.wpcf7-not-valid-tip {display:inline-table;}


/*Mobile Nestead Menu */
.mobile_menu_bar::before {color:#016F45 !important;}
.et_mobile_menu {background-color:#FFFFFF; text-align: left; border-top:3px solid #F08A0D;}
.et_header_style_left #et-top-navigation .mobile_menu_bar {padding-bottom:0px;}
.et_mobile_menu li a {font-size:17px;}
.et_mobile_menu li a:hover {color:#016F45; opacity:1; background-color:#EEEEEE;}





/* Desktop CSS*/
@media only screen and (min-width: 768px) {
	h1 {font-size:48px; line-height:55px;}
	h2 {font-size:40px; line-height:45px;}
	h3 {font-size:35px !important; line-height:40px;}
	h4 {font-size:28px;}
	#et-info {width:50%; float:right; text-align:right;}
	.logo_container {float:left; text-align:left; /*margin:10px 0px;*/}
	/*.et_header_style_left #logo {max-width:80% !important;}*/
	
	.et_header_style_left #et-top-navigation nav > ul > li > a {padding-bottom:25px;}
	#top-menu li {padding-right:14px;}
	
	#footer-bottom .et-social-icons {width:30%; float:right; margin-top:-200px; margin-right:-100px;}
	.copyright {float:left;}
	.footerlink {float:right;}
}



@media only screen and (min-width:200px) and (max-width:1300px){
    .container, .et_pb_row {width: 94%;}
}

@media only screen and (min-width:768px) and (max-width:982px){
	.et_header_style_left #logo {max-width:75%;}
	#et-info {width:40%; margin-top:0px;}
	#et-top-navigation {width:99%;}
	#footer-bottom .et-social-icons {margin-right:0px;}
	.footer-widget:nth-child(n) {margin-bottom:4% !important;}
}	

@media only screen and (min-width:200px) and (max-width:767px) {
	#footer-widgets .footer-widget:nth-child(n) {margin-bottom:5% !important;}
	#footer-widgets .footer-widget .fwidget#media_image-2 {margin-bottom:10px !important;}
}