/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/*--------------------------------------------------------------
## Forms
--------------------------------------------------------------*/
form p { margin: 0 0 10px !important; width: 100%; }
form i, form .hide { display: block; width: .1px;  height: .1px;  overflow: hidden; }
form label { font-family: 'Open Sans', sans-serif; font-size: 13px; text-align: left; }
form input, form textarea { -webkit-box-sizing: border-box; box-sizing: border-box; }
form input[type="submit"] { margin: 10px auto 0px !important; position: relative; line-height: 1.2; display: inline-block; border-radius: 8px; background: #009966; width: 212px; text-align: center; background-color: #FCB302; font-family: "Montserrat", Sans-serif; font-size: 17px; font-weight: 500; fill: #000000; color: #000000; border-style: solid; border-width: 3px 3px 3px 3px; border-color: #FFFFFF; border-radius: 36px 36px 36px 36px; box-shadow: 4px 5px 6px 0px rgba(0, 0, 0, 0.26); padding: 19px 33px 18px 39px; }
div.wpcf7 .ajax-loader { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; display: none; }
.wpcf7 ::placeholder { font-family: 'Open Sans', sans-serif; font-size: 15px; color: #BBBBBB; }
.wpcf7 textarea { font-family: 'Open Sans', sans-serif; font-size: 15px; color: #202020; height: 210px; display: block; width: 100%; border: 1px solid #999999; padding: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 15px; }
.wpcf7 input[type="text"], .wpcf7 input[type="email"] { font-family: 'Open Sans', sans-serif; font-size: 15px; color: #202020; height: 60px; display: block; width: 100%; border: 1px solid #999999; padding: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 15px; }
span.wpcf7-not-valid-tip { font-size: 10px; position: absolute; right: 5px; top: -22px; }
p.message span.wpcf7-not-valid-tip { top: -170px; }
p.acceptance span.wpcf7-not-valid-tip { position: relative; right: 0; top: 0; text-align: center; font-size: 15px; }
p.acceptance { padding: 20px 0; }
.wpcf7-display-none { text-align: center; background: #fff; }
footer form p { margin: 0px !important; line-height: unset !important; display: flex; flex-direction: column; }
form p br { display: none; }
footer .wpcf7-list-item-label { color: #fff; }
footer .wpcf7 input[type="text"], footer .wpcf7 input[type="email"], footer textarea { margin: 0px !important; background: transparent; border: unset !important; border-bottom: 1px solid #AAAAAA !important; color: #BBBBBB; }

/* CONTACT US PAGE - Reservation Form */
#reservation-form { color: #fff; font-family: 'Poppins', sans-serif; }
#reservation-form .flex p { margin: 0; display: flex; gap: 10px; flex-wrap: wrap; }
#reservation-form .flex p span {flex: 1 1 23%;  box-sizing: border-box; }
#reservation-form p, #reservation-form .flex { margin: 0; }
#reservation-form .flex p span { width: 100%; }
#reservation-form input[type="text"],
#reservation-form input[type="email"],
#reservation-form input[type="date"],
#reservation-form .wpcf7-textarea { border: 0; border-radius: 0; font-size: 15px; height: 60px; display: block; width: 100%; margin-bottom: 10px; font-weight: 400; background: #FFF; color: #000; padding: 20px; font-family: 'Poppins', sans-serif; border-radius: 20px }
#reservation-form .wpcf7-textarea { height: 100px; }

#reservation-form ::placeholder {font-family: 'Poppins', sans-serif;}
#reservation-form .wpcf7-submit { color: #FFF; display: block; margin: 20px auto 0 !important; }
#reservation-form .wpcf7-submit:hover { background: #4C2617; }
#reservation-form .wpcf7-list-item { display: block; font-size: 14px; margin: 0; }
#reservation-form .codedropz-upload-inner h3 { font-family: "empera", Sans-serif; font-size: 30px; color: #fff; }
#reservation-form .cd-upload-btn, #reservation-form ~ .wpcf7-response-output { color: #fff !important; }
#reservation-form .codedropz-upload-inner span { display: block; padding: 10px; }
#reservation-form .codedropz-upload-inner { background: #FCB302; color: #fff; padding: 20px; border-radius: 20px; border: 1px solid white; }
#reservation-form .dnd-upload-counter { color: #fff; left: 0; right: 0; bottom: 20px; text-align: center; }


#sticky img {
    filter: invert(1);
}

#sticky {
    width: 70px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    position: fixed;
    top: 250px;
}

/* MENU PAGE */
.menu-inner { background: url(https://cincodemayowa.com/wp-content/themes/Cinco%20de%20Mayo%20Family%20Restaurant/assets/images/menu.jpg) no-repeat top center; background-size: 100% 100%; }
.menu-inner .row { max-width: 1720px; }
.menu-inner h1 { font-size: 40px; line-height: 120%; font-family: "ImprintMTShadow"; color: #EDEDED; font-weight: 400; }
.menu-inner h2 { font-size: 70px; font-weight: 400; color: #009933; line-height: 120%; letter-spacing: 0.1em; font-family: "ImprintMTShadow";	 }
.menu-inner h3 { font-size: 25px; font-family: "Montserrat",sans-serif; line-height: 120%; font-weight: 600; color: #DF9220; padding-top: 25px; padding-bottom: 10px; }
.menu-inner p, .menu-inner .elementor-widget-container { font-size: 16px; font-weight: 400; line-height: 120%; color: #ECECEC; margin: 0; font-family: "Montserrat", sans-serif; max-width: 830px; }
.menu-inner .row2 .elementor-widget-container { max-width: 100%; }
.menu-inner .elementor-widget:not(:last-child) { margin: 0; }
.menu-inner  .row3 p, .menu-inner  .row3 .elementor-widget-container { max-width: 100%; }
.menu-inner .supreme h2 { font-size: 45px; }


@media(max-width:1200px){
	#reservation-form .flex p span { flex: 1 1 48%; }
}

@media screen and (max-width: 800px) {
    #reservation-form .flex p { flex-direction: column; }
    #reservation-form .flex p span {flex: 1 1 100%;}
}


@media screen and (max-width: 768px) {
	
	.menu-inner {
		background-size: cover;
	}
	
	.menu-inner h1 {
		text-align: center
	}
	.menu-inner h2 {
		font-size: 40px !important;
		text-align: center;
	}
	
	.menu-inner h3 {
		font-size: 20px;
		text-align: left;
	}
	
	.menu-inner p,
	.menu-inner .row .elementor-widget-container {
		font-size: 15px;
		text-align: left;
	}
	.menu-inner .center .elementor-widget-container {
		text-align: center
	}
}

@media(max-width:600px){
	#reservation-form .codedropz-upload-inner h3 { font-size: 25px; }
	#sticky {
		width: 50px;
	}
}


@media screen and (max-width: 425px) {
	.menu-inner h2 {
		font-size: 40px;
	}
}