/*
 Theme Name:     DJ Steve Lawler
 Template:       Based on Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");


/* =Theme customization
---------------------------------------------------------------------------------- */

div#home-section.et_pb_section.et_pb_section_0.et_pb_with_background.et_section_regular {
	height: 100vh;
}


/* =@font-face
---------------------------------------------------------------------------------- */


@font-face {
    font-family: 'apercu-bold';
    src: url('webfont/apercu_bold-webfont.woff2') format('woff2'),
         url('webfont/apercu_bold-webfont.woff') format('woff'),
         url('webfont/apercu_bold-webfont.ttf') format('truetype'),
         url('webfont/apercu_bold-webfont.svg#apercubold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'apercu-medium';
    src: url('webfont/apercu_medium-webfont.woff2') format('woff2'),
         url('webfont/apercu_medium-webfont.woff') format('woff'),
         url('webfont/apercu_medium-webfont.ttf') format('truetype'),
         url('webfont/apercu_medium-webfont.svg#apercumedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'apercu-regular';
    src: url('webfont/apercu_regular-webfont.woff2') format('woff2'),
         url('webfont/apercu_regular-webfont.woff') format('woff'),
         url('webfont/apercu_regular-webfont.ttf') format('truetype'),
         url('webfont/apercu_regular-webfont.svg#apercuregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'apercu-light';
    src: url('webfont/apercu_light-webfont.eot');
    src: url('webfont/apercu_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont/apercu_light-webfont.woff2') format('woff2'),
         url('webfont/apercu_light-webfont.woff') format('woff'),
         url('webfont/apercu_light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}





/* =Font custom style
---------------------------------------------------------------------------------- */

h1 {
    font-family: 'apercu-light', Lato, sans-serif;
}

h2 {
    font-family: 'apercu-light', Lato, sans-serif;
    font-size: 38px;
    letter-spacing: 6.3px;
    line-height: 97px;
}

h3 {
    font-family: 'apercu-regular', Lato, sans-serif;
}

h4 {
     font-family: 'apercu-regular', Lato, sans-serif;
}

h5 {
    font-family: 'apercu-regular', Lato, sans-serif;
}

h6 {
	font-family: 'apercu-medium', Lato, sans-serif;
	font-size: 16px;
	color: #B10D2D;
	letter-spacing: 0.6px;
}

body {
    font-family: 'apercu-regular', Lato, sans-serif;
	font-size: 16px;
	letter-spacing: 1.3px;
	text-transform: uppercase;
}

p {
    font-family: 'apercu-regular', Lato, sans-serif;
    color: #ffffff;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
	color: #9b9b9b;
}



div#et-top-navigation #top-menu li a {
	text-transform: none;
	}
	
#top-menu li.current-menu-item > a {
	color: #9b9b9b;
	}


/* =Footer
---------------------------------------------------------------------------------- */

div#footer-bottom {
	display: none;
}



/* =Table style
---------------------------------------------------------------------------------- */

.entry-content table {
	border: 0px;
}


/* =Social icons
---------------------------------------------------------------------------------- */

p.social-icons a>img
{
   margin-left:2px;
   margin-right:2px;
   transform: scale(0.6);
}

#social {
	margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
    vertical-align: middle }
}


/* =Mobile menu
---------------------------------------------------------------------------------- */

#mobile_menu.et_mobile_menu .et_header_style_centered .et_mobile_menu {
	border-color: #1c1c1c !important;
	}

.et_header_style_centered .mobile_nav .select_page {
	text-transform: uppercase !important;
}




/* =Custom on mobile devices
---------------------------------------------------------------------------------- */

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  
	  body.custom-background {
		background-color: #101010 !important;
		background-image: none !important;
	} 
	
/*
	p.social-icons a>img {
		margin-left:0px !important;
		margin-right:0px !important;
		transform: scale(0.8) !important;
	}
*/

}