/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://fabcomlive.com/storefront-child-theme
Author:       	Fabcom
Author URI:     http://fabcomlive.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*
* Add your own custom css below this text.
*/


/*
* * * * * * * * * * GENERAL STYLES * * * * * * * * * * *
*/

.cf::before,
.cf::after {
    content: " ";
    display: table;
}
.cf::after {
    clear: both;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * Margins & Padding * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.atm1 {
	margin-top: 1em;
}

.atm2 {
	margin-top: 2em;
}

.abm1 {
	margin-bottom: 1em;
}

.abm2 {
	margin-bottom: 2em;
}


/*
* * * * * * * * * * HEADER STYLES * * * * * * * * * * *
*/

.rle_header {
	position: relative;
	background-image: url(/wp-content/uploads/2018/12/bg-header.jpg);
	background-size: cover;
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #999;
	width: 100%;
	height: 370px;
}

.rle_logo {
	position: relative;
	display: block;
	width: 290px;
	height: 190px;
	background-image: url(/wp-content/uploads/2018/12/osicon2019.png);
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 auto;
	top: 58%;
	transform: translateY(-50%);
}

.rle_header_simple {
	position: relative;
	width: 100%;
	background-color: #000;
}

.rle_bg_home {
	position: relative;
	width: 100%;
	background-image: url(/wp-content/uploads/2018/12/hero.jpg);
	background-size: cover;
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #000;
}

.rle_logo_simple {
	position: relative;
	display: block;
	width: 290px;
	height: 190px;
	background-image: url(/wp-content/uploads/2018/12/osicon2019.png);
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 auto;
}

.rle_nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 70px;
	width: 100%;
	background-color: #000;
}

.rle_nav_left {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	float: left;
	color: #fff;
}

.rle_nav_left a {
	color: #fff;
}

.rle_nav_left ul,
.rle_nav_slider ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.rle_nav_left ul li {
	display: inline-block;
	padding: 0;
	margin: 0 0 0 2em;
}

.rle_nav_right {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	float: right;
	color: #fff;
	margin-right: 2em;
	padding: 1em 0;
	cursor: pointer;
}

.rle_nav_slider {
	display: none;
	position: absolute;
	padding: 1em 1em;
	background-color: #111;
	color: #fff;
	top: 70px;
	right: 0;
	width: 100%;
	max-width: 20em;
	z-index: 99;
}

.rle_nav_slider ul li {
	padding: 1em 1em;
	border-bottom: 1px solid #333;
	cursor: pointer;
}

.rle_nav_slider ul li:last-child {
	border-bottom: none;
}

.rle_nav_slider ul li:hover {
	background-color: #222;
}

.rle_nav_slider ul li a {
	color: #ccc;
}

.rle_nav_slider ul li:hover a {
	color: #fff;
}

i.fa-user-circle {
	font-size: 1.5em;
}

i.fa-angle-down {
	color: #00bbbb;
	font-size: .8em;
}

i.fa-angle-double-right {
	color: #00bbbb;
	padding-left: .5em;
	font-size: .8em;
}

i.fa-angle-double-left {
	color: #00bbbb;
	font-size: .8em;
}

.menu_trigger {
	display: inline;
	padding-left: 1em;
}

.custom_cart_count a,
.custom_cart_count a:hover {
    color: #fff;
}

.custom_cart_count {
	display: inline;
}

.minicart_part {
	margin-right: 2em;
}

.minicart_part i {
	margin-left: .5em;
}

.minicart_part_bold {
	font-weight: 700;
}



/*
* * * * * * * * * * FOOTER STYLES * * * * * * * * * * *
*/

.rle_footer {
	position: relative;
	background-color: #000;
	width: 100%;
	height: 144px;
	text-align: center;
	color: #ccc;
}

.rle_footer_text_left,
.rle_footer_text_right {
	float: left;
	position: relative;
	width: 50%;
	top: 50%;
	transform: translateY(-50%);
	font-size: .8em;
}

