/*
Theme Name: Houston Crawfish and Seafood
Theme URI: https://allinbrand.com
Description: Houston Crawfish and Seafood - AllinBrand
Author: AllinBrand
Author URI: https://allinbrand.com
Template: Divi
Version: 1.0
*/
@import url("../Divi/style.css");

/* ================== */

#main-header {
	top: 36px !important;
}

#page-container {
	padding-top: 126px !important;
}

.admin-bar #main-header {
	top: 68px !important;
}

.admin-bar #page-container {
	padding-top: 126px !important;
}

#preloader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fefefe;
	z-index: 99;
    height: 100%;
}

#preloader .status {
	 width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-image: url(../../../wp-content/uploads/2019/09/ajax-loader-houston.gif);
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
}

#top-menu li li {
    padding: 0px;
    width: 100%;
}

#top-menu li li a {
	width: 100%; 
}

.nav li li ul {
    top: -103px;
}

#top-menu li a {opacity: 1 !important;}
#top-menu > li.current-menu-item>a:before, 
#top-menu > li:not(.current-menu-item)>a:before,
#et-footer-nav .bottom-nav li.current-menu-item a:before,
#et-footer-nav .bottom-nav li:not(.current-menu-item) a:before { 
	content: ''; position: absolute; width: 100%; left: 0; right: 0; top: 20px; background: #D54570; height: 2px;}

#top-menu > li:not(.current-menu-item)>a:before,
#et-footer-nav .bottom-nav li:not(.current-menu-item) a:before { 
	transform: translateY(30px); opacity: 0; transition: 0.5s; visibility: hidden; 
}
#top-menu > li:not(.current-menu-item)>a:hover:before,
#et-footer-nav .bottom-nav li:not(.current-menu-item) a:hover:before{ transform: translateY(0px); opacity: 1; transition: 0.5s; visibility: inherit; }
/* #top-header #et-info { width: 100%; } 
#top-header .et-social-icons { float: right; }*/
#et-footer-nav .bottom-nav li:not(.current-menu-item) a:before {transform: translateY(-60px);}
#et-footer-nav .bottom-nav li:not(.current-menu-item) a:hover:before{transform: translateY(-25px);}
#et-footer-nav .bottom-nav li a {position:relative;opacity: 1 !important;}
#et-footer-nav .bottom-nav li.current-menu-item a:before {top: -5px;}
#footer-bottom {padding-top: 0px;}
#footer-bottom .container, #et-footer-nav .container {text-align: center;}
#footer-bottom #footer-info {text-align: center; float: none;}
#main-footer {background: url(../../../wp-content/uploads/2019/08/bg-footer.jpg); background-position: center center; background-size: contain;position: relative;}
#main-footer:before { content: ''; position: absolute; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; }
.footer-widget .et-social-icons { display: inline-flex; width: 100%; }
#footer-widgets .footer-widget .et-social-icons li { margin: 0px; padding: 0px; padding-left: 15px;}
#footer-widgets .footer-widget .et-social-icons li a { font-size: 16px; }
#footer-widgets .footer-widget li:before {content: none;}
.home-sec3:before { content: ''; position: absolute; width: 100%; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 0.5); }
.sec-header .header-content {margin-right: 0px !important;}
/* .sec-header h1.et_pb_module_header:after { content: ''; position: absolute; bottom: 10px; height: 2px; width: 10%; background: #ffffff; margin: 0 auto; left: 0; right: 0; } */

