/*
Theme Name: Lumisi Divi Theme
Description: Custom Divi Child Theme
Author:  Luke Gooding, Lumisi Ltd
Author URI:  http://www.lumisi.com
Template: Divi
Version:  1.0.1
*/

@import url("../Divi/style.css");
 
/* =Theme customizations
------------------------------------------------------- */



/* Body */

   body {
	 font-family: macha, sans-serif;
         font-size: 16px;
         font-weight: 400;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         color: #333C41;
}

   header {
	 font-family: orbitron, sans-serif;
         font-size: 16px;
         font-weight: 300;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
}

   	h1 {
         font-family: orbitron, sans-serif;
         font-size: 30px;
         font-weight: 500;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         color: #333C41;
}

   	h2 {
         font-family: orbitron, sans-serif;
         font-size: 24px;
         font-weight: 700;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         color: #333C41;
}

	h3 {
         font-family: orbitron, sans-serif;
         font-size: 16px;
         font-weight: 500;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
	text-transform: uppercase;
         color: #333C41;
}

 	h4 {
         font-family: orbitron, sans-serif;
         font-size: 16px;
         font-weight: 500;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         color: #333C41;
}

	h5 {
         font-family: orbitron, sans-serif;
         font-size: 16px;
         font-weight: 700;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         color: #333C41;
}

	h6 {
         font-family: orbitron, sans-serif;
         font-size: 12px;
         font-weight: 500;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
	text-transform: uppercase;
         color: #333C41;
}

   strong {
         font-family: orbitron, sans-serif;
         font-weight: 700;
         font-style: normal;
         font-size: 16px;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
}

   italic {
         font-family: orbitron, sans-serif;
         font-weight: 400;
         font-style: italic;
         font-size: 16px;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
}

   strong:italic {
         font-family: orbitron, sans-serif;
         font-weight: 700;
         font-style: italic;
         font-size: 16px;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
}

   sup { 
         font-family: orbitron, sans-serif;
         vertical-align: super;
         font-style: normal;
         font-weight: 400;
         position: relative;
         font-size: 1em;
}


ul.et_pb_social_media_follow { 
width:100%; 
text-align:center; 
margin: 0 0 0 0 ; 
} .et_pb_social_media_follow li { 
float:none; 
display:inline-block; 
}





/* find-out-more */

#find-out-more{

	font-family: orbitron, sans-serif;
        font-size: 16px;
        font-weight: 900;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #ffffff;
}





/* colour-buttons-red */

#colour-buttons-red{

	font-family: orbitron, sans-serif;
        font-size: 14px;
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #f7323f;
}

/* colour-buttons-yellow */

#colour-buttons-yellow{

	font-family: orbitron, sans-serif;
        font-size: 14px;
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #f7a800;
}

/* colour-buttons-green */

#colour-buttons-green{

	font-family: orbitron, sans-serif;
        font-size: 14px;
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #3fae2a;
}






/* colour-buttons-red-fill */

#colour-buttons-red-fill{

	font-family: orbitron, sans-serif;
        font-size: 14px;
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #ffffff;
	background-color: #f7323f;
	border-color: #f7323f;
}

/* colour-buttons-yellow-fill */

#colour-buttons-yellow-fill{

	font-family: orbitron, sans-serif;
        font-size: 14px;
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
	color: #ffffff;
	background-color: #f7a800;
	border-color: #f7a800;
}

/* colour-buttons-green-fill */

#colour-buttons-green-fill{

	font-family: orbitron, sans-serif;
        font-size: 14px;
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
	color: #ffffff;
	background-color: #3fae2a;
	border-color: #3fae2a;
}



/* colour-buttons-dark */

#colour-buttons-dark{

	font-family: orbitron, sans-serif;
        font-size: 14px;
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #333e48;
}


/* colour-buttons-dark-fill */

#colour-buttons-dark-fill{

	font-family: orbitron, sans-serif;
        font-size: 14px;
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
	color: #ffffff;
	background-color: #333e48;
	border-color: #333e48;
}







/* side-bar-font */

#side-bar-font{

	font-family: macha, sans-serif;
        font-size: 14px;
        font-weight: 900;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
	text-transform: uppercase;
        color: #bababa;
}


/*—–Fixing bottom blog white space issue—–*/
.et_pb_post{
margin-bottom: -25px !important;
}
.single .post {
padding-bottom: 0px;
}
@media only screen and ( max-width: 980px) {
.single .post {
padding-bottom: 20px;
}
}




span.mobile_menu_bar:before {
    color: white !important;
}



/****** Menu Full-screen ******/

/* Hide submenu */
.et_mobile_menu .menu-item-has-children > a { 
	background-color: transparent; 
}
#main-header .et_mobile_menu li ul.sub-menu.hide { 
	display: none !important; 
	visibility: hidden !important;  
	transition: .7s ease-in-out;
}
#main-header .et_mobile_menu li ul.sub-menu.visible { 
	display: block !important; 
	visibility: visible !important;
 }
.et_mobile_menu .menu-item-has-children > a:after { 
	font-family: "ETmodules";
         font-size: 22px;
         font-weight: 800;
         content: "3"; 
	position: absolute; 
	right: 55px;

}

/* Font Awesome */
.fa {
    margin: 10px ;
  }

@media screen and (max-width: 980px) {
  .et_header_style_centered #main-header {
    position: fixed;
  width: 100%;
    height: 100%;
  }
  .et_header_style_centered #main-header .mobile_nav {
    background-color: transparent;
  }
  .mobile_nav.closed .select_page {
    display: none;
  }
  .et-fixed-header#main-header {
    background-color: transparent !important;
  }
}
.et_mobile_menu {
  top: 0;
  left: 0;
  position: fixed;
  z-index: 9998;
  overflow: scroll !important;
  background-color: rgba(10, 10, 10, 0.9) !important;
  margin-left: -30px;
  padding: 25% 0 100%;
  height: 100%;
  width: calc( 100% + 60px);
  border-top: none;
}
.et_mobile_menu li a {
  text-align: center;
  font-size: 1.55em;
  border: 0;
  padding: 5% 0;
  text-transform: uppercase;
  letter-spacing: 6px;
}

.mobile_nav ul#mobile_menu .current_page_item > a {
  color: #f7a800;
  background-color: rgba(255,255,255, 0.1);
}
.mobile_nav ul#mobile_menu li ul li a {
  font-size: 1.05em !important;
  margin: auto;
  padding-top: 0.2em;
}
.et_mobile_menu li a:hover {
  color: #999;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.mobile_nav.opened .mobile_menu_bar:before {
  content: "\4d";
  color: #fff;
}
span.mobile_menu_bar {
  z-index: 9999;
}