/*
 Theme Name:   Juicy Burger
 Description:  Divi Child Theme
 Author:       Ross Mahler
 Template:     Divi
 Version:      1.0.0
 Text Domain:  juicy-burger
*/


/* TOP NAV CUSTOMIZATION */

.home .ul.et_pb_social_media_follow {
	margin-left:-16px !important;
}

@media (min-width: 980px) {
ul#top-menu {
	padding-right:150px;
}
}

@media (max-width: 980px) {
	#order_online {
		top:25px !important;
	}
	.et_pb_column .et_pb_module {
		margin-bottom:0;
	}
	
	.et_pb_text_3 p {
		padding-bottom:25px !important;
	}
	
	.et_pb_section_0.et_pb_section {
		padding:0 !important;
	}
	
	.page-id-45 .et_pb_row_1.et_pb_row {
		padding-top:25px !important;
	}
	
	.page-id-45 .et_pb_image_2 {
		padding-top:15px !important;
	}
	
	.page-id-47  .et_pb_text_0 {
		text-align: center;
    margin: 0 auto !important;
    padding: 0 15px 15px !important;
	}
	
	.page-id-47  .et_pb_image_1 {
		margin:0 auto !important;
		padding:0 15px 15px !important;
		    text-align: center;
	}
	
	.page-id-47 .et_pb_text>:last-child {
		padding-bottom:25px !important;
	}
	
	input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
		width:100%;
		max-width:100%;
	}
	
	.page-id-51 h1 {
		padding-top:15px !important;
	}
}


@media (max-width: 769px) {
	.et_pb_text_0 p, .et_pb_text_4 p {
		line-height:1.5 !important;
		padding:10px 0 !important;
	}	
	
	
}


@media (max-width: 470px) and (min-width: 380px) {
	#order_online a.order-btn {
		font-size:10px !important;
		padding:0 2px;
	}
	
	#order_online {
	    right:75px !important;
	}
}

@media (max-width: 380px) and (min-width: 0px) {
	#order_online a.order-btn {
		font-size:9px !important;
		padding:0 2px;
	}
	
	#order_online {
	    right:65px !important;
	}
}

input[type="submit"],
input[type="submit"]:visited {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  transition: all 0.3s ease-out;
  text-decoration: none;
  color: #fff;
  background-color: #AB170D;
  text-align: center;
  height: 2.5em;
  line-height: 2.5em;
  outline: 0;
  padding: 0 10px;
  border: none;
}
input[type="submit"]:hover,
input[type="submit"]:visited:hover,
input[type="submit"]:focus,
input[type="submit"]:visited:focus {
  background-color: #7c1109;
  color: #e6e6e6;
}
input[type="submit"]:active,
input[type="submit"]:visited:active {
  background-color: #7c1109;
  color: #e6e6e6;
}


a.order-btn {
	background:#AB170D;
	color:#fff;
	padding:0 10px;
	line-height:2.5;
	display:inline-block;
	    font-size: 16px;
    font-weight: 300; 
	text-transform:uppercase;
	transition:all 0.5s ease;
}

@media (max-width: 1263px) and (min-width: 1062px) {
    a.order-btn {
        font-size:14px;
        padding:0 5px;
    }
}

@media (max-width: 1062px) and (min-width: 980px) {
    a.order-btn {
        font-size:12px;
        padding:0 2px;
    }
    
    #top-menu li a {
        font-size:14px;
    }
    
    #top-menu li {
        padding-right:10px;
    }
}

a.order-btn:hover, a.order-btn:focus, a.order-btn:active {
	background:#5f0d07;
}

#et-top-navigation {
    float: none;
	text-align: center; 
}

nav#top-menu-nav, #top-menu, nav.fullwidth-menu-nav, .fullwidth-menu {
    float: none;
}

#order_online {
	position: absolute;
	top: 35px;
	right: 30px;	
	z-index: 999 !important;
}

.et-fixed-header #order_online {
	top:6px;
}


@media all and (max-width: 980px) {
#order_online {
	right: 100px;	
}
 a.order-btn {
        font-size:12px;
        padding:0 2px;
    }
}


#order_online img {
	width: 65px;
	height: auto;	
}



/* HOME PAGE CUSTOMIZATION */

#home-eatin  {
	margin: 0px 0 0 6%;
	padding: 0 0 0 0;
}

#home-eatin h1 {
	color: #AB170D;
	font-family: 'Roboto', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 38px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 48px 0 0 0;
	padding: 0 0 0 0;
}
	
#home-eatin h2 {
	color: #AB170D;
	font-size: 32px;
}
	



#home-more {
	margin: 0 0 0 -8%;
}

#home-more h1 {
	color: #AB170D;
	font-size: 30px;
	margin: 30px 0 0 0;
	line-height: 1.3;
}

#home-more p {
	font-size: 14px;
	line-height: 1.2;
}
	


.home.page .et_pb_text_0 {
	font-family:'Pacifico', cursive !important;
}

.home.page .et_pb_text_0 a {color:rgba(255,255,255,1); font-size:1.125rem;}



/* MENU PAGE CUSTOMIZATION */

.menu-box {
	padding: 0 20px;
}

.menu-box h1 {
	color: #AB170D;
	font-size: 24px;
	margin: 0px 0 0 0;
	padding: 0 0 0 0;
}
	
.menu-box h2 {
	font-family: 'Roboto', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #AB170D;
	font-size: 25px;
	text-transform: uppercase;
	font-weight: bold;
}
		
.menu-box p {
	font-size: 14px;
	line-height: 1.2;
}
	

.build-box h1 {
	color: #591f00;
	font-family: 'Roboto', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 38px;
	margin: 0px 0 0 0;
	padding: 0 0 0 0;
}
	
.build-box h2 {
	font-family: 'Pacifico', cursive;
	color: #AB170D;
	font-size: 36px;
}
		
.build-box p {
	font-size: 14px;
	line-height: 1.2;
}
	


/* SOCIAL MEDIA FOLLOW CUSTOMIZATION */

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; 
}







/* FOOTER CUSTOMIZATION */

.bottom-nav, .bottom-nav a, .bottom-nav li.current-menu-item a
{
	color: white !important;
	text-align: center !important;
	background-color: #591f00 !important;
}

.bottom-nav {
   text-align: center !important;
}

#et-footer-nav {
    background-color: #591f00 !important;
}

#footer-info {
    float: none !important;
    text-align: center !important;
}