/* Menu */
.menu-details .item-title.fullwidth { display: flex; justify-content: space-between; align-items: center; }
.menu-details .item-title.grid { display: flex;justify-content: space-between;align-items: center;flex-direction: column; }
.menu-details .item-title h2 { color: #000; font-size: 16px; font-weight: bold; padding-bottom: 0px !important;
margin-top: 0px !important;}
.menu-details .item-title .dish-price { color: #D12A5C; font-weight: 600; font-size: 16px; text-align: right; }
.menu-details .project { padding: 10px 15px;}

.menu-details {
	background: #fff;
}

.menu-fullwidth {
    display: flex;
	align-items: center;
	min-height: 60px;
}

.menu-fullwidth .image-item {
	flex-grow: 0;
	margin-right: 10px;
	display: flex;
	flex-shrink: 0;
}

.menu-details .project:nth-child(2n-1) {
    background: #F0F2F5;
}

.menu-fullwidth .image-item.no-image {width:60px;}

.menu-fullwidth .content {
	flex-grow: 1;
}
.menu-details .image-fullwidth .et_pb_lightbox_image {
    display: inline-flex;
}

.menu-details .image-fullwidth .et_pb_lightbox_image .et_pb_image_wrap {
	display: inline-flex;
}

.menu-details .image-fullwidth .et_pb_lightbox_image .et_pb_image_wrap img {
	height: 40px;
	width: auto;
}

.menu-details .menu-grid .item-title h2 {text-align: center;}

.menu .et_pb_slides .et_pb_container {
    height: auto !important;
}

.menu .et_pb_slider .et-pb-controllers {
    position: relative;
    bottom: -10px;
}

.menu-sidebar ul li {
    margin-bottom: 2px;
}

.menu-sidebar ul li a {
    padding: 5px 15px;
	border-radius: 5px;
	display: block;
	width: 100%;
	transition: all .5s;
}

.menu-sidebar ul li a:hover {
	background: #fff;
	color: #D12A5C;
	transition: all .5s;
}

.menu-sidebar ul li.current-menu-item a {
    background: #fff;
    color: #D12A5C;
	box-shadow: 4px 5px 4px 0px rgba(0,0,0,0.2);
}

/* End menu */

.et_pb_contact.custom{
    margin-left: -3%;
}

.et_pb_contact.custom > .wpcf7-form-control-wrap {
	margin-bottom: 3%;
	padding: 0 0 0 3%;
}

.et_pb_contact_field.button {margin-bottom: 0px;}

.et_pb_row .wpcf7 .ajax-loader {
    top: -20px;
    position: relative;
}

.et_pb_row input.text, .et_pb_row input.title, .et_pb_row input[type="text"], .et_pb_row select, .et_pb_row textarea, .et_pb_row input[type="email"], .et_pb_row input[type="tel"], .et_pb_row input[type="number"], .et_pb_row input[type="date"] {
    width: 100%;
    border: 1px solid rgba(209, 42, 92, 0.5) !important;
    height: 45px;
    padding: 10px;
    font-size: 16px;
    color: #535353 !important;
    font-weight: normal;
    transition: all 0.5s;
	background: #fff !important;
}
.et_pb_row input[type="submit"] {
    line-height: 45px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 0 45px;
    color: #ffffff;
    background-color: #D12A5C;
    border: 1px solid #D12A5C;
    margin: 0 auto;
    display: block;
	width: auto;
}

.et_pb_row input[type="submit"]:hover {
    cursor: pointer;
	color: #D12A5C !important;
    background-color: rgba(255,255,255,0) !important;
}

/* MENU MOBILE */

#mobile_menu .menu-item-has-children {
    position: relative;
}
#mobile_menu .menu-item-has-children > a {
    background: transparent;
}
#mobile_menu .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}

span.menu-closed:before {
    content: "\4c";
    display: block;
    color: #000;
    font-size: 16px;
    font-family: ETmodules;
	float: right;
	transform: rotate(0deg);
	-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}
span.menu-closed.menu-open:before {
	transform: rotate(134deg);
    -webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}

@media only screen and (max-width: 980px) {
	#page-container {
		padding-top: 115px !important;
	}
	.admin-bar #page-container {
		padding-top: 115px !important;
	}
	
	#et-info, #et-secondary-menu {
		display: block;
		float: none;
		text-align: center;
	}
}


@media only screen and (max-width: 768px) {
	.admin-bar #main-header {
		top: 82px !important;
	}
}

@media only screen and (max-width: 768px) {
	#et-info .et-social-icons {
		display: inline-block;
	}
}

@media only screen and (max-width: 480px) {
	#preloader .status { background-size: 80%; }
	.menu-details .item-title h2, .menu-details .item-title .dish-price {
    	font-size: 14px; 
	}
	
	.menu-details .item-title.fullwidth {
		align-items: flex-start;
		flex-direction: column;
	}
}