/**
 * Supplementary style sheet
 * These styles will be integrated into the main style sheet after launch
 * Style sheet is constructed mobile-first, with min-width media queries at the end
 * Headers of main sections of main style sheet included for reference
 */

/**
 * Example of narrowly scoped style, which will override product page h1, h2 styles in main style sheet
 */
/*
.single-product h1,
.single-product h2 {
	outline: 1px dotted silver;
}
*/


/**
 * HEADER
 */
.site-header {
    border-bottom-color: #ffffff;
    padding-top: 22px !important;
}

/**
 * FOOTER
 * Main colours defined in theme customiser
 */

/**
 * WOOCOMMERCE PAGES
 */

/**
 * OTHER PAGE-SPECIFIC STYLES, NOT ALREADY DECLARED ABOVE
 */

/**
 * HOME PAGE STYLES, NOT ALREADY DECLARED ABOVE
 */

/**
 * GENERIC LAYOUT STYLES
 */
.col-md-6 {
    width: 48%;
    float: left;
    overflow: hidden;
	}

img {
    border-radius: 0px !important;
}
.orange h2,
.orange h1 {
	color:#ff671b;
}

.bottom-padding-80 {
        padding-bottom: 80px;
    }
.bottom-padding-40 {
        padding-bottom: 40px;
    }
.bottom-padding-20 {
        padding-bottom: 20px;
    }
.stock { 
    display:none; 
}
.SignupFormPreview table tbody td {
    background-color: none;
}


.woocommerce-page .sku-product-wrapper {
     display: none; 
    color: #ffffff;
    font-family: "TradeGothic", sans-serif;
    font-size: 1px;
    margin-top: 5px;
}

img.banner-center {
    display: block;
    margin-left: auto;
    margin-right: auto 
}


/**
 * GLOBAL MODIFIERS
 */

/**
 * MEDIA QUERIES
 */
@media (min-width: 768px) {
.single-product.storefront-full-width-content .woocommerce-tabs ul.tabs {
		display: none;
	}

.single-product.storefront-full-width-content .woocommerce-tabs .panel {
		width: 100%;
	}

.page .content-area {
		width: auto;
		float: none;
		margin-right: 0;
	} 
}

 
@media (min-width: 768px) {
.left-sidebar .content-area {
    width: 73.9130434783%;
    float: right;
    margin-right: 0;
}}



@media (min-width: 960px) {


}

@media (min-width: 1200px) {
#features h2 {
font-size:3em;
    color:ff671b;
}

}


@media (min-width: 1500px) {
.single-product .woocommerce-Tabs-panel--description > .full-width, .single-product .woocommerce-Tabs-panel--description .headline {
    margin-left: -50.0vw;
    margin-right: -50.0vw;
}
}

/**
 * TESTING, DEBUGGING, ETC.
 */

.vbox-container {
    position: relative !important;
}

.callout-shop-now-offers > .col-1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url(https://stmgoods.wpengine.com/wp-content/uploads/STM-3-Column-New-Arrival-2.jpg) !important;
}


.callout-shop-now-offers > .col-2 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url(https://stmgoods.com/wp-content/uploads/STM-3-Column-Designed-For-Surface.jpg) !important;
}

.callout-shop-now-offers > .col-3 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url(https://stmgoods.wpengine.com/wp-content/uploads/STM-3-Column-Best-Sellers-2.jpg) !important;
}

@media (min-width: 768px) {
.callout-shop-now-offers > div {
    height: 30em;
}
}
.callout-shop-now-offers h2 {
    font-family: 'RNSCamelia-Bold', sans-serif;
    text-transform: uppercase;
}


/**
 * Rich Test
 */


@media (min-width: 320px) {
.jumbotron-image-left { 
    background-repeat: no-repeat;
    background-size: cover; 
    display: block;
    padding-top: 50%;
    padding-bottom: 50%;  
    background-position: center; 
   }

.jumbotron-text-left {
    text-align: left;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}   
.jumbotron-text-left button {
  display: inline-block;
  padding: 10px 25px;
  color: #ff671b;
  text-align: center;
  cursor: pointer;
  outline: 1px solid #ff671b;
  padding: 2px 1.5em;
   width: 12em;
   background-color: transparent;    
}

.jumbotron-text-left button:hover {
  background-color: #cc0000;
}

  h6 {
    font-size: 1.5em !important;
    line-height: 1.0 !important;
    margin: 0px 0px 0px 0px !important;
    text-align:left;
    }
    h7 {
    font-family: 'RNSCamelia-Regular' !important;
    font-size: 1em !important;
    line-height: 1.0 !important;
    margin: 0px 0px 0px 0px !important;
    text-transform: lowercase;
    text-align:left;
    } 

}


