/*
Theme Name: Tribal Burger
Theme URI: 
Description: A custom WordPress site for tribal burger
Author: Kaizen 
Author URI:
Version: 1.0
Tags: clean, light, responsive, custom-post-types, custom-fields

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/





/* Page Styles
================================================== */

body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

header {background-color:rgba(47, 53, 65, 0.7);
position:fixed; top:0px; margin:auto;
z-index: 1000;
width: 100%; padding-top:40px; padding-bottom: 20px; 
color:#fff;}

.logo {width: 220px}

#rightmenu ul {list-style-type: none; color: #fff; display: inline-block;  font-family: "din-condensed",sans-serif; text-transform: uppercase; font-size: 20px; text-align: right}
#rightmenu ul li {display: inline-block}
#rightmenu ul li a { color: #fff;}

.maintexthome  {padding-top: 10px}
.maintexthome img {padding-top: 50px}
.maintexthome p {text-transform: uppercase; font-weight: 700; padding-top: 30px} 

.meet {margin-top: 100px}

h1 {font-family: "effra",sans-serif; font-weight: 700; }
h2 {font-family: "effra",serif; font-weight: 700; font-size: 24px; line-height: 1em; padding-top: 20px; }

.redbtn {background: #AF1D31; color:#fff; margin-top: 40px; height: 120px}
.redbtn2 {background: #2F3541; color:#fff; margin-top: 40px; padding: 20px; font-weight: 700; padding-top: 30px} 
p.redbtn2 a {font-size: 60px; color:#fff}


p.redbtn {font-size: 60px}

.redbtn a{color:#fff}

#ourmenu{
text-align: center;   
background: url(images/burgermural.png) no-repeat center center ; 
color: #fff;
height: 600px; }




#ourmenu h1 {padding-top:190px; color:#ae1c2f; text-transform: uppercase; font-size: 50px; font-weight: 800; font-family: "din-condensed",sans-serif; width: 38%; float: right; margin-right: 300px} 



#delivery{
text-align: center;   
background: url(images/home_delivery.png) no-repeat center center ; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: #fff;
height: 1200px; }


#delivery h1 {padding-top: 310px; color:#2F3541; text-transform: uppercase; font-size: 80px; font-weight: 800; font-family: "din-condensed",sans-serif;}
.straight {width: 80%; margin-top: 90px}
.homeorder{width: 60%}



#getintouch{
text-align: center;   
	background: url(images/concrete_seamless.png); background-repeat: repeat;
color: #2F3541;padding-top: 50px; padding-bottom: 50px; font-size: 30px; font-family: "din-condensed",sans-serif; font-weight: 300; line-height: 1em; margin-top: -20px}

#getintouch p {line-height: 1.2em}

.inst h2 {font-family: "effra",serif; font-weight: 700; font-size: 24px; line-height: 1em; padding-top: 20px; }

/*/ menu page*/



#menubackground {
	background: url(images/concrete_seamless.png); background-repeat: repeat;
	padding-top: 50px; padding-bottom: 50px
}



.foodmenu h1 { text-align: center;  text-transform: uppercase; letter-spacing: 0.1em; color: #AE1C2F; font-family: "din-2014",sans-serif; font-size: 70px}
.foodmenu {padding-top: 20px; color: #2F3541; font-family: "din-condensed",sans-serif; text-transform: uppercase; border-bottom: 3px solid #2F3541 }

.foodmenu h2{color: #2F3541; font-family: "din-condensed",sans-serif; text-transform: uppercase; font-size: 50px; border-bottom: 3px solid #2F3541 }
.foodmenu h3{color: #2F3541; font-family: "din-condensed",sans-serif; text-transform: uppercase; font-size: 30px; font-weight: 700;}
.foodmenu p {font-size: 20px; margin-top: -15px}

h3.tribalmenu {color: #AE1C2F;}

.menuright {float: right; text-align: right; margin-top: -70px}
.menuright2 {float: right; text-align: right; margin-top: -50px}

.download {text-align: center; padding-top: 80px; padding-bottom: 50px}


#menudelivery{
text-align: center;   
background: url(images/menu_delivery.png) no-repeat center center ; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: #fff;
height: 1200px; }


#menudelivery h1 {padding-top: 310px; color:#2F3541; text-transform: uppercase; font-size: 80px; font-weight: 800; font-family: "din-condensed",sans-serif;}
.straight {width: 80%; margin-top: 90px}
.homeorder{width: 60%}

/*end menu*/


/*about */

.about {font-size: 24px; margin-top: -15px; font-family: "din-condensed",sans-serif; font-weight: 300;color: #2F3541;}
.about p {line-height: 1.3em;}
.about h2{color: #2F3541; font-family: "din-condensed",sans-serif; text-transform: uppercase; font-size: 35px; border-bottom: 3px solid #2F3541; margin-bottom: 20px; line-height: 1.1em}

.aboutslogan h3{color: #2F3541; font-family: "din-condensed",sans-serif;  font-size: 35px; color: #AF1C2F; margin-bottom: 20px; text-align: center; line-height: 1em;}

.aboutslogan {margin-top: 30px}

blockquote {background: #AF1D31;
color: #fff;
line-height: 1.2em;
padding: 30px}


#menuouter {position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    z-index: 13; }
#menuinner { margin: 0 auto; padding-top: 9%;}
#menuinner img {width: 20%}

.journey {margin-top: 110px;}

#slidermenu {position: relative;margin: 0 auto; text-align: center}
.polaroids {margin-left: 160px}


/* end about */


/*food truck */

.bookfoodtruck {color: #fff; font-family: "din-condensed",sans-serif; font-size: 18px;text-transform: uppercase; text-align: center; padding-top: 50px; padding-bottom: 50px}
#book {background: #2F3541;}

input.wpcf7-form-control.wpcf7-submit {background: #AE1C2F; border: 0; font-size: 50px; text-transform: uppercase; text-align: center; padding: 10px; margin-top: 20px; width: 100%}

.booktruck {width: 70%; padding-bottom: 20px; padding-top: 40px}
.aboutfoodtruck {font-family: "din-condensed",sans-serif; color: #2F3541; font-weight: 300; text-align: center; font-size: 18px; padding-bottom: 30px;}


.aboutfoodtruck h2 {font-family: "din-condensed",sans-serif; color: #2F3541; text-transform: uppercase; font-weight: 700; text-align: center; font-size: 28px}


span.wpcf7-not-valid-tip{color: #AE1C2F}
div.wpcf7-validation-errors {border: 0px; color:#AE1C2F; font-weight: 700;}
div.wpcf7-mail-sent-ok {border: 0px; color:#ae1c2f; font-weight: 700; font-size: 25px}



/*contact */
#getintouchsection {background: #2F3541;}
.contact {color:#fff; padding-top: 40px; padding-bottom: 40px; font-family: "din-condensed",sans-serif; font-weight: 300; font-size: 28px;}

.contact h3{color:#fff; font-family: "din-condensed",sans-serif; font-weight: 700; line-height: 1em; font-size: 40px}
.contact h4{color:#AE1C2F; font-family: "din-condensed",sans-serif; font-weight: 700; line-height: 1em; font-size: 35px}
.red {color:#AE1C2F; }

.contact a {color:#fff}
.touch { margin: 0 auto !important; text-align: center; padding-bottom: 30px}

.form {padding-right: 50px; border-right: 1px solid white;}
.cnttext {padding-left: 50px}


footer {background: #ae1c2f; clear: both; position: bottom; padding-top: 20px; padding-bottom: 20px}
.footlogo {width: 100px}
.socialicon {margin-left: 8px}

.siteby {color:#fff;font-family: "din-condensed",sans-serif; margin-top: 30px }
.siteby a {color:#fff;font-family: "din-condensed",sans-serif; font-weight: 800 }
.socialfoot {margin-top: 30px}

#instagram {font-family: "din-condensed",sans-serif; text-transform: uppercase; margin-top: 50px}
#inst a {color:#AE1C2F; font-family: "din-condensed",sans-serif;}

#menustraight {display: none;}

#homemobile {display:none}

#homemobile img {display: non !important}
#homeup img {display: none}

.hidedesk {display: none}

div[id="homemobile tribemob"] {display: none}


/* #Media Queries
================================================== */

/* Small only */
@media screen and (max-width: 39.9375em) {

#rightmenu ul {display: none}
.logo  {float: left;}

.menuright {display:none}
.menuright2 {display:none}
.foodmenu h1 { line-height: 1em;}
.foodmenu h3{font-size: 25px; font-weight: 700;}
.foodmenu p {font-size: 16px; margin-top: -15px}

.about h2{ font-size: 25px; padding-bottom: 10px; line-height: 1.1em}

#menudelivery {display: none}
#menustraight {display: inline-block}

#homemobile {display: inline-block}

#delivery {display: none}
#ourmenu {display: none}
#real {display: none}

#homemobile img {margin-top: -16px}
#homemobile {margin-top: 70px}
	
	.mobjourn {margin-top:-110px}

#getintouch{  
padding-top: 60px; margin-top: -15px}

#getintouch p {line-height: 1.2em}
div#responsive-menu-additional-content {margin-top: 50px}
	#menuslideimage {margin-top: 100px}
	
	#truckmainimg {margin-top: 55px !important}
	ul.slides{margin-top: 155px !important}
	
	#menuslideimage{margin-top: 10px}
	.cnttext {padding-left: 10px}
	
	.form {text-align: center; margin: 0 auto; margin-left: 20px} 
	
	a.responsive-menu-item-link {margin-top: 20px}
	
	.polaroids {display: none}
	div#slidermenu {margin-top: 55px;}
	div#menuslideimage {margin-top: 55px;}
	
	
	
	.redbtn {background: #AF1D31; color:#fff; margin-top: 40px; height: 93px}
.redbtn2 {background: #2F3541; color:#fff; margin-top: 40px; padding: 20px; font-weight: 700; padding-top: 30px; margin-top:-100px} 
p.redbtn2 a {font-size: 40px; color:#fff}


p.redbtn {font-size: 40px}

.redbtn a{color:#fff}

	a.responsive-menu-item-link {font-family: "din-condensed",sans-serif !important; text-transform: uppercase}
	
	#aboutme{display:none}
	.hidemob {display:none}
	
	#tribemob {margin-top: -40px}
	div[id="homemobile tribemob"] {display: inline-block}
	div#menubackground {margin-top: -15px;}
	
	.journey {margin-top: 20px}
	div.large-5.medium-5.small-12.columns.journey.mobjourn {margin-top: -50px}
	.hometoppad {padding-top: 20px}
	
	div.large-6.medium-6.small-12.columns.meet {margin-top: 20px}
	
}/*** close small **/







/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

.logo {width: 320px; margin-left: 100px}

#rightmenu ul { margin-left: -100px; }

.polaroids {margin-left: 20px}
	
	#ourmenu h1 {width: 55% !important}

} /*** close medium **/



/* Custom Menu Query only */
@media screen and (min-width: 1021px) and (max-width: 1188px) {


} /*** close medium **/




/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {

}/*** close large**/




		/************************ 15inch *********************/
@media all  
and (min-width : 768px) 
and (max-width : 1366px)  {
	
	
#ourmenu h1 {padding-top:110px; color:#ae1c2f; text-transform: uppercase; font-size: 50px; font-weight: 800; font-family: "din-condensed",sans-serif; width: 45%; float: right; margin-right: 200px} 

	div#menuslideimage {margin-top: 70px}
	div#truckmainimg {margin-top: 70px}
	
	
}