@charset "UTF-8";
/*!
	Theme Name: Superman Herbs
	Theme URI: https://bitbucket.com/webdevsuperfast/superman-herbs
	Description: This is the Superman Herbs theme created for the Genesis Framework.
	Author: RecommendWP
	Author URI: https://www.recommendwp.com/
	Version: 1.0.0
	Template: genesis
	Template Version: 2.2.5
	Tags: black, orange, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, custom-menu, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
	License: GPL-2.0+
	License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

.footer-widgets-4 {
width: 100%;
float: left;
}
.woocommerce section.products{
	clear:both;
	overflow:hidden;
}
.woocommerce section.products h3.ptitle{
	font-size: 25px;
	font-size: 1.5625rem;
	line-height: 1;
	color: #444444;
	display: inline-block;
	letter-spacing: -0.017em;
	margin-bottom: 40px !important;
	padding-right: 7px;
	position: relative;
	text-transform:uppercase;
	font-weight:600;
}
.woocommerce section.products h3.ptitle span{
	color:#942d24 !important;
}
.woocommerce section.products h3.ptitle:after {
    content: '';
    left: 100%;
    width: 9999px;
    height: 6px;
    background-color: #c6c6c6;
    top: 50%;
    margin-top: -3px;
    position: absolute;
}

.woocommerce ul.products li h2{
	height:54px;
	font-weight:600!important;
	color:#444;
	font-size:18px!important;
	text-transform:uppercase;
	margin-bottom:10px!important;
	padding:0px!important;
}


.coupon .button{
	background-color:#DBAC2A!important;
	color:#fff!important;
}

.checkout_coupon .button{
	background-color:#eead0e!important;
	color:#fff!important;
}

/******* HEADER LOGO FOR H1 TO H4 SITE TITLE UPDATE *******/
.header-image .site-title {
	text-indent: 0 !important;
}

.header-image .site-title > a {
	background: transparent;
}


.site-title img {
	vertical-align: top;
}

.title-area {
	padding: 0;
}

.site-description {
	text-indent: -9999px;
	height: 0;
}

.site-header .title-area a img {
	width: 100%;
}

button[name="apply_coupon"] {
	vertical-align: middle;
}


/* In product discriptions, style H2 tags like H1, H3 like H2.  Keep the highlighted text styled as it was before this change, without needing to change sizes (because this is shortcoded) */

 #tab-description h2 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1;
    color: #231f20;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 700;
    margin: 0 0 10px;
}

#tab-description h2 strong {
	font-weight: 700 !important; 
}

#tab-description h3 {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.2;
    color: #231f20;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 700;
    margin: 0 0 10px;
}

#tab-description h3 strong {
	font-weight: 700 !important; 
}

#tab-description h3 .su-highlight {
	font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.5;
}

/* just below is being overridden by inline CSS somehow -- but leaving it for now just in case it's a caching issue */
/* it was a caching issue, but once live didn't look the way it looked in Dev Tools - removing.  */

/*body table.cart td.actions button[name="apply_coupon"], body table.cart td.actions button[name="update_cart"], body table.cart td.actions input#ids_button1 {
	margin-bottom: 0.22em !important;
}*/

.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
	padding-top: 14px !important;
}

/* fix for footer eBook opt-in -- this element: <style type="text/css" id="vein"></style>; is now missing */

#txt-4 {
    font-size: 22px;
    line-height: 1.31818;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
}

#btn-4 {
    font-size: 25px;
    margin-bottom: 0px;
    width: 225px;
    color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
    border-width: 1px;
    padding: 15px 0px;
    border-radius: 3px;
    border-color: rgb(255, 255, 255);
}

#btn-4.btn.btn-ghost {
    background-color: transparent;
}

#txt-2 {
    font-size: 22px;
    line-height: 1.31818;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
}

#btn-2 {
    font-size: 25px;
    margin-bottom: 0px;
    width: 225px;
    color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
    border-width: 1px;
    padding: 15px 0px;
    border-radius: 3px;
    border-color: rgb(255, 255, 255);
}

#btn-2.btn.btn-ghost {
    background-color: transparent;
}

#txt-1 {
    font-size: 22px;
    line-height: 1.31818;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
}

#btn-1 {
    font-size: 25px;
    margin-bottom: 0px;
    width: 225px;
    color: rgb(255, 255, 255);
    /*background-color: rgb(255, 255, 255);*/
    border-width: 1px;
    padding: 15px 0px;
    border-radius: 3px;
    /*border-color: rgb(255, 255, 255);*/
}

#btn-1.btn.btn-ghost {
    background-color: transparent;
    border-color: rgb(255, 255, 255);
}

#txt-3 {
    font-size: 22px;
    line-height: 1.31818;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
}

#btn-3 {
    font-size: 25px;
    margin-bottom: 0px;
    width: 225px;
    color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
    border-width: 1px;
    padding: 15px 0px;
    border-radius: 3px;
    border-color: rgb(255, 255, 255);
}

#btn-3.btn.btn-ghost {
    background-color: transparent;
}

/* Force no top margin for site body... (Sumo would add it to both body and main divs) */

#genesis-content[style] {
	margin-top: 0px !important;
}

/* Adjust site-inner top padding, single page/temp fix - longer-term fix needed */

body.page-id-176505 .site-inner {
    padding-top: 0;
}

body.page-id-69629 .site-inner {
    padding-top: 0;
}

body.page-id-198333 .site-inner {
    padding-top: 0;
}

@media (max-width: 959px){
	.site-header .widget-area{ float:left; width:100%;}
	.header-widget-area .panel-grid-cell .textwidget{margin-bottom:25px;}
}
.warn-box{border:5px solid #000; padding:15px;display:block;}		
.warn-img{width:10%;margin-right:3%;} 		
.warn-img img{}		
.warn-text{width:85%;}		
.warn-img, .warn-text{display:inline-block; vertical-align:middle;}		
@media only screen and (max-width:667px){		
	.warn-img{width:100%; margin:0 auto 10px; text-align:center;} 
	.warn-text{width:100%;}
}
/* #txt-4 {
	font-size: 60px;
    letter-spacing: -0.017em;
    color: rgb(255, 255, 255);
    margin-bottom: 15px;
    text-align: center;
}*/

.cdc_thetitle { 
	background-color: #972c26 !important;
}

.quantity .screen-reader-text {
  display: none !important; 
}