/*
Theme Name: Outback Jacks
Theme URI: http://rvdesigns.net/
Author: RV Designs
Author URI: hhttp://rvdesigns.net/
Description: 
Version: 1.0
License: 
License URI: 
Text Domain: 
Tags: 
*/

body { background-color: #e2e2e2; font-weight: 600; }

.container { max-width: 1170px; }

.header { background: url('images/headerbg.png') no-repeat; }
.logo { padding: 24px 0 23px 200px; float: left; width: 40%; }
.menu { float: right; width: 60%; font-family: 'Bungee', cursive; font-weight: normal; }
.topmenu { font-size: 18px; height: 116px; margin-left: 80px; }
.topmenutext { margin-top: 40px; float: left; max-width: 610px; }
.topbookonline { margin: 29px 0 0 45px; background: url('images/scribble.png') no-repeat; float: left; width: 190px; height: 60px; text-align: center; padding-top: 12px; font-size: 22px; }
.topbookonline a { color: #000000; }
.bottommenu { font-size: 14px; height: 116px; padding-top: 45px; margin-left: 80px; }
.menuitem { margin-right: 35px; color: #fff; }
.menuitem.last { margin-right: 15px; }
.menuitem:hover, .menuitem.activepage { color: #facc3b; }
.footermenu .menuitem:hover { color: #000000; text-decoration: underline; }
.menusocial { margin-right: 1px; }

.welcome { margin: 250px 0 100px; }
.welcomearea { width: 1070px; margin: 0 auto; border: 12px solid #ffffff; border-width: 10px 0; }
.welcometext { font-family: 'Bungee', cursive; font-size: 61px; font-weight: normal; color: #ffffff; text-align: center; padding: 60px; }

.subpage { margin: 200px 0 270px; }

.ytriangle {}
.ytrianglearea { width: 1070px; margin: 0 auto; background-image: url(images/ytriangle.png); background-size: cover; background-position: top; }
.ytriangletext { font-family: 'Palanquin', sans-serif; font-size: 22px; text-align: center; padding: 60px 60px 120px 60px; margin-bottom: 60px; }
.bookbutton { display: block; width: 116px; height: 108px; margin: 40px auto 0; background: url('images/bookonline.png'); }

.maincontent { background: #ffffff; padding-top: 16px; font-family: 'Palanquin', sans-serif; font-size: 22px; }

.overview { text-align: center; padding: 80px 0 100px; }
.overviewcontent { max-width: 1170px; margin: 0 auto; }

.contentrighttext { padding: 100px 75px 40px 230px; }
.contenttitle { font-family: 'Bungee', cursive; font-size: 40px; font-weight: normal; }
.foodbutton { display: block; width: 229px; height: 66px; margin-top: 60px; background: url('images/foodbutton.png'); }
.contentlefttext { padding: 100px 230px 40px 75px; }
.beerbutton { display: block; width: 229px; height: 66px; margin-top: 60px; background: url('images/beerbutton.png'); }
.downloadbutton { display: block; width: 310px; height: 65px; margin-top: 60px; background: url('images/downloadbutton.png'); }
.specialsbutton { display: block; width: 170px; height: 73px; background: url('images/specialsbutton.png'); margin: 40px auto 0; }

.bottomtriangleright { position: absolute; right: 0; bottom: 0; }
.bottomtriangleleft { position: absolute; left: 0; bottom: 0; }

.specials { background: url('images/specialsbg.png'); font-family: 'Palanquin', sans-serif; font-size: 16px; }
.contenttextspecials { margin: 100px 175px 30px 230px; text-align: center; padding: 30px; border: 5px solid #facb3a; }
.imgspecialsarea { margin: 50px 170px 50px 0; }

.challenge { padding: 60px 0 40px; }
.challengetitle { text-align: right; line-height: 40px; }
.challengetext { line-height: 24px; }
.learnmorebutton { display: block; width: 252px; height: 65px; background: url('images/learnmorebutton.png'); }

.challengetitlesub { font-size: 28px; line-height: 28px; }

.booking { padding: 30px 0 70px; }

.transparentarrow { position: absolute; bottom: 0; }
.instagram { padding: 50px 0; }

.footermenu { font-family: 'Bungee', cursive; font-size: 22px; font-weight: normal; text-align: center; padding: 30px 0; }
.footermenu a { margin: 0 25px; color: #000; }
.footerlogo {  }
.footerlogoimages { max-width: 202px; float: right; }
.footericons { text-align: center; }

.footer { background: #000; color: #fff; padding: 100px 0; font-size: 16px; }
.footertext { padding-top: 20px; }
.footer a { color: #fff; }


.nopad { padding: 0; }
.notoppad { padding-top: 0; }
.bgbanana { background: #fceab0; }
.bgorange { background: #facb3a; }
.bmargin50px { margin-bottom: 50px; }
.bgfood { background-image: url(images/food.png); background-size: contain; background-repeat: no-repeat; background-position: top left; }
.bgbeer { background-image: url(images/beer.png); background-size: contain; background-repeat: no-repeat; background-position: top right; }
.bgmenu { background-image: url(images/menu.png); background-size: contain; background-repeat: no-repeat; background-position: top right; }
.textright { text-align: right; }
.textcenter { text-align: center; }
.clear { clear: both; }

@media only screen and (max-width: 1480px) {
.header { background: url('images/headerbg.png') no-repeat; background-position: -100px top }
.logo { padding: 24px 0 23px 100px; }
.topmenutext { margin: 0 auto; float: none; }
.topbookonline { margin: 0 auto; float: none; }

.specials { background: url('images/specialsbg.png'); font-family: 'Palanquin', sans-serif;  }
.contenttextspecials { margin: 80px 155px 30px 150px; padding: 20px; }
.imgspecialsarea { margin: 50px 170px 50px 0; }
}

@media only screen and (max-width: 1280px) {
.header { background: url('images/headerbg.png') no-repeat; background-position: -200px top }
.logo { padding: 24px 0 23px 0px; }
.bottommenu { padding: 30px 0 0 100px; margin-left: 0; }

.welcome { margin: 50px 0 25px; }
.welcomearea { width: 90%; margin: 0 auto; }
.welcometext { font-family: 'Bungee', cursive; font-size: 48px; padding: 30px; }

.subpage { margin: 100px 0; }

.overview { margin-top: -1px; }
.tapbeer { padding-top: 2px; }

.ytrianglearea { width: 90%; margin: 0 auto; }
.ytriangletext { padding: 15px 15px 40px 15px; margin-bottom: 20px; }
.bookbutton { margin: 20px auto 0; }

.contentrighttext { padding: 50px 30px 45px 100px; }
.contentlefttext { padding: 50px 100px 45px 30px; }
.contenttextspecials { margin: 80px auto 50px; width: 90%; padding: 50px 0; text-align: center; }

.learnmorebutton { margin: 15px auto 0; display: block; width: 155px; height: 40px; background: url('images/learnmorebuttonsmall.png'); }
}

@media only screen and (max-width: 800px) {
.header { background-image: none; }
.logo { padding: 0 0 10px 0; width: 300px; margin: 0 auto; float: none; }
.logo img { height: 140px; }
.menu { background: url('images/menubg.png') repeat-x; float: none; margin: 0 auto; width: 100%; }
.topmenu { padding-top: 30px; margin-left: 0; }
.topmenutext { display: none; }
.bottommenu { padding: 30px 0 0 0;  text-align: center; line-height: 32px; margin-left: 0; font-size: 20px; }
.menuitem { margin: 0 17px; }
.topbookonline { float: none; margin: 0 auto; }

.welcome { margin: 25px 0; }
.welcomearea { width: 100%; margin: 0 auto; border: 6px solid #ffffff; border-width: 10px 0; }
.welcometext { font-size: 24px; color: #ffffff; padding: 15px; }

.ytrianglearea { width: 90%; margin: 0 auto; }
.ytriangletext { font-family: 'Palanquin', sans-serif; font-size: 16px; text-align: center; padding: 15px 15px 40px 15px; margin-bottom: 20px; }
.bookbutton { margin: 20px auto 0; }

.maincontent, .specials { font-size: 16px; }

.overview { text-align: center; padding: 20px 0; }

.contentrighttext, .contentlefttext, .contenttextspecials { padding: 30px 20px; }
.contenttitle { font-family: 'Bungee', cursive; font-size: 24px; }
.contenttextspecials { margin: 20px auto; }

.imgspecialsarea { margin: 20px; }

.challenge { padding: 20px 0; }
.challengetitle { text-align: center; }
.challengetext { line-height: 18px; }

.instagram { padding: 20px 0; }

.footermenu { font-size: 16px; padding: 10px 0; }
.footermenu a { margin: 0 10px; }

.footer { padding: 20px 0; }
.noleftrightpad { padding-left: 0; padding-right: 0; }
.footerlogoimages { float: none; }
.footerlogo img { height: 100px; }
.footericons { width: 100%; float: none; }
.footericons img { height: 25px; }

.bmargin50px { margin-bottom: 20px; }
.imgfood, .imgmenu { display: block; min-height: 500px; }
.textright { text-align: left; }
.textcenter { text-align: left; }
}

@media only screen and (max-width: 480px) {
.bottommenu { font-size: 16px; padding: 10px 0 0 0; text-align: center; }
.menuitem { margin: 0 17px; }
.ytriangletext { font-size: 14px; }
.maincontent { font-size: 14px; }
.noleftrightpad { padding-left: 15px; padding-right: 15px; }
.imgfood { min-height: 300px; }
}