.rle_footer_text_left a,
.rle_footer_text_right a {
	color: #ccc;
	text-decoration: none;
}

.rle_footer_text_left a:hover,
.rle_footer_text_right a:hover {
	color: #fff;
}


/*
* * * * * * * * * * CHECOUT PAGE STYLES * * * * * * * * * * *
*/

.site-content {
	/* padding-top: 70px; */
}

.woocommerce-info,
.woocommerce-message {
	background-color: #555;
}

#main header {
	padding-bottom: 2em;
}

a.reset_variations,
.tabs.wc-tabs li.active {
	color: #00bbbb;
}

.stock.in-stock {
	color: #00bbbb;
}
.stock.out-of-stock {
	color: #96588a;
}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
	background: #e4c05c !important;
	background-color: #e4c05c !important;
	color: #80660d !important;
	text-shadow: transparent !important;
	box-shadow: none;
	border:none !important;
	border-radius: 1.5em;
}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {
	background: #e4c05c !important;
	background-color: #e4c05c !important;
	color: #fff !important;
	text-shadow: transparent !important;
	box-shadow: none;
	border-color:#e4c05c !important;
}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {
	background:  #e4c05c !important;
	color: #80660d !important;
	text-shadow: transparent !important;
	border:none !important;
	border-radius: 1.5em;
}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
	background:  #e4c05c !important;
	box-shadow: none;
	text-shadow: transparent !important;
	color: #fff !important;
	border-color:#e4c05c !important;
}

a:focus, .button:focus, .button.alt:focus, .button.added_to_cart:focus, .button.wc-forward:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
    outline-color: transparent !important;
}

.tabs.wc-tabs a {
	color: #6d6d6d;
}


/*
* * * * * * * * * * VIDEO LIVESTREAM PAGE * * * * * * * * * * *
*/

.blackpage {
	background-color: #111;
}

.vid_main {
	background-color: #222;
	margin: 4em 0 2em;
	color: #fff;
	height: 598px;
	max-width: 1064px;
}

.vid_main iframe {
	display: block;
	height: 598px;
	width: 100%;
}

.vid_segment {
	float: left;
	background-color: #222;
	width: calc(25% - 1.5em);
	height: 10em;
	margin-right: 2em;
	cursor: pointer;
}

.vid_segment:last-child {
	margin-right: 0;
}

.vid_segment.active {
	border: .5em solid #f4b530;
}

.segment_content {
	position: relative;
	font-size: 1.25em;
	font-weight: 200;
	text-align: center;
	color: #fff;
	top: 50%;
	transform: translateY(-50%);
}

.segment_content span {
	display: block;
	text-transform: uppercase;
	font-size: .7em;
	letter-spacing: 3px;
}



/*
* * * * * * * * * * VIDEO LIVESTREAM COUNTDOWN * * * * * * * * * * *
*/

#countdown {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	font-size: 1em;
}

table#cd_table {
	width: auto;
	margin: 0 auto;
}

table#cd_table td {
	background-color: transparent;
	text-align: center;
	font-weight: 200;
}

table#cd_table thead td {
	padding: 0;
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: 3px;
}

table#cd_table tbody td {
	padding: 0 .5em;
	font-size: 6em;
	line-height: 80%;
}

.cd_msg {
	margin-top: 2em;
	font-weight: 200;
	font-size: 1.25em;
	letter-spacing: 1px;
}

/*--- nm - "view cart" button padding ----*/
a.button.wc-forward {
    padding: 8px 18px;
}


/*
* * * * * * * * * * CHECKOUT PAGE * * * * * * * * * * *
*/

#order_review table tfoot tr th {
	width: 70%;
}

tr.shipping th {
	padding-left: 0;
}

#wideship tbody tr.shipping th {
	width: 30%;
}