@media (min-width: 768px) {
.single-product.storefront-full-width-content .woocommerce-tabs ul.tabs {
		display: none;
	}

	.single-product.storefront-full-width-content .woocommerce-tabs .panel {
		width: 100%;
	}
    
.main-navigation .smm-mega-menu {
 padding: 2em 10em 2em 10em;
}    
    
    .jumbotron-image-left {
    background-repeat: no-repeat;
    background-size: cover; 
    display: block;
    padding-top: 10%;
    padding-bottom: 40%;  
    background-position: center; 
   }

.jumbotron-text-left {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}   

.jumbotron-text-left button {
  display: inline-block;
  padding: 10px 25px;
  color: #ff671b;
  text-align: center;
  cursor: pointer;
  outline: 1px solid #ff671b;
  padding: 2px 1.5em;
   width: 12em;
   background-color: transparent;    
}

.jumbotron-text-left button:hover {
  background-color: #cc0000;
  color: white;
}

  h6 {
    font-size: 3em !important;
    line-height: 1.0 !important;
    margin: 0px 0px 0px 0px !important;
    text-align:center;
    }

    h7 {
    font-family: 'RNSCamelia-Regular' !important;
    font-size: 2em !important;
    line-height: 1.0 !important;
    margin: 0px 0px 0px 0px !important;
    text-transform: lowercase;
    text-align:center;
    } 
.storefront-full-width-content.single-product div.product .summary {
    width: 34.5217391304%;
    float: right;
    margin-right: 0;
    margin-bottom: 3.706325903em;
}  
.storefront-full-width-content.single-product div.product .images {
    width: 60.1304347826%;
    float: left;
    margin-right: 4.347826087%;
    margin-bottom: 3.706325903em;
}    
ul.menu li.current-menu-item>a {
    color: #ff671b;  
}
}
@media (min-width: 960px) {
.jumbotron-image-left {
    background-repeat: no-repeat;
    background-size: cover; 
    display: block;
    padding-top: 10%;
    padding-bottom: 40%;  
    background-position: left; 
   }

.jumbotron-text-left {
    text-align: left;
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%);
}   

.jumbotron-text-left button {
  display: inline-block;
  padding: 10px 25px;
  color: #ff671b;
  text-align: center;
  cursor: pointer;
  outline: 1px solid #ff671b;
  padding: 2px 1.5em;
   width: 12em;
   background-color: transparent;    
}

.jumbotron-text-left button:hover {
  background-color: #cc0000;
  color: white;
}

  h6 {
    /*color: #ff9900 !important;*/
    font-size: 3em !important;
    line-height: 1.0 !important;
    margin: 0px 0px 0px 0px !important;
    
    text-align:left;
    }
    h7 {
    /*color: #ff9900 !important;*/
    font-family: 'RNSCamelia-Regular' !important;
    font-size: 2em !important;
    line-height: 1.0 !important;
    margin: 0px 0px 0px 0px !important;
    text-transform: lowercase;
    text-align:left;
    } 

}

@media (min-width: 1200px) {
.jumbotron-image-left {
    background-repeat: no-repeat;
    background-size: initial; 
    display: block;
    padding-top: 10%;
    padding-bottom: 40%;  
    background-position: center; 
   }

.jumbotron-text-left {
    text-align: left;
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%);
    color: white;
}   

.jumbotron-text-left button {
  display: inline-block;
  padding: 10px 25px;
  color: #ff671b;
  text-align: center;
  cursor: pointer;
  outline: 1px solid #ff671b;
  padding: 2px 1.5em;
   width: 12em;
   background-color: transparent;    
}

.jumbotron-text-left button:hover {
  background-color: #cc0000;
  color: white;
}

  h6 {
    font-size: 6em !important;
    line-height: 1.0 !important;
    margin: 0px 0px 0px 0px !important;
    
    text-align:left;
    }
    h7 {
    font-family: 'RNSCamelia-Regular' !important;
    font-size: 3em !important;
    line-height: 1.0 !important;
    margin: 0px 0px 0px 0px !important;
    text-transform: lowercase;
    text-align:left;
    } 
.headline {
    margin: 40px 0px;
    outline: none !important;
    width: 99vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -49.5vw;
    margin-right: -49.5vw;
}    
}

