/*
 Theme Name:     Ceviche Restaraunt & Tapas
 Theme URI:      https://ceviche.com
 Description:    2021 Ceviche Website
 Author:         Lauren K. Slack for Grafx Design + Digital
 Author URI:     https://collectivedesignagency.com
 Template:       Divi
 Version:        2.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

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

@font-face {
  font-family: 'Aleo-Regular';
    src:  url('/wp-content/themes/divi-child/fonts/Aleo-Regular.ttf.woff') format('woff'),
    url('/wp-content/themes/divi-child/fonts/Aleo-Regular.ttf.svg#Aleo-Regular') format('svg'),
    url('/wp-content/themes/divi-child/fonts/Aleo-Regular.ttf.eot'),
    url('/wp-content/themes/divi-child/fonts/Aleo-Regular.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
font-family: 'DIN-Medium-Regular';
src:  url('/wp-content/themes/divi-child/fonts/din-medium-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

.et_pb_row {
    position: relative;
    width: 80%;
    max-width: 1200px;
    margin: auto;
}

.container {
    position: relative;
    width: 80%;
    max-width: 1200px;
    margin: auto;
}

#main-header {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

/* body h1 {
font-family: 'DIN-Medium-Regular',"Open Sans",Arial,sans-serif;
color: #5c5c5c;
} */

/* body p {
font-family: 'Futura',"Open Sans",Arial,sans-serif;
color: #5c5c5c;
} */

#main-header {
background-color: transparent;
}

#top-menu-nav {
width: 100%;
max-width: 1200px;
position: relative;
}

#top-menu-nav .et-social-icons {
padding-top: 20px;
position:absolute;
top: 0;
right: 0;
}

#top-menu li {
    font-size: 18px;
	font-weight: 400;
}

#top-menu li a {
    font-size: 22px;
	font-weight: 400;
	color: #fff;
}

#top-menu li.current-menu-item a {
	color: #fff;
}

#top-menu {
	padding-top: 20px
}


.nav li {
	text-transform: uppercase;
}

.et-social-icon a {
    color: #FFF;
}
#fixedNavSectionContainer {
	padding: 0px;
}

#fixedNavSection {
	padding-bottom: 0px;
	padding-top: 5px;
}
#fixedNavSection .et-social-icon {
	padding-top: 20px;
}
#fixedNavSection svg {
	float: left;
	width: 100%;
	max-width: 200px;
	height: 100%;
	max-height: 52px;
	margin-top: 10px;

}

#fixedNav {
	color: #FFF;
	max-width: fit-content;
	margin: auto;
	display: inline-block;
}
#fixedNav li {
	display: inline-block;
	font-family: "Open Sans",Arial,sans-serif;
	font-weight: 400;
	padding-top: 20px;
	padding-right: 22px;
}

#fixedNav li a{
color: #fff;
font-size: 18px;
}

.heroSliderSection svg {
width: 100%;
max-width: 533px;
height: 100%;
max-height: 111px;
margin: auto;
display: block;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
	  z-index: 9999;
}

#heroMiddleText {
	color: #fff;
	font-size: 29px;
	text-transform: uppercase;
	text-align: center;
	padding: 15px 0 20px 0;
	font-family: 'DIN-Medium-Regular',"Open Sans",Arial,sans-serif;
	letter-spacing: 2px;
}

.aboutHeadlineSection h1 {
	color: #006272;
}

.aboutHeadlineSection p {
margin-top: 10px;
font-size: 18px;
font-family: 'Aleo-Regular', "Open Sans",Arial,sans-serif;
}


.gallerySection {
	padding-bottom: 0px;
}

#galleryColumn {
	margin-right: 10px;
	width: 24%;
	margin-bottom: 0px;
}

#galleryColumn img {
margin-bottom: 5px;
width: 100%;
}

#sectionTitle {
	color: #006272;
	text-align: center;
	font-weight: 600;
}

.svg-inline--fa.fa-w-12 {
    width: 26px;
}

.locationsContainer svg {
	margin-right: 10px;
}

.locationsContainer p {
	margin-left: 36px;
	font-size: 18px;
}

#topMenuHeader {
padding: 20px 0px;
text-align: center;
background-color: #FFF;
color: #5c5c5c;
border-style: solid;
border-color: #5c5c5c;
border-width: 2px;
}
#bottomMenuHeader {
margin-top: 50px;
background-color: #FFF;
color: #5c5c5c;
border-style: solid;
border-color: #5c5c5c;
border-width: 2px;
text-align: center;
padding: 20px 0px;
}

