/*!
Theme Name: Thomas Wheeler
Theme URI: http://thomasawheeler.com/
Author: Digital Alchemy
Author URI: http://www.godigitalalchemy.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tryonfitness
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

/*--------------------------------------------------------------
# Typography Fontface
--------------------------------------------------------------*/

@font-face {
    font-family: 'Neutra Text Alt';
    src: url('webfonts/NeutraText-BookAlt.eot');
    src: url('webfonts/NeutraText-BookAlt.eot?#iefix') format('embedded-opentype'),
        url('webfonts/NeutraText-BookAlt.woff2') format('woff2'),
        url('webfonts/NeutraText-BookAlt.woff') format('woff'),
        url('webfonts/NeutraText-BookAlt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Neutraface 2 Display';
    src: url('webfonts/Neutraface2Display-Bold.eot');
    src: url('webfonts/Neutraface2Display-Bold.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Neutraface2Display-Bold.woff2') format('woff2'),
        url('webfonts/Neutraface2Display-Bold.woff') format('woff'),
        url('webfonts/Neutraface2Display-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*=========================================================*/

.popup-summary {
	overflow: hidden;
	padding-left: 35px;
}

.popup-summary .quantity {
	display: inline-block;
}

header.masthead:after {
	display:block;
	width:100%;
	height:100%;
	content:"";
	/*background-color:rgba(0,0,0,0.5);*/
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
header.masthead .container {
	position:relative;
	z-index:2;
}

.error404 header.masthead {
	min-height:calc(100vh - 100px);
}

#page-top #mainNav { background-color:#212529; }

#page-top.home #mainNav.navbar-shrink{ background-color:#212529;}

.logo {
	width:auto;
	height:135px;
	object-fit: cover;
	transition: all 0.5s;
}

#mainNav.navbar-shrink .logo {
	height:85px;
}


.project_gallery .owl-carousel .owl-dot, .project_gallery .owl-carousel .owl-nav .owl-next, .project_gallery .owl-carousel .owl-nav .owl-prev {
	width: 40px;
    height: 80px;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    background: none;
    font-size: 140px;
    color: rgba(0,0,0,0.3);
    border: none;
	outline:none;
}

.project_gallery .owl-carousel .owl-nav button.owl-prev {
    left: -50px;
}

.project_gallery .owl-carousel .owl-nav button.owl-next {
    right: -50px;
}

header.masthead .intro-text .intro-heading {
	font-family: NewshawkJNL !important;
	letter-spacing: 4px;
}

.container ul.social-buttons li a:active, .container ul.social-buttons li a:focus, .container ul.social-buttons li a:hover {
    background-color: #799d4b;
}

.main_hero .owl-nav { display: none;  }

.team-member img{ object-fit:cover;}

.iframe_container h2.section-heading { text-align: center; margin-bottom: 30px; }
body.page-id-134 { padding-top: 164px; }

.btn-primary:hover {
	background-color: #799d4b !important;
	color: #fff !important;
}

.contact_section {
	position:relative;
	color: #fff;
}
.contact_section:after {
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.8);
	z-index:1;
}
.contact_section .container {
	position:relative;
	z-index:10;
}

section.contact_section h3.section-subheading.text-muted {
	color:#FFF !important;
}

.main_hero header.masthead .intro-text .intro-lead-in {
	color:#FFF;
}

.btn.popclose {
	border: #000 2px solid;
    background: transparent;
}
.btn.popclose:hover {
	border-color:#799d4b;
	background:#799d4b;
	color:#FFF !important;
}

.img-fluid.about_img {
	height:600px;
	width:100%;
	object-fit: cover;
}

.iframe_container {
	background-position: 0 0;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
.iframe_container:before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(255,255,255,0.7);
	z-index:1;
}

.iframe_container .container {
	position:relative;
	z-index:10;
}

.about_section {
	padding-top: 0;
	padding-bottom:0;
}

.about_row .img-fluid {
	border:none;
}

.about_row .col-md-6 {
	padding:0;
}

.about_desc {
	padding:10% 20% 10% 5%;
}

.top_gap80 {
	padding-top: 80px;
}

ul#site-header-cart {
    padding: 0 0 0 10px;
    margin: 0;
    list-style: none;
}

/*========================[About Section]===================*/
.about-fluid {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.about-fluid .img_holder {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.about-fluid .img_holder img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-fluid .about_content {
	width: 50%;
	float: right;
}
.about_desc h2 { margin-bottom: 20px;  }
.banner_logo { text-align:center; width:60px; margin:0 auto 20px auto;}
#mainNav .navbar-toggler { background-color:#799d4b; }
.home .navbar-nav.text-uppercase.ml-auto { margin-right:auto !important; }

.product-wrap {
    padding: 150px 0 0 0px;
    overflow: hidden;
}

section#mailing_form {
    background: #212529;
    color: #fff;
	padding: 100px 0;
}

section#mailing_form .container {
	max-width: 800px;
}

section#mailing_form input {
	width: 40%;
    margin-right: 10px;
    padding: 11px 20px;
    border-radius: 4px;
    border: 0;
}

button.js-cm-submit-button, input#gform_submit_button_1 {
    width: 130px;
    padding: 10px;
    vertical-align: top;
	background-color: #fec810!important;
    border-color: #fec810!important;
	border-radius: 4px;
    border: 0;
	color: #000;
	font-weight: 700;
	transition: all 0.25s ease-in-out;
}

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    width: auto;
    padding: 12px 20px;
    vertical-align: top;
	background-color: #fec810!important;
    border-color: #fec810!important;
	border-radius: 4px;
    border: 0;
	color: #000 !important;
	font-weight: 700;
	transition: all 0.25s ease-in-out;
}