/******----Rich Add 2018-12-12-----****/
/******----Rich Add 2018-12-12-----****/
/******----Rich Add 2018-12-12-----****/
/******----Rich Add 2018-12-12-----****/
/******----Rich Add 2018-12-12-----****/


@media (min-width: 1200px) {
.feature {
    padding:30px 0px;
    }
 .feature-text {
    margin: 10px 0px 0px 30px;
    }  
}


.feature-image {
    border: 1px solid #343a40;
}

 .feature-text h3 {
    color: #555779 !important;
    font-size: 1.5em;
    font-family: 'RNSCamelia-Bold' !important;
    font-weight: 700;
	 text-transform: lowercase;
}

.list-flush {
margin:0px 0px 0px 20px;
    }


.jumbotron-text-left .button {
	outline: 1px solid #ff671b;
	padding: 6px 1.5em;
	width: 12em;
	background-color: transparent;
    color: #ff671b;
    text-align: center;
}

.jumbotron-text-left .button:hover {
	color: #ff671b;
	background-color: hsla(20, 100%, 55%, 0.1);
}

.jumbotron-text-center {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    }

.video {
    padding: 0px 0px;
}

.video-youtube {
    padding: 60px 0px;
}


.spec {
    font-weight: bold;
    font-family:'RNSCamelia-Bold', sans-serif;
}



 #specifications h2 {
    text-transform: lowercase;
}

.specifications h4 {
    font-size: 18px;
    text-transform: !important lowercase;
}


 h2 h3 h4 h5 h7 {
    text-transform: lowercase;
}

#specificatons h3 {
    color:#000000;
    font-size: 20px;
}

.footer-widgets .social-media ul li:nth-child(3n+1) {
    clear: none !important;
}

.site-footer .widget .widget-title {
    margin-bottom: 0.1em;
    padding: 0;
    color: #cccccc;
    font-size: 16px;
    text-transform: uppercase;
    font-family:'RNSCamelia-Bold', sans-serif;
}
.site-footer .widget_nav_menu ul li {
    font-family: 'RNSCamelia-Regular' !important;
}
 


 .jumbotron-text-left,
 .jumbotron-text-center,
 .jumbotron-text-right {
	position: static;
	top: initial;
	left: initial;
	transform: none;
	width: 100%;
	margin:10%;
}

 .jumbotron-image-left {
	/* outline: 1px dotted orange;*/
	padding-top: 0;
	padding-bottom: 0;
	height: 800px;
	max-height: 50vw;
}

.jumbotron-image-left .jumbotron-text-left h7 {
	text-transform: none;
}

 /*.jumbotron-image-left > * {
	outline: 1px dotted white;
}*/

#video h6 {
    text-align: center;
    color:blue;
}


/******** Rich Update 2018-12-15*********/
/******** Rich Update 2018-12-15*********/
/******** Rich Update 2018-12-15*********/
/******** Rich Update 2018-12-15*********/

/*******Jumbotron h6 and h7 size and align updated existing above 

line 222 
line 232
line 156
line 165

*/

/* Fix Header Font Family specificatons font, headline margin, jubotron  */

.site-header .main-navigation a {
    font-family: 'RNSCamelia-Bold', sans-serif;
}

.site-header {
    font-family: 'RNSCamelia-Regular', sans-serif;
}


.specifications {
    padding:40px 0px;
}

.headline {
 margin:40px 0px;
}

.headline h2 {
 text-transform:lowercase; 
 margin-bottom:0px; 
 color:#ff671b;
 text-align:center;
}


a.button.checkout.wc-forward {
    display: none;
}

.callout-shop-buttons > div:nth-of-type(1),
.callout-shop-buttons > div:nth-of-type(3) {
	background-color: #333;
}


.background-white {
    background-color: #ffffff;
}

.background-black {
    background-color: #000000;
}

.background-orange {
    background-color: #ff6718;
}

.background-blue {
    background-color: #165f8c;
}
    
    



/********** Dec 16 2018  Blockquotw for Smarter Page*******/
/********** Dec 16 2018  Blockquotw for Smarter Page*******/
/********** Dec 16 2018  Blockquotw for Smarter Page*******/
/********** Dec 16 2018  Blockquotw for Smarter Page*******/



blockquote {
    width: 80%;
    text-align: center;
    margin: 20px;
    padding: 20px;
    font-family: 'RNSCamelia-Bold', sans-serif;
    font-size: 30px;
    color: #ff671b;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid  #cccccc;
	border-left:none;
}