#bookPartyHeadline h1 {
	color: #006272;
	margin-bottom: 20px;
}

#bookPartyHeadline p {
	font-size: 18px
}

.bookPartyButton {
	color: #5c5c5c;
	font-weight: 600;
	font-size: 20px;
	border-style: solid;
	border-width: 2px;
	float: left;
	padding: 10px 40px
	
}

.partySectionWrapper {
width: 100%;
position: relative;
max-height: 550px;
height: 550px;
}

.bookPartySection {
float: left;
width: 50%;
height: 550px;
background-color: #fff;
/* padding-top: 45px; */
padding-bottom: 45px;
}

.bookPartyContent {
	max-width: 567px;
	float: right;
	margin-right: 5.5%;
}

.bookPartyVideoSection {
float: right;
width: 50%;
height: 550px;
background-image: url("/wp-content/uploads/2018/04/backgroundVideo.jpeg");
background-repeat: no-repeat;
background-position: cover;
position: relative;
}

.bookPartyVideoSection img {
position:absolute;
left:0;
right: 0;
top: 0;
bottom: 0;
width: 20%;
margin: auto;
display: block;
cursor: pointer;
}


#main-footer {
background-color: #006272;
}

.footerTopContainer {
	margin-bottom: 20px;
	height: 350px;
}
.footerLeftContainer {
	width: 47%;
	float: left;
	position: relative;
	color: #fff;
}
.footerLeftContainer h1{
	color: #fff;
}
.footerLocations, .footerShop, .footerHeadline {
	width: 67%;
	display: inline-block;
	margin-top: 25px;
}

.footerLunch {
	width: 30%;
	display: inline-block;
	margin-top: 25px;
}

.footerLocations a p, .footerLunch a p, .footerShop a p, .footerHeadline a p {
color: #fff;
	font-size: 18px;
	margin-top: 10px;
}

.footerRightContainer {
	width: 47%;
	float: right;
	position: relative;
}

.footerRightContainer h1 {
	color: #fff;
	margin-top: 25px;
	margin-bottom: 10px;
}

.footerBottomContainer {
	position: relative;
	height: 100px;
	margin-top: 30px;
}
.footerBottomContainer img {
	float: left;
	max-width: 17%;
}

.footerBottomContainer .et-social-icons {
	padding-top: 20px;
}

#footerCopyright {
	max-width: 500px;
	text-align: right;
	color: #fff;
	margin: auto;
	font-size: 16px;
	padding-top: 20px;
}

#contactFormName span input {
	width: 100%;
	margin-bottom: 10px;
	background-color: transparent;
	padding: 10px 20px;
	color: #fff;
}
#contactFormEmail span input {
	width: 100%;
	margin-bottom: 10px;
	background-color: transparent;
	padding: 10px 20px;
	color: #fff;
}
#contactFormMessage span textarea {
	width: 100%;
	background-color: transparent;
	padding: 10px 20px;
	height: 100px;
	color: #fff;
}

.wpcf7-submit {
	color: #fff;
	background-color: transparent;
	font-size: 19px;
	padding: 10px 20px;
	float: right;
	margin-top: 10px;
	border-width: 1px;
	cursor: pointer;
}

input::placeholder, textarea::placeholder {
	color: #fff;
	font-size: 19px;
}

input::placeholder:active, textarea::placeholder:active {
display: none;
}

.mobile_menu_bar:before {
    font-size: 40px;
    color: white;
}

@media only screen and (max-width: 768px) {
    .bookPartySection {
	float: none;
	width: 100%;
	padding-left: 25px;
    }
	.bookPartyVideoSection {
	float: none;
	width: 100%;
	margin-top:55px;
	}
	.partySectionWrapper {
    width: 100%;
    position: relative;
    max-height: 1200px;
    height: 100%;
	}
	.footerLeftContainer {
    width: 100%;
    float: none;
	}
	.footerRightContainer {
    width: 100%;
	float: none;
	}
	.footerTopContainer {
    margin-bottom: 20px;
    height: 600px;
	}
	.footerBottomContainer img {
    max-width: 40%;
    margin: auto;
    float: none;
    display: block;
	}
	.footerBottomContainer {
    height: 200px;
	}
	#footerCopyright {
    text-align: center;
	}
	.et-social-icons li {
    margin-right: 20px;
	}
}