/*
Theme Name: Maurice Looby Fitness
Author: Gary Kelly
*/

/*GENERAL*/
html, body{margin:0; padding:0;}
body{position:relative; background-color:#000000;}
*{padding:0; margin:0; border:none; outline:none;}
.clear{clear:both;}
h1, h2, h3, h4, h5, h6, p, li, label, section, button{font-weight:normal; font-family: 'Roboto Condensed', sans-serif;}
h1, h2{font-size:32px; color:#f05a22; text-transform:uppercase; font-weight:700; text-align:center;}
h3{color:#f05a22; text-transform:uppercase; font-weight:700;}
p{font-family:'Source Sans Pro', sans-serif; font-size:14px;}
a{text-decoration:none; color:#f05a22;}
li{list-style-image:none; list-style-type:none;}
.orange{color:#f05a22; font-weight:bold;}
.center{text-align:center;}
.welcome{}
.register-here{margin-top:10px;}
.header-right a{color:#fff;}
.raised{color:#fff; background:#f05a22; padding:7px; display:inline-block; margin:10px 0; text-transform:uppercase; border:2px solid #f8f8f8;}

/*HEADER*/
.main-header{width:100%; height:80px; position:fixed; z-index:10;}
.gradient{background:rgba(0,0,0,0.97); background: -moz-linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,1) 100%); background:linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0.7)', endColorstr='rgba(0,0,0,1)',GradientType=1);}
.container{width:1140px; margin:0 auto;}
.logo{width:220px; float:left; margin:10px 0;}
.social-media{margin-top:20px;}
.fb-like, .twitter-follow-button{float:right; margin-right:3px;}
.fb_iframe_widget{display:block !important;}
.header-right{width:900px; text-align:right; float:right;}
.header-right p{width:100%; color:#fff;}
.spacer-2{width:100%; height:80px;}
.light-grey{background:#f7f7f7;}
.hide{display:none;}
.payg-discount{color:#fff; background:#77a464; padding:5px; font-weight:bold;}
.payg-discount:hover{opacity:0.9;}

/*TOP NAV*/
nav.main{width:100%; padding:15px 0 5px;}
nav.main li{display:inline-block; position:relative; margin:10px 0 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
nav.main li a{color:#fff; display:block; text-decoration:none; font-size:16px; margin-left:5px; text-transform:uppercase; font-weight:700; letter-spacing:-0.2px;}
nav.main li a:hover{color:#f05a22;}
nav.main > div > ul > li.current_page_item > a{color:#f05a22;}
nav.main li ul{margin:0 0 0 10px; padding-top:10px; width:270px; position:absolute; background:rgba(0,0,0,0.8); top:100%; left:0; display:none; opacity:0; visibility:hidden; z-index:100; border-bottom:5px solid #f5f5f5;}
nav.main li ul li{display:block; text-align:left; margin:0;}
nav.main li ul li a{color:#fff; padding:5px; margin:0;}
nav.main li ul li img{display:none;}
nav.main li ul li:hover a{color:#fff; background:#f05a22;}
nav.main li:hover ul{display:block; opacity:1; visibility:visible;}
.nav_thumb{display:none !important;}
.logged-in .login{display:none;}

/*MAIN CONTENT*/
.slider{position:fixed; z-index:1;}
.spacer-container{width:100%; padding-top:50%; position:relative;}
.spacer{position:absolute; top:0; bottom:0; right:0; left:0;}

section{width:100%; padding:70px 0; position:relative; z-index:2}
section.gradient p{color:#fff;}
article{width:1140px; margin:0 auto;}
article a{color:#f05a22;}
main{width:750px; float:left;}
aside{width:310px; float:right; padding:20px; background-color:#f2f2f2;}
.left{width:550px; float:left;}
.right{width:550px; float:right;}
.white{background:rgba(255,255,255,1);}
.white p{color:#000000;}
.black{background:rgba(0,0,0,0.97);}
.black p{color:#fff;}
.grey{background:#f2f2f2;}
.featured-image{width:100%; max-height:500px; overflow:hidden; margin:10px 0;}
.featured-image img{width:100%; height:auto;}

.map{margin-top:10px;}

.plans{margin:10px 0; text-align:center;}
.plan{display:inline-block; width:16%;}
.plan+.plan{margin-left:0.8%;}
.plan img{width:100%; display:block;}
.plan img:hover{opacity:0.9;}
.plan a img{margin-bottom:3px;}

.tri{width:32%; height:450px; float:left; background-color:#fff;}
.tri+.tri{margin-left:2%;}
.tri h3{text-align:center; font-size:28px; padding:5px 0;}
.news-home{overflow:scroll; height:405px;}

.news-item-home{display:block; color:#000000; padding:0 10px 15px;}
.news-item-home h4{text-transform:uppercase; font-weight:bold; color:#f05a22;}
.entry-date{font-size:12px; color:#000000; font-weight:bold; margin-bottom:2px;}

/*FORMS*/
.label-above label{margin-bottom:1px !important;}
.field-wrap, #ninja_forms_required_items{margin-bottom:10px !important;}
textarea{height:100px !important;}
.input-group li{display:inline-block !important; margin-right:10px !important;}
.input-group input{margin-right:5px;}
#mc_embed_signup h2{margin:0 !important; font-size:32px !important;}
#mc_embed_signup form{padding:0 !important;}
input, textarea{padding:5px; border:1px solid #ededed; max-width:600px; width:100%; padding:8px 0 !important; text-indent:2%; border:1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius:3px;}
label{font-size:14px;}
button, .button{font-size:14px !important; padding:7.5px !important; margin:0 !important; height:auto !important; color:#fff; line-height:normal !important; background:#aaa; border-radius:0 !important;}
div.bbp-submit-wrapper{float:left;}
.bbp-login-form .bbp-submit-wrapper{text-align:left;}
#mc_embed_signup {background:transparent !important;}
.bbp-login-form{margin-bottom:7px;}
.ninja-forms-cont{max-width:400px;}
.ninja-forms-required-items{ font-family: 'Roboto Condensed', sans-serif; font-size:12px;}

.wpcf7 p{font-weight:bold; margin-top:10px;}
.woocommerce div.product form.cart, .woocommerce div.product p.cart{margin-bottom:2em; margin-top:15px;}

.subscription-toggle{padding:5px 10px;}

/*ECOMMERCE*/
.woocommerce{font-family:'Source Sans Pro', sans-serif;}
.woocommerce ul.products li.product .button{margin-top:0 !important;}
.woocommerce ul.products li.product a img{margin:0 !important;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background-color:#f05a22;}
.cart-bar{position:fixed; top:50%; right:10px; color:#fff; width:80px; margin-top:-70px;}
.cart-bar img{width:60px; margin:2px; box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
.cart-bar-mobile{display:none;}
.woocommerce-cart .cart-bar{display:none !important;}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{width:18%;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{width:80%;}
.woocommerce-tabs, .posted_in{display:none;}
.related{display:block; clear:both; margin-top:20px;}
.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:none;}
.woocommerce ul.products li.product h3{text-align: center;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{text-align:center;}
.onsale{display:none;}
.related h2{font-size:22px; margin:50px 0 10px;}
.woocommerce div.product p.price, .woocommerce div.product span.price, .amount{color:#f05a22;}
.woocommerce-MyAccount-navigation li{padding:5px; background:#f9f9f9; margin-bottom:2px;}
.woocommerce-MyAccount-navigation li:hover{background:#e9e9e9;}
.create-account input{width:initial;}
.create-account p{font-weight:bold;}
nav.woocommerce-MyAccount-navigation a{color:#000000;}
.thumbnail-wrapper{padding:100% 0 0; position:relative;}
.woocommerce ul.products li.product a img{position:absolute; top:0; bottom:0; right:0; left:0; margin:auto !important; max-height:100%; width:auto;}

/*LOGIN*/
.page-id-503 form.woocommerce-ResetPassword{display:none;}

/*TESTIMONIALS*/
.testimonials{margin-bottom:40px;}
.testimonials h4{color:#f05a22; text-transform:uppercase; margin-bottom:1px; font-weight:bold;}
.testimonials p.author{margin-top:1px; font-weight:bold;}
.thumbnail{width:200px; float:left; height:140px; overflow:hidden;}
.thumbnail img{max-width:200px; height:auto; margin-bottom:20px;}
.text{float:right; width:540px;}

/*TIMETABLE*/
.week{width:100%; margin-top:20px}
.day{width:13%; float:left; margin-bottom:3px;}
.day+.day{margin-left:1%;}
.day h4{color:#fff; background:#000000; text-align:center; padding:5px; text-transform:uppercase;}
.day li{padding:5px; margin-top:5px; background:#f2f2f2;}

/*FOOTER*/
footer{width:100%; background:#000000; position:relative; z-index:2; padding:20px 0;}
footer article{width:1140px; padding:10px 20px; margin:0 auto;}
footer article p{color:#fff; text-align:center;}
footer a{color:#fff;}
footer.funding{background:#fff; text-align:center;}
footer.funding article img{height:50px; margin:0 40px;}
footer.funding article p{color:#000000; font-size:9px;}

/*RESPONSIVE*/
@media (max-width:1320px){
.container{width:960px;}
.logo{width:200px;}
.header-right{width:750px;}
nav.main li a{color:#fff; display:block; text-decoration:none; font-size:14px; margin-left:3px; letter-spacing:-0.3px;}
article{width:960px;}
main{width:640px;}
aside{width:260px;}
.left{width:460px;}
.right{width:460px;}
.thumbnail{width:150px;}
.thumbnail img{max-width:100%;}
.text{width:480px;}
footer article{width:960px;}
}

@media (max-width:1140px){
.container{width:720px;}
.logo{width:200px;}
.header-right{width:300px; margin-top:10px; text-align:center;}
.social-media{position:fixed; top:65px; right:5%;}
nav.main li a{color:#fff; display:block; text-decoration:none; font-size:14px; margin-left:4px; letter-spacing}
article{width:720px;}
main{width:480px;}
aside{width:180px;}
.left{width:350px;}
.right{width:350px;}
.thumbnail{width:100px;}
.thumbnail img{max-width:100%;}
.text{width:440px;}
footer article{width:720px;}
.plan{width:32%; margin:0 0.6%;}
.plan+.plan{margin-left:0.6%;}
}

@media (max-width:960px){
.container{width:90%; margin:0 5%;}
.main-header{width:100%; height:65px; position:fixed; z-index:10;}
.social-media{position:fixed; top:50px; right:5%;}
.spacer-2{width:100%; height:65px;}
.logo{width:160px;}
h1, h2{font-size:22px;}
.header-right p{display:none;}
nav.main li a{color:#fff; display:block; text-decoration:none; font-size:14px; margin-left:4px; letter-spacing}
article{width:90%; margin:0 5%;}
main{width:100%;}
aside{width:90%; padding:20px 5%; margin:40px 0;}
.left{width:100%;}
.right{width:100%;}
section{padding:30px 0;}
.thumbnail{width:100%; height:auto; max-height:300px}
.thumbnail img{max-width:100%;}
.text{width:100%;}
#mc_embed_signup h2{font-size: 22px !important;}
.plan{width:48%; margin:0 1%;}
.plan+.plan{margin-left:0.6%;}
.tri{width:100%; margin:0 0 40px !important;}
.tri h3{font-size:22px;}
footer article{width:90%; padding:10px 5%;}
.cart-bar{display:none;}
.cart-bar-mobile{display:block; position:fixed; bottom:0; right:0; left:0; color:#fff; width:100%; background:#000000; text-align:center; font-weight:normal; font-family: 'Roboto Condensed', sans-serif; padding:10px;}
.woocommerce-cart .cart-bar-mobile, .woocommerce-checkout .cart-bar-mobile{display:none !important;}
.mobile-cart-bar{display:block; position:fixed; bottom:0; right:0; left:0; background-color:#000000; color:#fff;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{margin: 0 2% 2.992em 0; width: 48%;}
}

@media (max-width:600px){
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{margin: 0 2% 2.992em 0; width: 48%;}
}