.author {
	margin: 0px;
	font-size:14px;
	color: #888888;
	/*text-align:right;*/
}


/********** Dec 18 2018  Blockquotw for Smarter Page*******/
/********** Dec 18 2018  Blockquotw for Smarter Page*******/
/********** Dec 18 2018  Blockquotw for Smarter Page*******/
/********** Dec 18 2018  Blockquotw for Smarter Page*******/


 h7 {
	color:#ffffff;
}
 h6 {
	color:#ffffff;
}



.h1 entry-title{
    display:none;
}

.callout-our-products h2 {
     font-family: 'RNSCamelia-Bold', sans-serif;
}


/********** YOTPO *******/
/********** YOTPO *******/
/********** YOTPO *******/
/********** YOTPO *******/

.yotpo-reviews-carousel {
    font-family: 'TradeGothic', sans-serif !important;
	padding-top:60px;
}


.yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel {
   border-bottom: 0px solid #ffffff !important;
}

.yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .yotpo-icon-star {
    color: #ff671b !important;
}

.yotpo div, .yotpo span, .yotpo p, .yotpo a, .yotpo img, .yotpo i, .yotpo strong, .yotpo sup, .yotpo ul, .yotpo li, .yotpo form, .yotpo label {
    font-family: 'RNSCamelia-Bold', sans-serif !important;
}



.yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel {
    border-bottom: 0px solid #cccccc !important;
}

.yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .carousel-site-quote-container {
    display: inline-block;
    border-radius: 50%;
    border:0px solid #e1e5ee  !important;
    padding: 29px;
}

.yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .carousel-site-quote-container .carousel-site-quote {
    color: #ff671b !important;
}

/******* SWATCH VARIATIONS*********/
/******* SWATCH VARIATIONS*********/
/******* SWATCH VARIATIONS*********/
/******* SWATCH VARIATIONS*********/

.swatch-wrapper a {
    display: block;
    border-radius: 50%;
}

.swatch-wrapper {
    padding: 2px;
    background: #fff;
    border: 1px solid #ccc;
    float: left;
    margin: 0 5px 5px 0;
    border-radius: 50%;
}


div.swatch-wrapper.selected {
    border: 2px solid #ff671b !important;
    padding: 1px;
    border-radius: 50%;
}

div.swatch-wrapper.disabled, div.swatch-wrapper.disabled a, .radio-select .disabled {
    cursor: not-allowed;
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.2;
}

label {
    font-weight: 400;
    font-family: 'RNSCamelia-Bold', sans-serif !important;
}

button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .added_to_cart.alt, .widget-area .widget a.button.alt, .added_to_cart, .widget a.button.checkout {
    background-color: #ff671b;
    border-color:  #ff671b;
    color: #ffffff;
     font-weight: 600;
      font-family: 'TradeGothic', sans-serif !important;
}

/******* ESSENTIALS PDP*********/
/******* ESSENTIALS PDP*********/
/******* ESSENTIALS PDP*********/
/******* ESSENTIALS PDP*********/
/******* ESSENTIALS PDP*********/

 .color-black h6, .color-black h7
{
	color:#ffffff;
}

    .color-black h7
{
	   text-transform: none !important;
}

.callout-shop-now-offers .button {
    outline: 1px solid #ff671b;
    margin-bottom: 2px;
    color: #ff671b;
    background-color: transparent;
    padding: 16px 40px;
    font-family: 'RNSCamelia-Bold', sans-serif !important;
    font-size: 14px;
    text-transform: uppercase;
}

/******* KEYBOARD PDP*********/
/******* KEYBOARD PDP*********/
/******* KEYBOARD PDP*********/
/******* KEYBOARD PDP*********/

.hentry.type-page .entry-header {
 display:none;
}

 .wc-memberships-member-discount-message {
    display:none;
}

	.col-1-4, .calloutleft, .calloutright {
		width: 48%;
		float: left;
		overflow: hidden;
	}
@media (min-width: 300px){ .col-1-4 {
    width: 90%;
}
}

@media (min-width: 769px){ .col-1-4 {
    width: 25%;
}
}


 .col-1-4 {
    padding-right: 10px;
}


.hentry .entry-content a:not(.button) {
    text-decoration: none;
}

#specifications h4 {
	text-transform: none;
}

/******Promo Widget Header******/
/******Promo Widget Header******/
/******Promo Widget Header******/
.site-header-banner {
    padding: 20px 0px;
    font-family: 'RNSCamelia-Bold', sans-serif;
    font-size: 16px;
    line-height: 1.2;
     background-color: #165f8c;
}



