/*
Theme Name: Charlie-Lockwood
Template: Divi
*/

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


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

/*
 Colours -
Pink - rgba(230,24,98,1), #e61862;
Peach - rgba(245,166,130,1), #f5a682;
Blue - rgba(27,100,174,1), #1b64ae;
Green - rgba(2,177,173,1), #02b1ad;
Purple - rgba(88,27,174,1), #581bae;
Footer Grey - #414145;
Bottom Footer - #333333;
*/

/* ---------- Core Elements ----------*/

h1,h2,h3,h4,h5,h6 {font-weight: 900 !important;}

#main-header {border-bottom: 2px solid #ffffff80 !important;}

/*.et_pb_section:first-child {height: 89vh !important; border-bottom: 2px solid #ffffff80 !important;}
.et_pb_section:last-child {height: 90vh !important; border-bottom: 2px solid #ffffff80 !important;}
.et_pb_section {height: 95vh !important; border-bottom: 2px solid #ffffff80 !important;}*/

.et_mobile_menu {
	background-image: url("https://charlielockwoodmusic.com/identity-cms/wp-content/uploads/2020/04/45-degree-fabric-light.png"), linear-gradient(144deg, rgba(0,65,89,0.88) 30%, rgba(88,27,174,1) 93%);
}

#main-header, #footer-bottom {
	background-image: url("https://charlielockwoodmusic.com/identity-cms/wp-content/uploads/2020/04/45-degree-fabric-light.png"), linear-gradient(144deg, rgba(0,65,89,0.88) 30%, rgba(124,0,10,0.84) 93%);
	background-origin: padding-box, padding-box;
	background-position: 50% 50%, 50% 50%;
	background-repeat: repeat, repeat;
	background-size: auto, auto;
}

html {
	background-image: url("https://charlielockwoodmusic.com/identity-cms/wp-content/uploads/2020/04/45-degree-fabric-light.png"), linear-gradient(144deg, rgba(0,65,89,0.88) 30%, rgba(124,0,10,0.84) 93%) !important;
	background-origin: padding-box, padding-box !important;
	background-position: 50% 50%, 50% 50% !important;
	background-repeat: repeat, repeat !important;
	background-size: auto, auto !important;
}

#top-menu li {
    margin: 0 !important;
    padding: 10px 22px 0 0 !important;
}

#top-menu li:before {
	content: url('https://charlielockwoodmusic.com/identity-cms/wp-content/uploads/2020/04/cross.png');
	float: right;
	margin: -15px -15px -5px 0 !important;
}

.et_pb_accordion .et_pb_toggle {
	background-image: url(https://charlielockwoodmusic.com/identity-cms/wp-content/uploads/2020/04/45-degree-fabric-light.png) !important;
	background-origin: padding-box, padding-box;
	background-position: 50% 50%, 50% 50%;
	background-repeat: repeat, repeat;
	background-size: auto, auto;
}

.et_pb_video_play:before {
	background: url('https://charlielockwoodmusic.com/identity-cms/wp-content/uploads/2020/05/Play.png');
	font-size: 0;
	height: 60px;
	width: 60px;
	display: block;
	left: 0;
	right: 0;
	margin:auto;
}
a.et_pb_video_play {
    margin-left: 0 !important;
    left: 0;
    right: 0;
}


/* ---------- Corner Elements ----------*/

.corners {padding: 80px 160px 80px 80px !important;}

.corners:before,
.corners:after,
.crosses>:before {
    position: absolute !important;
    width: 140px !important; 
    height: 140px !important;
    border-color: #ffffff !important; 
    border-style: solid !important;
    content: ' ' !important;
}
 
.box-shadow-overlay:before,
.box-shadow-overlay:after {
    position: absolute !important;
    width: 90px !important; 
    height: 90px !important;
    border-color: #ffffff !important; 
    border-style: solid !important;
    content: ' ' !important;
}

.corners:before, .box-shadow-overlay:before {
    top: 0px !important;
    left: 0px !important;
    border-width: 3px 0 0 3px !important;
}
 
.corners:after, .box-shadow-overlay:after  {
    bottom: 0px !important;
	right: 0px !important;
    border-width: 0 3px 3px 0 !important;
}

.crosses>:before  {
    top: -80px !important;
    right: -160px !important;
    border-width: 0 !important;
	background: url(https://charlielockwoodmusic.com/identity-cms/wp-content/uploads/2020/04/sq-crosses4.png) !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) {


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

}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	.et_pb_section {height: auto-flow !important;}
	.corners {padding: 40px 40px 40px 40px !important;}

	.corners:before,
	.corners:after,
	.crosses>:before {
    position: absolute !important;
    width: 140px !important; 
    height: 140px !important;
    border-color: #ffffff !important; 
    border-style: solid !important;
    content: ' ' !important;
}
 
	.box-shadow-overlay:before,
	.box-shadow-overlay:after {
    position: absolute !important;
    width: 90px !important; 
    height: 90px !important;
    border-color: #ffffff !important; 
    border-style: solid !important;
    content: ' ' !important;
}

	.corners:before, .box-shadow-overlay:before {
    top: 0px !important;
    left: 0px !important;
    border-width: 3px 0 0 3px !important;
}
 
	.corners:after, .box-shadow-overlay:after  {
    bottom: 0px !important;
	right: 0px !important;
    border-width: 0 3px 3px 0 !important;
}

	.crosses>:before  {
    display:none !important;
}
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

}