/*
 Theme Name:     New Home Inspection Scotland
 Description:    New Home Inspection Scotland Theme
 Author:         Karbon Designed
 Author URI:     https://www.karbondesigned.co.uk
 Template:       Divi
 Version:        1.0.0
*/

/* --------------------------------------------
        General Styles
   -------------------------------------------- */
body {
    max-width: 2560px;
    margin: 0 auto;
}
footer p {
    padding-bottom: 0 !important;
}
a {
    transition: all 0.3s ease-in-out;
}
.et_pb_scroll_top.et-pb-icon {
    border-radius: 0;
	background: #464646a1;
}
.clear::after {
    content: "";
    display: table;
    clear: both;
}
/* #top-menu li > a:after {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#top-menu li:hover > a:after {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
} */

/**** Dividers, Span Text & Buttons ****/
body .et-l .et_pb_button {
    transition: all 0.3s ease-in-out !important;
}
body #page-container .et-l .et_pb_button,
body #page-container .et-l .et_pb_button:hover {
    padding: 14px 40px !important;
    text-align: center;
}

/**** ROW SETTINGS VIP ****/
#main-header {
    max-width: 2560px;
}
.et_pb_row,
.container {
    width: 90% !important;
    max-width: 1920px;
}

@media all and (min-width: 1921px) {
    body .et_pb_section {
        padding: 60px 0;
    }
    body .et_pb_row {
        padding: 75px 0;
    }
}
@media all and (max-width: 1920px) {
	.sectB5 {
		padding-bottom: calc(4% + 50px);
	}
	.sectT7 {
		padding-top: calc(4% + 50px);
	}
}
@media (max-width: 980px) {
    #main-header .container {
        width: 100% !important;
    }
    .logo_container {
        padding-left: 5%;
    }
    #main-header #et-top-navigation {
        padding-right: 5% !important;
    }
    .et_pb_row,
    .container {
        width: 80% !important;
    }
    .FLX {
        display: flex;
        flex-direction: column-reverse;
    }
    .ORD2 {
        order: 2;
        margin-top: 60px;
        margin-bottom: 0;
    }
    .flxRev {
        display: flex;
        flex-direction: column-reverse;
    }
    .FLX .et_pb_column:first-child {
        margin-bottom: 0;
    }
    .FLX .et_pb_column:last-child {
        margin-bottom: 30px !important;
    }
	.sectB5 {
		padding-bottom: calc(50px + 50px);
	}
	.sectT7 {
		padding-top: calc(50px + 50px);
	}
}
@media all and (max-width: 768px) {
    .et_pb_row,
    .container {
        width: 90% !important;
    }
    .logo_container {
        padding-left: 5%;
    }
    #et-top-navigation {
        padding-right: 5%;
    }
}

/* --------------------------------------------
        Pages
   -------------------------------------------- */
/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {

}
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {

}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {

}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {

}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

}
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

}

/* --------------------------------------------
        Navigation
   -------------------------------------------- */
.et_mobile_menu {
	border-top: 1px solid #5f4017 !important;
	border-bottom: 1px solid #5f4017 !important;
}
.et_mobile_menu li a {
	padding: 20px 5%;
}
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}
.mobile_menu_bar:before {
	transition: all .4s ease;
	transform: rotate(0deg);
	display: block;
}
.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;
}

@media all and (max-width: 1250px) {
	#top-menu li {
		padding-right: 10px;
	}
	ul#top-menu li a {
    	font-size: 14px;
	}
}
@media all and (max-width: 1120px) {
	ul#top-menu li a {
    	font-size: 13px;
	}
}
@media all and (max-width: 1020px) {
	ul#top-menu li a {
    	font-size: 12px;
	}
}

/* --------------------------------------------
        Home
   -------------------------------------------- */
.gold {
    color: #DF9834;
	letter-spacing: 1px;
}
#et-boc .area-outer-wrap[data-da-color=light] .da-close,
#et-boc .area-outer-wrap[data-da-color=dark] .da-close {
    background: #2b2b2b !important;
    -webkit-box-shadow: 0 0 1px 1px #fff3 !important;
    box-shadow: 0 0 1px 1px #fff3 !important;
    color: #fff !important;
	opacity: 1 !important;
}
#et-boc .area-outer-wrap .da-close-wrap {
	transition: none !important;
}

@media all and (min-width: 1920px) {
	#hero {
		padding-top: 150px;
		padding-bottom: 150px;
	}
}
@media all and (max-width: 980px) {
	.gold {
		font-size: 13px;
	}
	.contCol .et_pb_column_1_3,
	.contCol .et_pb_gutters3.et_pb_row .et_pb_column_1_3 {
        width: 29.6667%;
    }
	.contCol .et_pb_column {
        margin-right: 5.5%;
    }
	.topMG .et_pb_column:first-child {
		height: 400px;
    	display: block;
	}
	.botMG .et_pb_column:first-child {
		height: 450px;
    	display: block;
	}
}
@media all and (max-width: 767px) {
	.gold {
		font-size: 12px;
	}
}