.button-orange{
    outline: 1px solid #ff671b;
    margin-bottom: 2px;
    color: #ffffff;
    background-color: #ff6718;
    padding: 16px 40px;
    font-family: 'RNSCamelia-Bold', sans-serif !important;
    font-size: 14px;
    text-transform: uppercase;
}

.demo_store {
    position: fixed;
    left: 0;
    bottom: 69px;
    right: 0;
    margin: 0;
    padding: 1em 1.41575em;
    background-color: #ff6718;
    color: #fff;
    z-index: 9998;
}
.designed-for-surface .callout-our-products {
    padding: 6em 2em 0 2em;
}

.designed-for-surface .callout-shop-buttons .button {
    width: 18em;
    font-size: 15px;
}

.video_lightbox_anchor_image {
 max-width: 66%;
}


	.button-top {
    position: fixed;
    bottom: 100px;
    right: 20px;
    z-index: 100;
    width: 60px;
		opacity:0.7;
    height: 60px;
    border: 0;
    border-radius: 2px;
    box-shadow: none;
    background: #ff6718;
    color: #fff;
    font-size: 26px;
    line-height: 55px;
    text-align: center;
    cursor: pointer;
}

/******2019 11-7******/
/******2019 11-7******/
/******2019 11-7******/
h6 {
   display:table !important;
	background:rgba(255,103,24, 1);
	padding: 20px 20px 0px 20px;
	color: #ffffff;
}

h7 {
   display:table !important;
	background:rgba(255,103,24, 1);
	padding: 0px 20px 20px 20px;
	color: #ffffff;
}


.model {
    font-size: 12px;
    margin-bottom: 10px;
}

.woocommerce-variation-description p {
	font-size: 10px;
}

.blue h2, .blue h1 {
    color: #165f8c;
}

a {
    color: #ff6718;
}
a {
    color: #ff6718;
}

.woocommerce-loop-product__link a {
	color: #cc0000;
}

.woocommerce-LoopProduct-link a  {
	color: #cccccc;
}

a:focus, input:focus, textarea:focus, button:focus {
    outline: 1px solid #ff671822;
}


.woocommerce-breadcrumb a {
    text-decoration: none !important;
}
a.woocommerce-review-link, .product_meta a 
{
    text-decoration: underline;
}
.callout-our-products h2 {
    text-transform: none !important;
}

.woocommerce h2 .product-name-ori {
text-transform: none !important;
}

.callout-our-products h2 {
    text-transform: none !important;
}


/******* YouTube Plug in *****************/
/******* YouTube Plug in *****************/
/******* YouTube Plug in *****************/
/******* YouTube Plug in *****************/

@media (min-width:320px) {
.epyt-gallery-allthumbs.epyt-cols-3 .epyt-gallery-thumb {
    width: 100%;
}
}
@media (min-width:768px) {
.epyt-gallery-allthumbs.epyt-cols-3 .epyt-gallery-thumb {
    width: 33.333%;
}
}


/******* Temporary Page one-offs *********/
/******* Temporary Page one-offs *********/
/******* Temporary Page one-offs *********/
/******* Temporary Page one-offs *********/


@media (min-width: 768px) {
.page-id-26798 .callout-shop-now-offers  {
   height: auto; 
}
}
@media (min-width: 768px) {
.page-id-26798 .equal-height-children {
    display: block;
}
}


@media (min-width: 1200px) {
.page-id-26798 .feature {
    padding: 0px 0px 10px 0px;
}
}

@media (min-width: 768px) {
.page-id-26798 .callout-shop-now-offers > div{
    height: 16em;
}
}

.callout-shop-now-offers > .col-4 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url(https://stmgoods.wpengine.com/wp-content/uploads/STM-3-Column-Accessories-Blue.jpg) !important;
}

.page-id-26798 .callout-shop-now-offers > .col-3 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url(https://stmgoods.wpengine.com/wp-content/uploads/Accessories-Box-640x640.jpg) !important;
}


.page-id-13307 ul {
    margin: 0 0 1.41575em 0em;
    padding: 0;
	list-style: none;

}

@media (min-width: 1200px){
.page-id-27789  .feature {
    padding: 0px 0px 10px 0px;
}
}
@media (min-width: 768px){
.page-id-27789  .equal-height-children {
    display: block;
}
}
@media (min-width: 768px){
.page-id-27789 .callout-shop-now-offers {
    height: auto;
}
}