/*
Theme Name: Johnny Rockets Australia
Theme URI: https://proximatesolutions.com/professional-web-design-portfolio/
Author: Proximate Solutions
Author URI: https://proximatesolutions.com/
Description: Wordpress theme designed for Johnny Rockets Australia.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: johnnyrockets
Tags: one-column, two-columns, custom-menu, featured-images, right-sidebar
*/
body {font-family: "Conv_Gotham-Book"; font-size:18px; overflow-x: hidden;}
img {max-width:100%; height:auto;}
a {color:#2E6AB5; transition:all linear 0.2s;}
a:hover, a:focus {text-decoration:none; outline:0; color:#444;}
section {padding:50px 0;}
h1, .h1 {font-size:50px;}
h2, .h2 {font-size:40px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Knockout HTF48-Featherweight';}
.center_heading_white {text-align: center; padding:0 0 20px; color: rgba(255,255,255,0.60); letter-spacing:3px; text-transform: uppercase;}
.bold_font {font-family: "Conv_Gotham-Bold";}
.feat_heading {font-family: "Conv_Gotham-Bold"; margin:0 0 35px; text-transform: uppercase;}
.grey_bg {background:#f5f5f5;}
.red_sec {background:#c3002f;}

.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center; margin:0 auto 10px; display:block;}
.alignnone { float:none;}
.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;border-radius:4px;-webkit-border-radius:4px}
.wp-caption img{margin:0;padding:0;border:0}
.wp-caption p.wp-caption-text{font-size:12px;padding:0 5px;margin:0}
.sticky {position:relative;}
.gallery-caption {}
.bypostauthor {}

@media(min-width:992px){
.container {max-width: 1080px;}
}

header {position: absolute; top:0; left: 0; right: 0; z-index:2;}
.logo {max-width: 190px; padding:10px 0 0;}
.menu_open {text-align: right; padding:65px 15px 0 0; position: relative;}
.menu_open img {height:27px;}
.menu_close {text-align: right; padding:35px 5px 0 0; position: relative;}
.menu_close img {height:27px;}
.right_menu {position: absolute; right:-350px; top: 0; bottom: 0;font-family: 'Knockout HTF48-Featherweight'; background:rgba(84, 56, 55, 0.39); max-width: 320px; width:100%; padding:30px; z-index: 9; opacity: 0; transition: all linear 0.2s;}
.right_menu ul {padding:50px 0 0; margin:0; list-style: none; text-transform: uppercase; text-align: right;}
.right_menu ul li a {color:rgba(255,255,255,0.40); font-size:40px; padding:0 0 10px; display: block; line-height: 1;}
.right_menu ul li a:hover {color:rgba(255,255,255,0.25);}
.open_menu {right:0; opacity: 1;}

.banner_full {background-size:cover; background-position: center; background-repeat: no-repeat; height: 100vh; position: relative; overflow: hidden;}
.banner_caption {position: absolute; top:56%; left: 50%; transform: translate(-50%, -56%); z-index: 2; width: 100%; max-width:1000px;}
.banner_links {text-align: center; padding:20px 0 0;}
.banner_links a {color:rgba(255,255,255,0.40); font-size:50px;font-family: 'Knockout HTF48-Featherweight'; text-transform: uppercase; text-decoration: underline; margin-right:20px;}
.banner_links a:hover {color:rgba(255,255,255,0.25);}

.menu_sec {position: relative; overflow: hidden; background: #f5f5f5;}
.menu_content_wrapper {background-size:contain; background-repeat: no-repeat; background-position: right; padding:0 0 430px;}
.left_caption {max-width:420px; padding:35px 50px 0 0;}
.menu_img {float: right; width:90%;}
.left_caption h2 {font-size:35px}
.left_caption h2 a {color: #000; text-decoration: underline;}
.right_caption {float:right; margin:320px 0 0; color:#a9a9a9; text-transform: uppercase;}

.summer_sec {background:#343434;}
.form_sec form {max-width:520px; margin:0 auto}
.form_sec .form-control {margin:0 0 15px}
.form_sec .row {margin:0 -5px}
.form_sec [class*=col-] {padding:0 5px}

.form_text {color: #fff; margin:30px 0 0; font-size:14px; text-align: center;}
.form_text a {text-decoration: underline; color: #fff;}
ul.insta_imgs {padding:0; margin:0; list-style:none; text-align: center;}
ul.insta_imgs li {display:inline-block; width:calc(20% - 5px); padding: 0 3px;}
ul.insta_imgs li:first-child img {height: auto;}
ul.insta_imgs li img {height:220px; object-fit:cover;}

footer {padding:50px 0 20px; background-size:cover; background-position: center; background-repeat: no-repeat; color: #fff; text-align: center; font-size:16px;}
.footer_title {margin:0 0 20px;}

.footer_contents {margin:0 0 40px;}
.footer_contents a {text-decoration: underline; color:#fff;}
.copyrights_text {padding:0 60px; color: #fff; text-align: left;}

.banner_menu {position: relative; min-height: 645px; background-size: cover; background-position:center; background-repeat: no-repeat; overflow: hidden;}
.banner_menu .banner_caption {top:75%; transform: translate(-50%, -75%);}
.inner_contents {min-height:400px;}

.ss_sec {background-position: bottom center; background-size: initial; background-repeat: no-repeat; padding-bottom: 500px;}
.burgers_wrapper {margin:0 0 40px;}
.burger_contents {margin:0 0 25px;}
.burger_contents h3{ font-size:32px;}
.meal_sec {padding:90px 0;}
.meal_text_img {padding:15px 0 0 30px;}
.yellow_text {color:#f7c951}

.shake_sec{padding:70px 0;}
.shake_contents {color:#fff; padding:50px 0 80px; position: relative;}
.shake_contents h2 {margin:0;}
.shake_contents ul {padding:0; margin:0; list-style: none; overflow: hidden;}
.shake_contents ul li {float: left; width:50%;}
.warning_img {position:absolute; right:-25px; bottom:0; max-width: 220px;}
.white_text {color: #fff; margin:45px 0 0; font-size:14px; text-align: center;}

.banner_inner {min-height:300px; background-position:center; background-size: cover;}

span.wpcf7-not-valid-tip { display:none;}
.wpcf7-not-valid { border:1px solid #F00;}
div.wpcf7-response-output { margin:10px 0;}
#sb_instagram { padding-bottom:0 !important;}
.btn-mrg { margin:0 10px 10px 0;}