.incTC .et_pb_column,
.incBC .et_pb_column {
	width: 45%;
	margin-right: 0;
}
.incTC .et_pb_column:first-child,
.incBC .et_pb_column:first-child {
	padding-right: 5%;
}
.incTC .et_pb_column:last-child,
.incBC .et_pb_column:last-child {
	padding-left: 5%;
}
.inCL {
	width: 40px;
	height: 2px;
	display: block;
	background-color: #df9834;
}

/**** Cookie Preferences ****/
.cky-consent-container .cky-consent-bar {
	background-color: #1a1a1a !important;
	border: 1px solid #000 !important;
}
.cky-consent-container .cky-consent-bar {
    padding: 10px 24px;
}
.cky-consent-bar button.cky-btn-customize,
.cky-modal button.cky-btn-preferences {
    border-color: #FFFFFF !important;
    background-color: #FFFFFF !important;
    color: #000000 !important;
	transition: all 0.2s ease-in-out;
}
.cky-modal button.cky-btn-preferences {
	border: 2px solid #df9834;
}
.cky-consent-bar button.cky-btn-customize:hover,
.cky-consent-bar button.cky-btn-customize:focus {
    background-color: #df9834 !important;
    color: #FFFFFF !important;
}
.cky-modal button.cky-btn-preferences:hover,
.cky-modal button.cky-btn-preferences:focus {
    background-color: #df9834 !important;
    color: #FFFFFF !important;
	border: 2px solid #df9834;
}
.cky-modal button.cky-btn-accept,
.cky-consent-bar button.cky-btn-accept {
	border-color: #df9834 !important;
    background-color: #df9834 !important;
    color: #FFFFFF !important;
	transition: all 0.2s ease-in-out;
}
.cky-modal button.cky-btn-accept:hover,
.cky-consent-bar button.cky-btn-accept:hover {
	border-color: #ffffff !important;
    background-color: #df9834 !important;
    color: #FFFFFF !important;
	transition: all 0.2s ease-in-out;
}
.cky-revisit-bottom-left {
    background-color: #df9834 !important;
}
.cky-consent-container .cky-consent-bar {
    padding-top: 20px !important;
    padding-bottom: 15px !important;
}
.cky-consent-container .cky-consent-bar .cky-notice p {
	color: #FFF;
}
.cky-preference-center .cky-btn.cky-btn-accept,
.cky-preference-center .cky-btn.cky-btn-preferences {
	border-color: #df9834 !important;
}
.cky-preference-center .cky-btn.cky-btn-accept:hover,
.cky-preference-center .cky-btn.cky-btn-preferences:hover {
	border-color: #df9834 !important;
}
.cky-notice .cky-title {
    display: block;
	margin: 0 !important;
}
body .cky-modal button.cky-show-desc-btn:not(:hover):not(:active),
body .cky-preference-content-wrapper .cky-show-desc-btn {
    color: #df9834;
    background: transparent;
}
.cky-modal button.cky-show-desc-btn:hover {
	opacity: 0.8 !important;	
}

/* --------------------------------------------
        Contact Us
   -------------------------------------------- */

/**** Form Fields ****/
.cf7 form {
    max-width: 980px;
    margin: 0 auto;
}
.cf7 input[type=text],
.cf7 input[type=email],
.cf7 input[type=tel],
.cf7 input.wpcf7-captchar {
    width: 100%;
    padding: 20px;
    font-size: 16px;
    border: 1px solid #4C4C4C;
	background-color: #4C4C4C;
    letter-spacing: 1px;
    transition: all 0.2s ease-in-out;
	color: #FFFFFF !important;
}
/* .cf7 input[type=text]:focus,
.cf7 input[type=email]:focus,
.cf7 input[type=tel]:focus,
.cf7 textarea:focus,
.cf7 input.wpcf7-captchar:focus {
    border: 1px solid #4C4C4C;
    color: #4e4e4e;
    box-shadow: 0px 0px 7px 0px #898989;
} */
.cf7 form div:nth-child(2) div:first-child,
.cf7 form div:nth-child(2) div:nth-child(2),
.cf7 form div:nth-child(2) div:nth-child(3),
.cf7 form div:nth-child(2) div:nth-child(6) {
    margin-bottom: 40px;
}
.cf7 form div:nth-child(2) div:nth-child(4),
.cf7 form div:nth-child(2) div:nth-child(5) {
    margin-bottom: 10px;	
}
/* .cf7 form div:nth-child(2) div:first-child,
.cf7 form div:nth-child(2) div:nth-child(2),
.cf7 form div:nth-child(2) div:nth-child(3),
.cf7 form div:nth-child(2) div:nth-child(4),
.cf7 form div:nth-child(2) div:nth-child(5),
.cf7 textarea,
.cf7 form div:nth-child(2) div:nth-child(10) input,
.cf7 input.wpcf7-captchar {
    box-shadow: 0px 0px 9px 0px #efefef;
} */
.cf7.cf7JE form div:nth-child(2) div:nth-child(5) {
    box-shadow: none;
    margin-bottom: 10px;
}
.cf7.cf7JE form div:nth-child(2) div:nth-child(6) {
    box-shadow: none;
    margin-bottom: 0;
}
.cf7 form div:nth-child(2) div:nth-child(7) p {
    font-size: 16px;
}
.cf7 textarea {
    width: 100%;
    padding: 20px;
    font-size: 16px;
    border: 1px solid #4C4C4C;
	background-color: #4C4C4C;
    letter-spacing: 1px;
    transition: all 0.2s ease-in-out;
	color: #FFFFFF !important;	
}
.cf7 .wpcf7-submit[type=submit] {
    font-family: 'Sofia Pro Semi Bold Az', Helvetica, Arial, Lucida, sans-serif;
    width: 100%;
    padding: 22px;
    margin-top: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #DF9834;
    border: 0;
    border-radius: 0;
    transition: all 0.2s ease-in-out;
    letter-spacing: 1px;
    text-transform: uppercase;
/*     box-shadow: 0px 0px 9px 0px #efefef; */
}
.cf7 .wpcf7-submit[type=submit]:hover {
    background-color: #ff9500;
/*     border: 1px solid #848484; */
    color: #FFFFFF !important;
    cursor: pointer;
    letter-spacing: 1px;
}
.cf7 .wpcf7-submit:hover:after {
    display: none;
}