@media only screen and (max-width: 420px) {
    .rle_nav_left {
	    display:none;
    }
    
    .catbox_left,
	.catbox_right {
		position: relative;
		width: 60%;
		text-align: center;
		font-size: 2em;
		font-weight: 200;
		color: #fff;
		transition: transform 2s;
	}
	.catbox_left {
		margin-bottom: 1em;
	}
}





/*
* * * * * * * * * * HOME PAGE * * * * * * * * * * *
*/



/*
* * * * * * * * * * TICKET PAGE * * * * * * * * * * *
*/

li.product {
	width: calc(33% - 2em) !important;
	margin-right: 2em;
}
li.product:last-child {
	margin-right: 0;
}

ul.products li.product.first {
	clear: none !important;
}

ul.products li.product.last {
	margin-right: 2em !important;
}

h2.woocommerce-loop-product__title {
	font-size: 1.5em !important;
}

span.woocommerce-Price-amount {
	font-weight: 600 !important;
}

span.onsale {
	display: none;
}


/*
* Video highlights page	
*/

.video-container * {
  box-sizing: border-box;
}

.video-container {
  width:100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.iframe-container {
  width: 57%;
  display: flex;
  align-items: center;
}

.form-container {
  width: 40%;
}

.form {
  height: 100%;
  margin-left: 50px;
  padding: 20px;
}

.form input {
	width: 100%;
	margin-bottom: 10px;
	max-width: 300px;
}

.form input.submit-button {
    background: orange;
    color: white;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 1.4em;
    padding: 7px;
    width: 200px;
}

.osi_home .video-container h1 {
	width:100%
}
.osi_home .video-container {
	margin:auto;
	width:72% !important;
}

.highlight-bg {
	max-width:1180px;
	margin:4em auto 0;
	text-align: center;
}
.highlight-bg h2 {
	font-size: 2em;
    font-weight: 700;
    color: #333;
    margin-top: 1em;
}
.row.cta-btn-wrap {
    display: flex;
    flex-wrap:wrap;
    max-width: 768px;
    margin: auto;
}

.cta-button {
    background: #f18423;
    color:#fff !important;
    display: inline-block;
    padding: 16px 50px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: white;
    transition: .2s ease-in-out;
    position: relative;
    z-index: 999;
}
.col-sm-12.col-md-4 {
    width: 33.333%;
}
@media only screen and (max-width:768px) {
	.row.cta-btn-wrap {display:block;}
	.col-sm-12.col-md-4,  .col-sm-12.col-md-4 a{width:98%;}
	.cta-button {margin:1em auto;}
}

@media (max-width: 900px) {
  .form-container, .iframe-container {
    width: 100%;
    margin: 10px auto;
  }
  .form {
    margin: 0;
    max-width: 500px;
  }
}

/* highlights page style */

.hidden-inp {display:none;}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@media (min-width:1440px) {
	.osi_home .highlight-bg .video-container {padding:5em 0 3em;}
}



/* SEARCH HIDE */
.widget_search,
.right-sidebar .widget-area {
	display: none !important;
}

.content-area h1, 
.content-area h2, 
.content-area h3, 
.content-area h4, 
.content-area h5, 
.content-area h6 {
	font-weight: 400;
}


.content-area h1,
.content-area .entry-title {
	font-size: 3rem;
}

.content-area h2 {
	font-size: 2.2rem;
	margin-bottom: 1rem;
}

.content-area h3 {
	font-size: 1.6rem;
	margin-bottom: 1rem;
}


.content-area h4 {
	font-size: 1.2rem;
	margin-bottom: 1rem;
}

.content-area p,
.content-area li {
	font-size: 1.1rem;
}




/* Custom Header Register Button (Responsive) */
@media (max-width:580px) {
	.header-navigation .btn-primary {
		padding: 0.5rem 0.5rem;
		font-size: 14px !important;
	}
}

@media (max-width:400px) {
	.header-navigation .btn-primary {
		padding: 0.5rem 0.5rem;
		font-size: 12px !important;
	}
}

@media (max-width:330px) {
	.header-navigation .btn-primary {
		display: none;
	}
}