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

@import url("/wp-content/themes/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-content: center; 
}

/* Align the description on middle vertically (correctly) */
.cover-active #cover-section .et_pb_slide_description { 
	padding: 20px 0;
	position: absolute;
	bottom: 0 !important;
  left: 0;
  right: 0;
  margin: 0 auto;
	vertical-align: top; 
	background: none;
  width: 100% !important;
  background: rgba(0,0,0,0.5);
}

.cover-active #cover-section .et_pb_slide_content h1 {
  font-weight: bold;
  font-size: 30px !important;
  margin: 10px 0 10px 0;
  text-shadow: 2px 5px 2px #000;
  padding: 0;
}

.cover-active #cover-section .et_pb_slide_description p { line-height: 100%; }

.cover-active #cover-section .et_pb_slide_content .bordered {
   margin: 10px auto 0 auto; font-size: 20px; max-width: 150px; padding: 4px 8px;
}

.cover-active #cover-section .et_pb_slide_description img { max-width: 500px; max-height: inherit; }

.cover-active #cover-section .et_pb_slide_description img.size-thumbnail { max-width: 100px; max-height: inherit; }
/* Move dot controllers, in case they are used */
.cover-active #cover-section .et-pb-controllers { 
	bottom: 100px; 
}

/* remove top padding from cover content */
.cover-active .et_pb_slide_content { padding: 0; }
.cover-active .et_pb_section { padding: 0; }

.cover-active p { margin: 0; padding: 0; }


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

/* Main nav on homepage before scroll */
#main-nav-home { 
	position: fixed;
	display: block;
	z-index: 9999;
	height: 40px;
	top: 0!important;
	text-align: center;
	width: 100%;
}

#main-nav-home nav#top-menu-nav { float: none; margin: 0; background: #fff; padding: 8px 0; width: auto; text-align: center; }

/* Main nav on homepage after scroll */
#second-nav-home.nav-hidden { display: none; }

#main-nav-home.nav-hidden { display: none; }

#slogan.nav-hidden { display: none; }

/* no text transformation on headers, etc */
.no-text-transform h2 { text-transform: none; }

/* Cover active header normal */
.cover-active #main-header { 
	position: absolute; 
	top: auto!important; 
	bottom: 0!important;
	background: rgba(0,0,0,0.6)!important;	
}

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

#main-header.cover-header #logo {
	display: block; float: left;
}

#main-header.cover-header #slogan {
	color: #fff !important; 
    float: right;
	font-size: 24px;
	font-weight: 500;
	color:#fff;
    padding: 0 10px 0 0;
    text-align: right;
	text-transform: uppercase;
}

#main-header.cover-header #slogan.right-slogan { color: #666 !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;}  
#et-top-navigation {padding-right: 10px;}

/* Larger font size and uppercase h2 header titles*/
h1,h2,h3,h4,h5,h6 { font-weight: 500; line-height: 140%; text-transform: uppercase; margin: 0px; }
h1 {font-size:48px; }
h2 {font-size:34px; }
h3 {font-size:24px; }
h4 {font-size:20px; }
h5 {font-size:18px; }
h6 {font-size:16px; }

/* E3 DESIGN CSS */

html,body,div,p,td { line-height: 140%; font-size: 18px; }

body.home { background: url('/images/site-bg.jpg') top left no-repeat; background-size: cover; background-attachment: fixed; }

/* page titles - heroes */


/* fullheight */
.et_pb_section.fullheight { text-align: center; opacity: 1; padding: 0; }

.fullheight .et_pb_row { padding: 0; height: 100%; }
.fullheight .et_pb_column { padding: 0; height: 100%; }