button.js-cm-submit-button:hover, 
input#gform_submit_button_1:hover,
.woocommerce #respond input#submit, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover {
	opacity: 0.8;
}

#gform_wrapper_1 input, #gform_wrapper_1 textarea {
    padding: 11px 20px;
    border-radius: 4px;
    border: 0;
}

.woocommerce-checkout .woocommerce, .woocommerce-cart .woocommerce {
	padding: 150px 0 0 0;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: left;
    width: 48%;
    display: block;
    max-width: inherit;
}

span.woocommerce-input-wrapper {
    width: 100%;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
    border: 1px solid #ccc;
    padding: 10px;
}

.pimage {
	float: left;
	max-width: 48%;
}

.modal-body .woocommerce div.product div.summary {
	text-align: left;
}
.modal-body .woocommerce div.product div.summary .buy-btn {
	text-decoration: none;
	color: #000;
	background-color: #fec810;
	padding: 10px 30px;
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
	border-radius: 4px;
	transition: ease-in-out 0.3s color, ease-in-out 0.3s background-color;
	display: inline-block;
	margin-right: 10px;
}
.modal-body .woocommerce div.product div.summary .buy-btn:hover {
	background-color: #212529;
	color: #fff;
}


.header-quote{
	background-color: #fec810;
    width: 400px;
    padding: 30px 20px;
    position: absolute;
    right: -100%;
   	top: 140px;
    z-index: 900;
    border: 2px solid #fff;
	text-align:center;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	}
	
.header-quote.active{
	right: 30px;
	}	
	
.header-quote blockquote{
	display:block;
	margin:0;
	}	
	
.header-quote blockquote p:first-child{
	margin-left: 30px;
	margin-right: 30px;
	line-height: 27px;
	}
	
.header-quote blockquote p:last-child{
	margin-bottom:0;
	font-size:14px;
	}
	
.header-quote .quote-close{
	color:#343a40;
	position:absolute;
	right:5px;
	top:5px;
	font-size:20px;
	line-height:20px;
	cursor:pointer;
	}
	
.testimonial-slider-section{
	padding:70px 0;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	}
	
.testimonial-slider-section p:last-child{
	margin:0;
	} 
	
.page-container{
	margin-top:104px;
	}
	
.outer-wrap{ position:relative; overflow:hidden;}

#portfolio .portfolio-item img{
	height:525px;
	object-fit: cover;
	object-position: left top;
}							

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash,
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date,
.home-review #review_form_wrapper {display: none;}
.home-review {
    clear: both;
    text-align: left;
}

#portfolio section#books { padding-bottom:100px; }
#portfolio section#free-books { padding-top: 0; }

/*=============================[Product Review]===================================*/
.home .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0; padding: 30px;}
.home .woocommerce #reviews #comments ol.commentlist { padding: 0;}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { display: none;}

/*================================================================================*/
@media (max-width: 780px) {
	section#mailing_form input {width: 100%;margin: 0 0 20px;}
	.pimage {
		float: none;
		max-width: 100%;
	}
	.modal-body .woocommerce div.product div.summary {
		width: 100%;
	}
	 
}


@media (min-width: 768px) {
	.main_hero header.masthead .intro-text {
	   padding-top: 197px;
		padding-bottom: 148px;
	}
	
	.item.left .intro-text{ text-align:left;}
	.item.right .intro-text{text-align:right;}
	.item.center .intro-text{}
	.item.top .intro-text,.main_hero .item.top .intro-text{text-align:center; padding-top: 37px; padding-bottom: 308px;}
	.item.bottom .intro-text , .main_hero .item.bottom .intro-text{text-align:center; padding-top: 308px; padding-bottom: 37px;}
	.owl-carousel-mian-hero .item .masthead{ min-height:623px;}
	
}

/*==================================================*/

@media screen and (max-width:1279px) {
	.header-quote{ position:relative;}
	.header-quote{ width:auto; right:0; top:0;}
	.header-quote.active{ right:0;}
}

@media screen and (max-width:1199px) {
	
	#portfolio .portfolio-item img{ height:425px;}
}

@media screen and (max-width:1024px) {
.about_desc { padding: 5%; }
}

@media screen and (max-width:991px) {
.page-container { margin-top: 66px; }
#portfolio .portfolio-item img{ height:325px;}
#portfolio .portfolio-item h4{ font-size:1.1rem; min-height:42px;}
}

@media screen and (max-width:767px) {
.owl-carousel-mian-hero .item .masthead{ min-height:485px;}	
#portfolio .portfolio-item img{ height:365px;}
.modal-body .woocommerce div.product div.summary .buy-btn { padding: 10px 20px; margin-right: 6px;}
}

@media screen and (max-width:575px) {
	#portfolio .portfolio-item img{ height:auto;}
	#portfolio .portfolio-item h4{ min-height:100%; font-size:1.2rem;}
}

@media screen and (max-width:639px) {
.about-fluid .img_holder { width: 100%; position: relative;  }
.about-fluid .img_holder img { position: relative;  }
.about-fluid .about_content { width: 100%; float: none;  }
#mainNav.navbar-shrink .logo {height: 33px !important;	}
ul#site-header-cart span.count {display: none;}
.logo {height: 28px !important;}
.page-container { margin-top: 57px; }
.popup-summary {padding-left: 0;}
}