/**** Validation & Errors ****/
.cf7 form div:nth-child(2) p .wpcf7-not-valid-tip {
    position: absolute;
}
.wpcf7-not-valid-tip,
.wpcf7-response-output {
    font-size: 14px;
    line-height: 1.4em;
    margin-top: 2px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    margin: 0 !important;
}
.wpcf7-response-output {
    font-size: 14px;
}
input.wpcf7-not-valid,
select.wpcf7-not-valid {
    border: 1px solid #dc3232 !important;
}
.wpcf7-response-output {
    text-align: center;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #dc3232;
}

/**** Accept Checkbox ****/
.accept p {
    line-height: 3 !important;
    font-size: 14px;
}
.accept .wpcf7-list-item-label a {
    color: #df9834;
}
.accept .wpcf7-list-item-label a:hover {
    opacity: 0.8;
}
.accept .wpcf7-list-item {
    margin-left: 0;
    line-height: 1.5;
}

/**** Placeholder Text ****/
::-webkit-input-placeholder { /* Edge */
    color: #c7c7c7;
}
:focus::-webkit-input-placeholder { /* Edge */
    color: #4C4C4C;
}
::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #c7c7c7;
}
:focus::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #4C4C4C;
}
::placeholder {
    color: #c7c7c7;
}
:focus::placeholder {
    color: #4C4C4C;
}

/* --------------------------------------------
        Slider
   -------------------------------------------- */

/* Size and position of images*/
.et-pb-controllers a {
  	width: 12px;
  	height: 12px;
  	border-radius: 100%;
  	margin: 0 6px;
}
/* Change opacity on hover*/
.et-pb-controllers a:hover {
 	opacity: 1;
}
/* Make the active slide slightly bigger*/
.et-pb-controllers .et-pb-active-control {
  	width: 12px;
  	height: 12px;
  	margin-bottom: -5px;
}
/* Force off the text shadows*/
.et_pb_slide_description {
  	text-shadow: none!important;
  	margin-bottom: 20px!important;
}
/* Change the slide description animation*/
.et-pb-active-slide .et_pb_slide_description {
 	animation-name: fadeIn;
}
.et_pb_slide_description,
.et_pb_slider_fullwidth_off .et_pb_slide_description {
    padding: 4% 8% !important;
}
.et_pb_slides .et_pb_container {
	max-height: 300px !important;
	height: 24vh !important;
}
.et_pb_slide_content em {
	font-size: 17px;
	font-family: 'DM Sans', Helvetica, Arial, Lucida, sans-serif;
}

@media (max-width: 980px) {
	.et_pb_slides .et_pb_container {
		max-height: 360px !important;
		height: auto !important;
	}
	.et_pb_slide_content em {
		font-size: 16px;
	}
	/* Size and position of images - mobile*/
	.et-pb-controllers a {
		  width: 12px;
		  height: 12px;
		  border-radius: 100%;
		  margin: 0 10px;
	}
  /* Make the active slide slightly bigger - mobile*/
	.et-pb-controllers .et-pb-active-control {
		  width: 12px;
		  height: 12px;
		  margin-bottom: -5px;
	}
	/* Adjust image position - mobile*/
	.et-pb-controllers {
		bottom: 0%;
	}
}
/* Position the images - mobile */
@media (max-width: 767px) {
	.et_pb_slides .et_pb_container {
		height: 420px !important;
	}
	.et-pb-controllers {
		  bottom: 5%;
	}
	/* Position the images - mobile */
	.et_pb_slide_description {
		  margin-bottom: 50px!important;
	}
}