/*
Theme Name: LeeSpencer
Template:     Divi
*/

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

/* =Theme customization starts here ---------------------- */

/*
 Colours -
Blue #203863 rgb(32,56,99);
Green #00463c rgb(0,79,60);
Red #990e19 rgb(153,14,25);
Yellow #fcc100 rgb(252,193,0);
Dark Grey #575756 rgb(87,87,86);
Light Grey #b2b2b2 rgb(178,178,178);
Flourescent Yellow #e7ff00;
*/

/* ---------- Core Elements ----------*/
.sub-menu {width: 460px !important; position: relative; left: -100px;}
#top-menu li li a {
font-size: 1.2em !important;
width: 440px !important;
padding: 0px 20px;
}

#main-header {padding-bottom: 0 !important; margin-bottom: 0 !important;}
.et_pb_section:first-child {padding-top: 0 !important; margin-top: 0 !important;}
.et_pb_section:first-child:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMwMDQ2M2MiPjxwYXRoIGQ9Ik0xMjgwIDE0MFYwSDBsMTI4MCAxNDB6Ii8+PC9nPjwvc3ZnPg==);
	background-size: 100% 100px !important;
	top: 0;
	height: 100px;
	z-index: 1;
	transform: rotateY(180deg);
	background-size: cover;
	z-index: 1;
	display:block;
	content: ' ';
	background-color: transparent !important;
}
.home .et_pb_section:first-child:before {
	display:none !important;
}
.single .et_pb_post {margin-bottom: 0 !important; padding-bottom: 0 !important;}
.et_pb_section:last-child {padding-bottom: 0 !important;margin-bottom: 0 !important;}
.et_pb_section:last-child:after {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMwMDQ2M2MiPjxwYXRoIGQ9Ik0wIDB2MTQwaDEyODBMMCAweiIvPjwvZz48L3N2Zz4=);
	background-size: cover;
	background-position: center top;
	bottom: 0;
	height: 100px;
	z-index: 1;
	transform: rotateY(180deg);
	display:block;
	content: ' ';
	margin-top: 50px !important;
}

#main-content a, #main-content .et_pb_bg_layout_dark a .et_pb_button:hover, #main-content .et_pb_bg_layout_dark a:hover, body #page-container .et_pb_section .et_pb_fullwidth_post_slider_0.et_pb_slider .et_pb_more_button.et_pb_button:hover {color: #990e19 !important;}
#main-content .et_pb_bg_layout_dark a {color: #fcc100 !important;}

.more-link {
	position: relative;
	padding: .3em 1em;
	border: 2px solid #fcc100;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.7em!important;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	text-transform: capitalize;
	background-color: rgba(255,255,255,0.75);
	margin: 10px 0 !important;
	transition: all 300ms ease 0ms;
	display: inline-block;
}
.more-link:hover {
	border-color: #990e19;
	background: #fcc100;
}

.et_pb_post_slide-338 .et_pb_slide_title:before {content: url('https://leespencer.co.uk/identity-cms/wp-content/uploads/2019/10/Triathlon-White.svg'); margin: 20px auto !important; display: block; width: 450px !important; height: 450px !important;}

/* ---------- Media Query Elements ----------*/

/* Setting the breakpoint of the mobile menu for screens below 1450px */
@media only screen and (max-width: 1450px) {

}

/*** Responsive Styles Screens Above 981px ***/
@media (min-width: 981px), all {

}

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

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


}
 
/*** 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) {
	.et_pb_post_slide-338 .et_pb_slide_title:before {content: url('https://leespencer.co.uk/identity-cms/wp-content/uploads/2019/10/Triathlon-White.svg'); margin: 20px auto !important; display: block; width: 170px !important; height: 170px !important;}
}
 
/*** 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) {

}

/*
 Colours -
Blue #203863 rgb(32,56,99);
Green #00463c rgb(0,79,60);
Red #990e19 rgb(153,14,25);
Yellow #fcc100 rgb(252,193,0);
Dark Grey #575756 rgb(87,87,86);
Light Grey #b2b2b2 rgb(178,178,178);
Flourescent Yellow #e7ff00;
*/