/* 
 Theme Name:     Star Cafe 
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 

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


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


/* add the full screen image */
/* the full width section must have CSS ID "cover-section" */
/* AND full width slide within must have CSS ID "cover-slider"*/
/* you also need to TURN OFF THE FIXED NAVIGATION BAR IN THE DIVI OPTIONS PANEL */
/* image size should be around 1920x1080px */

/* Set all this elements to 100% height, very important! */
.cover-active, .cover-active #page-container, .cover-active #et-main-area, .cover-active #main-content, .cover-active article.page, .cover-active .entry-content, .cover-active #cover-section .et_pb_slider, .cover-active #cover-section .et_pb_slides, .cover-active #cover-section .et_pb_slide, .cover-active #cover-section .et_pb_container {
	min-height: 100%;
	height: 100%;
	padding: 0!important;
}

/* Set position to initial when boxed layout is set, fixes header position */
.cover-active.et_boxed_layout #page-container { 
	position: initial!important;
}

/* Prepare slide container for slide description vertical align */
.cover-active #cover-section .et_pb_container { 
	display: table; 
}

/* Align the description on middle vertically (correctly) */
.cover-active #cover-section .et_pb_slide_description { 
	padding: 0; 
	display: table-cell; 
	vertical-align: middle; 
}

/* Move dot controllers, in case they are used */
.cover-active #cover-section .et-pb-controllers { 
	bottom: 100px; 
}

/* Header normal for internal pages */
#main-header, #main-header .nav li ul, #main-header .et_mobile_menu, #main-header.cover-header  {
	background: #000000!important;
}

/* Cover active header normal */
.cover-active #main-header { 
	position: absolute; 
	top: auto!important; 
	bottom: 0!important; 
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%)!important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)))!important;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%)!important;
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%)!important;
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.8) 100%)!important;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.8) 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0)!important;
}

/* Header once it touches the top edge */
#main-header.cover-header { 
	position: fixed; 
	top: 0!important; 
	bottom: auto!important; 
	background: #213166!important;	
}

#top-menu a{
color:#fff !important;
}

/* Submenu position for bottom header (desktop / mobile) */
.cover-active #main-header .sub-menu, .cover-active #main-header #mobile_menu {
	top: auto;
}

/* Submenu position for bottom header (desktop) */
.cover-active #main-header .sub-menu {
	bottom: 80px;
}

/* Submenu position for bottom header (mobile) */
.cover-active #main-header #mobile_menu {
	bottom: 62px;
}

/* Submenu position for top header (desktop / mobile) */
.cover-active #main-header.cover-header .sub-menu, .cover-active #main-header.cover-header #mobile_menu {
	bottom: auto;
}

/* Submenu position for top header (desktop) */
.cover-active #main-header.cover-header .sub-menu {
	top: 52px;
}

/* Submenu position for top header (mobile) */
.cover-active #main-header.cover-header #mobile_menu {
	top: 62px;
}
    
/* add padding for the logo and navigation as we have moved them to the edges of the screen */    
#logo {padding-left: 10px;} 
.cover-header #logo {display:block;}
#et-top-navigation {padding-right: 10px;}

    
/*grey maps look so much cooler, right? */
.et_pb_map_container { 
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); 
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
}

/* Larger font size and uppercase h2 header titles*/
h2{font-size:35px !important; font-weight:bold; text-transform:uppercase;}

.grey-box{
  padding: 70px 30px;
  background: #eaeaea;
  line-height: 30px;
}
.grey-box h1{
line-height: 35px;
}

#main-header, #main-header .nav li ul, #main-header .et_mobile_menu{
background:#213166 !important;
padding-bottom: 19px;
transition:none;
}
 #main-header.cover-header{
padding-bottom:0;
}