/*
 Theme Name: Allsop & Francis
 Description: Divi Child Theme
 Author: No Pork Pies
 Author URI: https://www.noporkpies.com
 Template: Divi
 Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li {padding: 0 150px !important;}
.discovery-bubble, .define-bubble, .deliver-bubble {margin-left: -150px !important;}
.focus-title, .focus-copy{padding-left:90px;}
.cta-button {width:100%;}
.casestudy-button {width:90%;}
.sub-menu, .sub-menu li, .sub-menu li a {width: 300px !important;font-size: 16px!important;}
.sub-menu {margin: 0 0 0 120px!important;}
h1{font-size:42px}h2{font-size:40px}h3{font-size:28px}h4{font-size:26px}h5{font-size:22px}h6{font-size:20px}p{font-size:20px}


@media only screen and (max-width: 1700px) {
.discovery-bubble, .define-bubble, .deliver-bubble {margin-left: -120px !important;}
.sector-button{font-size:12px !important;}
}

@media only screen and (max-width: 1695px) {
.cta-buttons {padding-top:0px !important;}
}
@media only screen and (max-width: 1570px) {
.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li {padding: 0 120px !important;}
}

@media only screen and (max-width: 1512px) {
.discovery-bubble, .define-bubble, .deliver-bubble {margin-left: -100px !important;margin-top: -15px;}
.product-image {top: -130px !important;}
.casestudy-background {background-position: left -60% bottom 0px !important;}
.casestudy-button {font-size:16px !important;}
.cta-button {font-size:12px !important;}
}
@media only screen and (max-width: 1380px) {
.find-out-button {font-size:12px !important;}
.casestudy-background {background-position: left -70% bottom 0px !important;}
}

@media only screen and (max-width: 1345px) {
.casestudy-background {background-position: left -90% bottom 0px !important;}
.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li {padding: 0 100px !important;}
}

@media only screen and (max-width: 1280px) {
.discovery-bubble, .define-bubble, .deliver-bubble {margin-left: -90px !important;}
.product-image {top: -100px !important;}
}

@media only screen and (max-width: 1240px) {
.casestudy-background {background-position: left -400px bottom 0px !important;}
.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li {padding: 0 80px !important;}
}

@media only screen and (max-width: 1171px) {
.cta-copy h3{font-size:28px;}
}

@media only screen and (max-width: 1100px) {
.discovery-bubble, .define-bubble, .deliver-bubble {margin-left: -60px !important;}
.focus-title, .focus-copy{padding-left:150px;}
.purple-block{background-position: left -100px center !important;}
.purple-box-title h5 {font-size:16px !important;}
.casestudy-background {background-position: left -400px bottom 0px !important;}
.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li {padding: 0 70px !important;}

}

@media only screen and (max-width: 1024px) {
.cta-copy h3{font-size:27px;}
.article-cat {font-size:12px;line-height: 16px;}
	
}

@media only screen and (max-width: 988px) {
.cta-copy h3{font-size:26px;}
.sub-menu, .sub-menu li, .sub-menu li a {width: 100% !important;font-size: 16px!important;}
.dfh-192 .et_mobile_menu a {padding: 5% !important;}
.sub-menu li a {padding: 5% !important;}
.sub-menu, .sub-menu li {margin: 0 !important; padding: 0 !important;}

}

@media only screen and (max-width: 980px) {
.discovery-bubble, .define-bubble, .deliver-bubble {margin-top: 0px;}
.purple-block{background-position: left -130px center !important;}
.sector-button{font-size:16px !important;}
.product-image {top: -30px !important;}
.casestudy-background {background-position: left -400px top 0px !important;}
.cta-bar-bg{background-position: left -260px center !important;}
.cta-bar-bg2{background-position: left -260px center !important;}
.career-bg{background-position: left -300px center !important;}
}


@media only screen and (max-width: 912px) {
	
}


@media only screen and (max-width: 820px) {
.casestudy-background {background-position: left -300px top 0px !important;}
}

@media only screen and (max-width: 768px) {
h1{font-size:30px}h2{font-size:28px}h3{font-size:24px}h4{font-size:22px}h5{font-size:20px}h6{font-size:18px}p{font-size:18px}
	
}

@media only screen and (max-width: 540px) {
.purple-block{background-position: left -120px center !important;}
.casestudy-background {background-position: left -200px top 0px !important;}
.career-bg{background-position: left -200px center !important;}
}

@media only screen and (max-width: 430px) {
	
}

@media only screen and (max-width: 390px) {
	
}

@media only screen and (max-width: 344px) {
	
}

/* Hide the hidden text by default */
.hidden {
  display: none;
}
#toggleButton {
	border: 0;
  background-color: transparent;
  text-decoration: underline;
}