/*
Theme Name: 	La Fiesta Mexican Restaurant 2026
Theme URI: 		
Description: 	
Version: 		1.0
Author: 		Neon Goldfish
Author URI: 	http://neongoldfish.com
Tags: 			
*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,400,600);
@import url(//fonts.googleapis.com/css?family=Gorditas);
/* CSS Reset */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
	table {border-collapse: collapse; border-spacing: 0;}
	
/* Utility Classes */
	.clear {
		clear: both;
		display: block;
		font-size: 0;
		height: 0;
		line-height: 0;
		margin: 0;
		overflow: hidden;
		padding: 0;
		width: 0;
		visibility: hidden;
	}
	
	.map {
		position: relative;
		padding-bottom: 75%;
		height: 0;
		overflow: hidden;
	}
	.map iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}		
	.headline {
		font-family: 'Gorditas';
		text-transform: uppercase;
		letter-spacing: -0.02em;
	}
    #content .alignright {
        display:block;
        margin:0 0 1.5em;
        max-width:100%;
        height:auto;
}
#content .alignleft {
        display:block;
        margin:0 0 1.5em;
        max-width:100%;
        height:auto;
}
/* Mobile First */

	/* General */
		body {
			font-size: 14px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
		embed, iframe, img, object, video {max-width: 100%;}
		b, strong {font-weight: bold;}
		em, i {font-style: italic;}

		.page_section_container {
			padding: 0 0 3em;
		}	
		.page_section {
			max-width:960px;
			margin:0 auto
		}
		.page_section h1, .page_section h2 {
			font-size: 2.8em;
			padding: 0.25em 0;
			border-bottom: 1px solid;
			margin: 1em 0;
		}	
	/* Header */
		#header_container {
			padding: 1em;
			background-color: rgba(152,33,25,.9);
		}
		#header {
			max-width: 960px;
			margin: 0 auto;
			opacity:1;
		}
		#logo_container {
		  display: block;
		  margin: 0 auto;
		  max-width: 385px;
		}
		#header-location {
			font-size: 2em;
			text-align: center;
			margin: .5em 0;
			color:#ff9501;
		}
		#location-banner {
			display: block;
			margin: 0 auto;
		}
	/* Navigation */
		#navigation_container {
		}
		#navigation {
		}
		#navigation .menu_toggle {
			padding: 0 1em;
			height: 3em;
			line-height: 3em;
			display: block;
			text-decoration: none;
			border-top: 1px solid #000000;
			cursor: pointer;
		}
		#navigation ul {
			list-style-type: none;
			display: none;
		}
		#navigation ul li {
			display: block;
			border-top: 1px solid #000000;
		}
		#navigation ul li a {
			padding: 0 1em;
			height: 3em;
			line-height: 3em;
			display: block;
			text-decoration: none;
			color:#fff;
		}
		#whatshot h1 {
			border: none;
			margin-bottom: 0.25em;
		}		
		#whatshot a {
			color: inherit;
			text-decoration: none;
		}		
		#whatshot p {
			margin: 0 0 1.5em;
		}
	/* Content */
		#content_container {
			background: rgba(152,33,25,.9);
            padding:0 1em;
		}
		#content {
			max-width: 960px;
			margin: 0 auto;
			line-height: 1.5em;
		}

		/* Headlines */
			#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				margin: 0 0 0.5em 0;
				line-height: normal;
			}
			#content h1 {
				font-size: 2.28571428571em;
				color:#ff9501;
				font-family: 'Gorditas';
 			 	text-transform: uppercase;
  				letter-spacing: -0.02em;
			}
			#content h2 {
				font-size: 2em;
				color:#ff9501;
				font-family: 'Gorditas';
 			 	text-transform: uppercase;
  				letter-spacing: -0.02em;
			}
			#content h3 {
				font-size: 1.71428571429em;
				color:#ff9501;
				font-family: 'Gorditas';
 			 	text-transform: uppercase;
  				letter-spacing: -0.02em;
				margin-bottom:.5em;
			}
			#content h4 {
				font-size: 1.42857142857em;
				color:#ff9501;
				font-family: 'Gorditas';
 			 	text-transform: uppercase;
  				letter-spacing: -0.02em;
			}
			#content h5 {
				font-size: 1.28571428571em;
				color:#ff9501;
				font-family: 'Gorditas';
 			 	text-transform: uppercase;
  				letter-spacing: -0.02em;
			}
			#content h6 {
				font-size: 1.14285714286em;
			}
		
		/* Links */
			#content a {
				text-decoration: underline;
			}
			#content a:hover {
				cursor: pointer;
			}
		
		/* Lists */
			#content ol, #content ul {
				margin: 0 0 1.5em 0;
				padding: 0 0 0 1em;
			}
			#content ol li {list-style-type: decimal;}
			#content ul li {list-style-type: none;
				color: #ffffff;
  				font-family: ;
  				text-transform: uppercase;
  				letter-spacing: -0.02em;
			
			}
			li.fdm-item {
  margin: 0 0 0 1.5em;
}
		
		/* Paragraphs */
			#content p {
				margin: 0 0 1.5em 0;
				padding: 0;
				color:white;
			}
			
			.fdm-menu-footer.clearfix {
	  			color: #ffffff;
			}
			.fdm-details-div-exit {
				display: none;
			}
			#content p.fdm-item-title {font-family: 'Gorditas';
			margin:0 0 0 0;}
		
		/* Index Page */	
            /* Online Ordering Section */	
            #online-ordering-container {
                background: rgba(0,0,0,.9);
                border-top: 1px solid #982119;
                border-bottom: 3px solid #ff9501;
                padding: 14px 1em;
            }
            #online-ordering {
                max-width: 960px;
                margin: 0 auto;
                color: #fff;
                text-align:center;
                font-family: 'Gorditas';
                text-transform: uppercase;
                letter-spacing: -0.02em;
            }
            #online-ordering a {
                font-size: 20px;
                color:white;
                text-decoration: none;
                    border: 1px solid white;
    border-radius: 4px;
    padding: 5px 10px;
           }
            #online-ordering a:hover {
                color: #ff9501;
                border: 1px solid #ff9501;
           }
            
			/* Rotator */
				#rotator_container {
					display: none;
				}
				#rotator {}
				
			/* Features */
				#features_container {
					background-color: rgba(255,149,1,0.80);
				    padding: 0 1em 2em;
					border-bottom: 3px solid #982119;
				}
				#features {
					max-width: 960px;
					margin: 0 auto;
					overflow: hidden;				
				}
				#features h1 {
					font-size: 2.8em;
					text-align: center;
					color: #982119;
					border-bottom: none;
					padding: 0 0 .25em 0;
					margin: .5em 0 .5em 0;
				}
                #features h2 {
                    font-size: 2.8em;
					text-align: center;
					color: #982119;
					border-bottom: 1px solid;
					padding: 0 0 .25em 0;
					margin: .5em 0 .5em 0;
                }
				.feature_container {
					margin: 0 auto;
				}
				.feature_container.middle {
					border-top: 1px solid #000000;
					border-bottom: 1px solid #000000;
				}
				#features .feature {
					padding: 1em;
					color: #982119;
					text-align:center
				}
				#features .title {
					font-size: 2em;
					margin: 0.5em 0;
				}
				#features .excerpt {
					height: 54px;
					overflow: hidden;
				}						
			/*Our Menu*/
				#our_menu_container {
					text-align: center;
					background: rgba(152,33,25,.9);
					padding: 3em 0;
					font-family: 'gorditas';
					color: #ff9501;
					border-top: 1px solid #ff9501;
					border-bottom: 3px solid #5c5b3b;					
				}			
				#our_menu {
					max-width: 960px;
					margin: 0 auto;
				}
				#our_menu a {
					color:inherit;
					font-size:2em;
					text-transform:uppercase;
					text-decoration:none;
				}
				#our_menu h2 {
					font-size: 2.8em;
					text-align: center;
					color: #ff9501;
					border-bottom: 1px solid;
					padding: .25em 0;
					margin: -.5em 0 1em 0;				
				}
				#our_menu .owl-prev {
					background: url(img/public/menu-arrow-left.png);
					border-radius: 0px;
					height: 65px;
					width: 30px;
					background-repeat: no-repeat;
					opacity: 1;
				}
				.owl-carousel .item img {
 					width: auto !important;
				}
				#our_menu .owl-next {
					background: url(img/public/menu-arrow-right.png);
					border-radius: 0px;
					height: 65px;
					width: 30px;
					background-repeat: no-repeat;
					opacity: 1;
				}
				.caro-mob {
					display:block;
					margin: 0 auto;
					width:300px;
				}
				.caro-full {
					display:none;
					margin:0 40px;
				}
				/*About Us*/				
				#about_us_container {
					background: rgba(80,79,43,.9);
					border-top: 1px solid #982119;
					border-bottom: 3px solid #ff9501;
					padding: 0 1em 3em;					
				}				
				#about_us {
					max-width: 960px;
					margin: 0 auto;
					color: #fff;
				}
				#about_us h2 {
					font-size: 2.8em;
					border-bottom: 1px solid;
					padding: 0.25em 0;
					margin: 1em 0;
				}		
				#about_us h3 {
					font-size: 1.7em;
					margin-bottom: 0.5em;
					color:#ff9501;
				}
				#about_us h3 span {
					color:#fff;
				}
				#about_us p {
					margin: 0 0 1.5em;
                    line-height:1.5;
				}	
                #about_us img {
                    margin:0 0 1.5em;
                    display:inline-block;
                    max-width:100%;
                }
			/*Latest News*/
				#news_container {
					border-top:1px solid #504f2b;
					border-bottom: 3px solid #982119;
					background-color: rgba(255,149,1,0.80);
					color:#982119;
					padding:0 1em 3em;
				}
				#news {
					max-width:960px;
					margin:0 auto;
				}
				#news h2 {
					font-size: 2.8em;
					border-bottom: 1px solid;
					padding: .25em 0;
					margin: 1em 0;
				}
				#news .month {
					font-size: 1.6em;
				}	
				#news .day {
					font-size: 2em;
					font-weight: bold;
				}
				#news th {
					padding: 0 1.5em;
					text-align: center;
				}
				#news .title {
					font-size: 1.1em;
					margin: .2em 0 1em;
				}
				#news .excerpt {
				    height: 50px;
   				    overflow: hidden;
				    margin-bottom: 1em;
					font-size:.9em;
				}				
				#features .readmore {
					color: inherit;
					font-size: 2em;
					text-decoration: none;
					display: block;
					margin: .5em auto;
					background: #ffb837;
					width: 100px;
					padding: .5em 1em .5em .5em;
					border-radius: 10px;
					background-image:url(img/public/feature-arrow-right.png);
					background-repeat: no-repeat;
					background-position: right;										
					background-position-x: 105px;
				}			
				#news .readmore {
					color: inherit;
					font-size: 2em;
					text-decoration: none;
					display: block;
					margin: .5em auto;
					width: 100px;
					padding: .5em 1em .5em .5em;
					border-radius: 10px;
					background-image:url(img/public/feature-arrow-right.png);
					background-repeat: no-repeat;
					background-position: right;										
					background-position-x: 105px;
				}
			/*Locations*/
				#locations_container {
					background: rgba(152, 33, 25, 0.9);
				    color: #ff9501;
					padding:0 1em;
					border-top: 1px solid;
					border-bottom: 3px solid;
				}
				
				#locations p {
					margin-bottom:.75em;
				}
				#whatshot_container {
					background: #ff9501;
					overflow: hidden;
					border-top: 1px solid #982119;
					color: #982119;
					border-bottom: 3px solid #504f2b;
				}						
		/* Secondary Pages */
			/*featured Image*/
			#image_container {
			    background: rgba(152,33,25,.9);
			}
			#image_container .image_before {
				border-top: 1px solid #ff9501;
				position: relative;
				top: 5px;
			}			
			#image, #image img {
				width: 100%;
				margin: 0 auto;
			}			
			#image_container .image_after {
				border-top: 1px solid #ff9501;
				position: relative;
				top: -5px;
			}			
			
			/* Primary */
				#primary_container {}
				#primary {
					padding: 1em;
				}
				#locations h2 {
					margin-bottom: .25em;
				}					
			/* Secondary */
				#secondary_container {
					display: none;
				}
				#secondary {}
			/*Menu Pages*/
				#menu_left_container {
 				    float: left;
					width: 25%;
				}
				
				div#menu_left {
  					padding: 0 auto;
 					align-content: center;
  					text-align: center;
				}

			#menu_left h5 {
 	 			margin: 10px 0 0 0;
				}
				
				#menu_right_container {
				  float: left;
				  width: 75%;
				}				
	/* Footer */
		#footer_container {
			border-top: 1px solid #ff9501;
			padding: 1em;
			background: rgba(80,79,43, 0.9);
			color:#fff;
		}
		#footer {
			max-width: 960px;
			margin: 0 auto;
		}
		#footer a {
			text-decoration: none;
			color: inherit;
			line-height: 1.8em;
		}		
		#footer_copyright {
			margin: 0 0 1em 0;
		}
		#footer_backlink {
			margin: 0 0 1em 0;
		}
		#footer_toplink {
			display: block;
			margin: 1em;
			padding: 0.5em 1em;
			text-align: center;
		}
		#footer-nav li {
			display: inline-block;
			padding: 0 1em;
		}		
		#footer .section {
		    margin: 1em 0;
		}
		#social a {
			display: inline-block;
			padding: 0 10px;
			margin-left: 7em;
		}				
	/* Forms */
		select.wpcf7-form-control.wpcf7-select {
  			width: 100px;
		}
		form.wpcf7-form {width: 100%;}
		form.wpcf7-form input, form.wpcf7-form textarea, form.wpcf7-form select {
			background-color: #FFFFFF;
			border: 1px solid #CCCCCC;
			width: 100%;
			box-sizing: border-box;
			line-height: 1.75em;
			height: 2.25em;
			padding: 0.25em;
			font-family: Arial, Helvetica, sans-serif;
			margin: 0;
		}
		form.wpcf7-form textarea {
			resize: none;
			height: 5.25em;
		}
		
		form.wpcf7-form input[type=checkbox], form.wpcf7-form input[type=radio] {
			width: auto;
			height: auto;
			padding: 0;
			margin: 0 0.25em 0 0;
			line-height: normal;
		}
		form.wpcf7-form input:focus, form.wpcf7-form select:focus, form.wpcf7-form textarea:focus {
			outline: 0;
			border-color: #333333;
		}
		form.wpcf7-form input[type="submit"] {
			width: auto;
			padding: 0.25em 1.5em;
			color: #FFFFFF;
			font-weight: bold;
			border-radius: 0.5em;
			border: 0;
			cursor: pointer;
			font-size: 1.142857em;
			background: #666666;
			background: -moz-linear-gradient(top, #666666 0%, #333333 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333));
			background: -webkit-linear-gradient(top, #666666 0%,#333333 100%);
			background: -o-linear-gradient(top, #666666 0%,#333333 100%);
			background: -ms-linear-gradient(top, #666666 0%,#333333 100%);
			background: linear-gradient(top, #666666 0%,#333333 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 );
			box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
		}
		form.wpcf7-form input[type="submit"]:hover {background: #666666;}
		form.wpcf7-form input.error, form.wpcf7-form select.error, form.wpcf7-form textarea.error {border-color: #990000;}
		form.wpcf7-form label.error {
			font-size: 0.75em;
			color: #990000;
		}
		input[type="image"] {
			diplay: block;
			width:200px;
		}
		input.wpcf7-form-control.wpcf7-captchar {
  			width: 100px;
		}

#social-icons {
    display:flex;
    margin-bottom:2em;
}
.icon {
    display:inline-block;
    width:32.4%;
    text-align:center;
    color:white;
    flex:1;
}
.icon a {
    color:white;
    font-weight:bold;
}
.icon a:hover {
        opacity:.5;
    }
.icon img {
    height:auto;
    width:auto;
    width:200px;
}

/* Progressive Enhancement */
	@media screen and (min-width: 320px) {
		
		body {
			/*
			background-image: url('/img/public/background/body.png');
			background-position: center top;
			background-repeat: repeat-x;
			*/
		}
		
		/* Header */
			#header_container {
				/*
				background-image: url('/img/public/background/header.png');
				background-position: center top;
				background-repeat: repeat-x;
				*/
			}
			
		/* Navigation */
			#navigation_container {
				/*
				background-image: url('/img/public/background/navigation.png');
				background-position: center top;
				background-repeat: repeat-x;
				*/
			}
			
		/* Content */
			#content_container {
				/*
				background-image: url('/img/public/background/content.png');
				background-position: center top;
				background-repeat: repeat-x;
				*/
			}
			
		/* Footer */
			#footer_container {
				/*
				background-image: url('/img/public/background/footer.png');
				background-position: center top;
				background-repeat: repeat-x;
				*/
			}
		
	}

	@media screen and (min-width: 480px) {
		input[type="image"] {
			diplay: block;
			width: 300px;
		}
	}
	@media screen and (min-width: 600px) {
        #about_us img {
            float:right;
            margin:0 0 1.5em 1.5em;
            display:inline-block;
            width:400px;
        }
        #content .alignleft {
            float:left;
            margin:0 1.5em 1.5em 0;
            display:inline-block;
            }
        #content .alignright {
            float:right;
            margin:0 0 1.5em 1.5em;
            display:inline-block;
            }
}
	@media screen and (min-width: 768px) {
        #about_us img {
            width:500px;
        }
}
	
	@media screen and (min-width: 960px) {
		body {
			background:url(img/public/texture-bg.jpg);
		}
	
		/* Header */
			#header_container {
				padding: 0 0 1em;
				background-image:url(img/public/header-bg.png);
				background-color: rgba(255,149,1,0.90);
				background-repeat: repeat-x;
				opacity:0.95;
			}
		
			#logo_container {
				float:left;
			}
		/* Navigation */
			#navigation .menu_toggle {
				display:none;
			}
			#navigation ul {
				display: inline;
			}
			#navigation ul li {
				display: inline;
				border-top: 0 none transparent;
			}
			#navigation ul li a {
				display: inline-block;
				padding: .5em;
                font-size: .9em;
                line-height: 3.5em;
                height: 3.5em;
  			}
		
		/* Rotator */
			#rotator_container {
				display: block;
				background-color: rgba(255,149,1,0.80);
			}
			#rotator {
				position: relative;
				max-width: 1500px;
				margin: 0 auto;
				height: 380px;
				overflow: hidden;			
			}
			#rotator_slides ::before {
				display: block;
				border-top: 1px solid #fb9b15;
				content: ' ';
				position: relative;
				top: 5px;
			}
						
		
		/* Content */
			#content_container {
				border-top: 0 none transparent;
				padding: 2em 0 4em 0;
			}
        
			#rotator_slides ::after {
				display: block;
				content: '';
				border-top: 1px solid #fb9b15;
				position: relative;
				bottom: 10px;
			}		
			/* Index Page */		
				/* Features */
					.feature_container {
						width: 31.333333%;
						float: left;
					}
					.feature_container.middle {
						border-top: 0 none transparent;
						border-bottom: 0 none transparent;
						margin: 0 3%;
					}
					.feature {
						padding:0;
					}
				/*Our Menu*/
					.caro-mob {
						display:none;
					}
					.caro-full {
						display:block;
					}
				/*About Us*/
					#about_us .left {
						float: left;
					}	
					#about_us p.left {
						width:60%;
					}								
				/*locations*/
				#locations .section {
					float: left;
				}					
				/*What's Hot*/
				#whatshot .section {
					float: left;
					width: 50%;
					margin-right:4em;
				}			
				#hot-items_container {
					padding-top: 1em;
				}				
				.hot-item {
					padding-right: 15px;
				}						
				.location-hours_container, .location-info {
					float: left;
					margin-right: 4em;
				}						
				.location-hours {
					padding-top: 1em;
				}				
			/* Secondary Pages */
				/* Primary */
					#primary_container {
						width: 66.666666%;
						float: left;
					}
					#primary {
						padding: 0 1em 1em 0;
					}
					
				/* Secondary */
					#secondary_container {
						display: block;
						width: 33.333333%;
						float: right;
					}
					#secondary {
						padding: 0 0 1em 1em;
					}
					#secondary ul#primary_sidebar {
						margin: 0;
						padding: 0;
					}
					#secondary ul#primary_sidebar li {
						list-style: none;
					}
					#secondary ul#primary_sidebar li.widget {
						margin-bottom: 3em;
					}
					#secondary .title {
						padding-bottom: 0.5em;
						margin-bottom: 0.5em;
						border-bottom: 2px dotted #ccc;
						font-size: 1.5em;
					}
					#secondary .post-date {
						display: block;
						font-size: 0.8em;
						font-style: italic;
					}
					.owl-prev {
						position: absolute;
						top: 30%;
						left: -45px;
					}
					.owl-next {
						position: absolute;
						top: 30%;
						right: -50px;
					}
					#footer-nav {
						padding-top: 50px;
						width: 600px;
						overflow:hidden;
					}				
					#footer-nav li {
						float: left;
						width: 33.3333%;
						padding: 0;
						text-align: left;
					}					
					#social {
						padding-top: 75px;
					}
										
		/* Footer */
			#footer_container {
			}
						
			#footer .section {
				float: left;
				margin: 0 0 0 0;
			}			
			#footer_copyright {
				float: left;
			}
			#footer_backlink {
				float: right;
			}
			#footer_toplink {
				display: none;
			}
			
			#menu-default-1 {
				padding-left:60px;
			}
		
	}