.fullheight h1 { font-size: 60px; text-align: center; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 1px #000000; }

.et_pb_fullwidth_section.fullheight .et_pb_fullwidth_header { padding: 0px !important; position: relative; top: 50%; transform: translateY(-50%); height: auto !important; min-height: 500px; }

/* halfheight */
.halfheight .et_pb_row { padding: 0; height: 100%; }
.halfheight .et_pb_column { padding: 0; height: 100%; }

.halfheight h1 { font-size: 80px; text-align: center; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 1px #000000; }

.et_pb_section.halfheight { padding: 0px !important; min-height: 250px; }

.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll {
    padding-top: 50px !important;
    padding-bottom: 0px !important;
}

.soliloquy-viewport { height: 100% !important; }
.soliloquy-container { max-width: 100% !important; }

.soliloquy-container .soliloquy-caption {
    background: rgba(0,0,0,0.15) !important;
}

/* price boxes */
.et_pb_pricing_table { width: 20% !important; margin-left: 1%; margin-right: 2% }
.et_pb_pricing_heading { background: #ff0000; }
h2.et_pb_pricing_title { font-size: 16px; }
.et_pb_sum, .et_pb_dollar_sign { font-size: 33px; color: #ff0000 !important; }
.et_pb_dollar_sign { margin-left: -20px !important; }
.et_pb_pricing_table_26 .et_pb_pricing_heading, .et_pb_pricing_table_26, .et_pb_pricing_table_26 .et_pb_pricing_content_top, .et_pb_pricing_table_26 .et_pb_pricing_content, .et_pb_pricing_table_27 .et_pb_pricing_heading, .et_pb_pricing_table_27, .et_pb_pricing_table_27 .et_pb_pricing_content_top, .et_pb_pricing_table_27 .et_pb_pricing_content { background: #fff !important; border: none !important; }

/* fullwidth */
.fullwidth .et_pb_row.et_pb_row_fullwidth { width: 100% !important; max-width: 100% !important; }

.et_parallax_bg { background-size: cover; }

/* nopadding sections */
.et_pb_section.smallpadding { padding: 10px !important; }
.smallpadding .et_pb_row { padding: 10px !important; }
.et_pb_section.nopadding { padding: 0px !important; }
.nopadding .et_pb_row { padding: 0px !important; }
.nopadding p { padding: 0; }

/* person - about us page */
.et_pb_team_member_description h4 { font-size: 34px; }
.et_pb_team_member_description { text-align: center; }

.entry-content .et_pb_member_social_links {
    margin-top: 5px;
}

.et_pb_member_social_links a {
    font-size: 26px;
    color: #2EA3F2;
}

.et_pb_member_social_links a:hover {
    color: #000;
}

/* person - contact us page */
.team-small img { max-width: 150px; }


/* home slides */
.et_pb_slider .et_pb_container { width: 100% ; max-width: 100%; }
.et_pb_slide_content { padding: 25px 0 0 0; text-shadow: 1px 1px 1px #000; width: 100%; }
.et_pb_slide_content h1 {
  font-weight: 400;
  font-size: 46px !important;
  margin: 50px 0 10px 0;
  text-shadow: 2px 5px 2px #000;
  padding: 0;
}
.et_pb_slide_content h2 {
  font-weight: 400;
  font-size: 28px !important;
  margin: 0;
  padding: 0;
  text-shadow: 2px 2px 2x #000;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  line-height: 120%;
}

.et_pb_slide_content img { opacity: 50; }

.et_pb_slide_content .bordered { margin: 0 auto; }

.et_pb_slide_content .bordered { text-shadow: 1px 1px 1px #000; }

.dark-bg { background: rgb(0,0,0,0.2); width: 100%; clear: both; }

/* bordered links */
.bordered { font-size: 24px; padding: 10px; margin: 15px auto 0 auto; text-align: center; display: block; max-width: 500px; width: 300px; }

.border-white { border: 1px solid #fff; color: #fff; background: rgba(0,0,0,0.2); }
.border-white:focus, .border-white:active { background: rgba(0,0,0,0.8); color: #fff; }
a.border-white:hover { background: rgba(0,0,0,0.8); color: #fff; }

.border-grey, .border-grey:active, .border-grey:focus { border: 1px solid #57595b; color: #57595b; }
.border-grey:hover { background: #57595b; color: #fff; }

/* home blurbs area */
.home-blurbs h4 { font-size: 28px; }
.home-blurbs h4 a { font-size: 28px; }
.home-blurbs .bordered { font-size: 20px; padding: 10px; margin: 15px auto 0 auto; text-align: center; display: block; max-width: 150px; width: 150px; }

.no-padding { padding: 0; }

.padded-small { padding: 50px 0 !important; }

.padded-medium { padding: 100px 0 !important; }

.padded-medium-top { padding: 100px 0 0 !important; }

.padded-medium-bottom { padding: 0 0 100px !important; }
.padded-large { padding: 200px 0 !important; }

.xxlarge-text, .xxlarge-text h2 { font-size: 60px; text-transform: uppercase; font-weight: 400; }
.xlarge-text, .xlarge-text h2 { font-size: 28px; }
.large-text { font-size: 28px; }
.large-text p { font-size: 18px; }
.large-text h2 { font-size: 20px; }

.medium-text { font-size: 18px; }
h2.medium-text { font-size: 18px; }

.grey-text { color: #353535; }

.nopadding { padding: 0; }

.dark-bg h2 { background: rgba(0,0,0,0.2); padding-bottom: 0px; line-height: 100%; }

/* short line-height */
.short-height { line-height: 120%; }

#slogan {
	font-size: 40px; text-align: center; float: none; font-weight: 300; color: #fff; margin: 20px auto;
}

#logo {
    margin-bottom: 10px;
}
#main-header {
    background-color: #40536b;
	z-index:100;
	padding-top: 5px;
}

#main-header .container { width: 100%; max-width: 100%; }

nav#top-menu-nav { float: none; margin: 0; background: #E9E9E9; padding: 0; width: 100%; text-align: center; clear: both; }
#top-menu { display: block; width: auto; margin: 0 auto; text-align: center; float: none; }
#top-menu li { display: inline-block; font-size: 20px; font-weight: 500; margin: 0 5px; padding: 6px 10px !important; }
#top-menu li.current-menu-item, #top-menu li:hover, #top-menu li.current-menu-item a, #top-menu li:hover a { background: #333 !important; color: #fff !important; opacity: 1 !important; }
.et-fixed-header #top-menu li.current-menu-ancestor>a, .et-fixed-header #top-menu li.current-menu-item>a { color: #fff !important; }


.et_pb_widget li a:hover { color: #fff; }
#menu-homepage-menu li:hover { color: #fff !important; border-bottom: #6fa722 4px solid;}
#menu-homepage-menu li:last-child {
	border-right: none;
}

#nav_menu-2 {
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 1px;
    text-align: left;
    width: 100%;
}

#main-footer .container { width: 94%; max-width: 94%; }
.footer-widget h4.title, .footer-widget h3 { color: #f1f1f1 !important; font-size: 26px; font-weight: 500; text-transform: uppercase; }
.footer-widget:last-child h4.title {font-size: 20px; text-align: center; }

#footer-widgets .footer-widget li { padding-left: 0; list-style: none; }
.footer-widget li:before { border: none !important; }

.footer-widget .et_pb_widget a { color: #fff; }
.footer-widget .et_pb_widget a:hover { color: #ffcc00; }
.footer-widget #black-studio-tinymce-4 .footer-logos { display: block; text-align: center; }
.footer-widget #black-studio-tinymce-4 img.size-full { max-width: 80px; max-height: inherit; height: auto; margin: 15px; }

div.footer-images { text-align: center; }
div.footer-images img { max-width: 80px; height: auto; margin: 0 10px 10px 10px; }

/* bold quote link on main nav */
li.nav-bold a { font-weight: bold; color: #eead22 !important; }

#logo { max-height: 60px; display: none; }

/* centered items */
.centered { text-align: center; margin: 0 auto; }

/* text anchors */
a.anchor-padded {
  display: block;
  position: relative;
  top: -160px;
  visibility: hidden;
}

/* forms  */

.flyout-content-body input[type=text], .flyout-content-body input[type=email], .flyout-content-body input[type=tel], .flyout-content-body textarea { background: #f1f1f1 !important; color: #333 !important; }

input[type=submit] {
  text-align: center;
  margin: 0 auto;
  display: block;
  background: #ed1c24 !important;
  color: #ffffff !important;
  font-size: 20px !important;
  padding: 10px 20px 10px 20px !important;
  text-decoration: none !important;
}

input[type=submit]:hover {
  background: #b04648 !important;
  text-decoration: none !important;
}

/* background videos */
video { opacity: 0.35 }

/* background images */

.fixed { background-attachment: fixed !important; }

.cover {
  background-size: cover !important;
}

.et_pb_section.cover { padding: 0; }

/* soliloquy slider */
.soliloquy-container { text-align: center; margin: 0 auto !important; height:  }

.soliloquy-container .soliloquy-wrap {
  width: auto !important;
  position: relative;
  margin: 0 auto !important;
  padding: 0;
  list-style: none !important;
  height: 100%;
  zoom: 1;
}

.soliloquy-container .soliloquy-wrapper, .soliloquy-container .soliloquy-item {
  width: auto;
  margin: 0 auto !important;
  padding: 0;
  list-style: none !important;
}

a.soliloquy-prev { display: none !important; }
a.soliloquy-next { display: none !important; }
.soliloquy-controls { display: none !important; }

/* footer */
#footer-info { color: #eee; }
.et-social-icon a { color: #fff; }
.et-social-icon a:hover { color: #eded80 !important; }
#footer-info a { color: #efefef; }
#footer-info a:hover { color: #ffcc00; }

/* margin-top */
.top-margin { margin-top: 40px !important; }

/* brands block with logos */
.brands img { max-height: 40px; width: auto; max-width: inherit; margin: 8px; }
.brands-internal img { max-width: 140px; height: auto; max-height: inherit; margin: 15px 8px 8px 8px; vertical-align: middle; }

/* hide blurbs */

/* gravity forms */
.gform_wrapper .gform_footer {
    padding: 15px 0 !important;
    margin: 10px auto !important;
	text-align: center !important;
}
.gfield_label { color: #828282 !important; font-weight: normal !important; }
.gform_wrapper .top_label .gfield_label {
    margin: 0px !important; color: #828282 !important; font-weight: normal !important; line-height: inherit !important; }
	
/* internal sliders */
.et_pb_section.innerslider { padding: 0; }
.innerslider .et_pb_row { padding: 2% 0 0 0; }

@media screen and (max-width:1100px) {
#responsive-menu-button { right: 0 !important; background: #ff0000 !important; }
#responsive-menu-container, #responsive-menu-container #responsive-menu li.responsive-menu-item a { background: #ff0000 !important; }
#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover
 { background: #000 !important; }
#responsive-menu-title, #responsive-menu-additional-content, #responsive-menu-search-box { display: none; }
#slogan { margin-top: 40px; font-size: 16px !important; }
#top-menu { display: none; }
#et_mobile_nav_menu { display: none; }
#main-nav-home { display: none; }
/* internal pages - move header down under menu bar */
#main-header { margin: 42px 0 0 0; padding-top: 8px; }

.cover-active #cover-section .et_pb_slide_description { background: rgba(0,0,0,0.7); padding: 10px; }
.cover-active #cover-section .et_pb_slide_content h1 {
  font-size: 23px !important;
}

.cover-active #cover-section .et_pb_slide_content h2 {
    font-size: 16px !important;
}

.xxlarge-text, .xxlarge-text h2 { font-size: 60px; text-transform: uppercase; font-weight: 400; }
.xlarge-text, .xlarge-text h2 { font-size: 38px; }
.large-text { font-size: 30px; }
.large-text p { font-size: 16px; }
.large-text h2 { font-size: 26px; }

.medium-text { font-size: 22px; }
h2.medium-text { font-size: 20px; }

/* bordered links */
.bordered { font-size: 26px; max-width: 300px; width: 240px; }

/* headings */
h1 { font-size: 44px; }
h2 { font-size: 34px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }

}

@media screen and (max-width:980px) {
.footer-widget:last-child { width: 100% !important; margin: 0px auto !important; text-align: center; }	
.footer-widget:last-child .et_pb_widget { margin: 0px auto !important; text-align: center; float: none; }
.et_pb_section { padding: 20px 0; }
.et_pb_row{ padding: 10px 0; }
.et_pb_column { margin-bottom: 15px; }
.et_pb_column_1_3 { width: 29.666% !important; margin-right: 5.5%; }

/* bordered links */
.bordered { font-size: 22px; max-width: 200px; width: 200px; }
}

@media screen and (max-width:768px) {
.flyout-content .gform_wrapper input { font-size: 16px !important; }
#slogan { display: none !important; }
.et_pb_column_1_3 { width: 100% !important; margin-right: 0px !important; }

/* bordered links */
.bordered { font-size: 26px; max-width: 260px; width: 260px; }

#footer-widgets .footer-widget:first-child { display: none; }
#footer-widgets .footer-widget{ padding-bottom: 20px; }
#footer-widgets .footer-widget:last-child{ padding-bottom: 0; }

.footer-widget:nth-child(n) { width: 100% !important; margin: 0 auto !important; }

.footer-widget { margin: 0 auto !important; float: none; }
.footer-widget li { text-align: center; }
.footer-widget h4.title, .footer-widget h3 { font-size: 20px; text-align: center; }
.textwidget { text-align: center; }
.et_pb_widget { margin: 0 auto !important; float: none !important; }
}

@media screen and (max-width: 380px) {
.et_pb_slide_content h1 {
    font-size: 32px !important;
    margin: 30px 0 10px 0;
}	
.et_pb_slide_content h2 {
    font-size: 18px !important;
}

.xxlarge-text, .xxlarge-text h2 { font-size: 38px; }
.xlarge-text, .xlarge-text h2 { font-size: 28px; }
.large-text { font-size: 28px; }
.large-text p { font-size: 16px; }
.large-text h2 { font-size: 22px; }

.medium-text { font-size: 18px; }
h2.medium-text { font-size: 18px; }

/* headings */
h1 { font-size: 38px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
}