/*
Theme Name: WP_Spectrum
Theme URI: http://cmssuperheroes.com/wordpress/cshero
Author: Cmssuperheroes Team
Author URI: http://cmssuperheroes.com/
Version: 2.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Description: In 2015, Creating a magazine website with WordPress has never been easier.
Text Domain: wp_spectrum
*/

/**
 * Table of Contents:
 *
*/

/** Style all button site **/
@import "css/buttons.css";

/** Style mobule and type title module **/
@import "css/module.css";

/** Style all menu site **/
@import "css/menu.css";

/** Style all shortcode site **/
@import "css/shortcodes.css";

/** STYLE BASE SITE  **/
@import "css/style.min.css";

/** Style base spectrum site **/
@import "css/style.spectrum.css";

/** Style Shop **/
@import "css/woocommerce.css";

/** Style custom home **/
@import "css/custom-home.css";

/** Style RTL **/
@import "style-rtl.css";

/** Style reponsive **/
@import "css/responsive.css";

/** 3rd Extensions  **/
@import "css/extensions.css";

.header-v2 #cshero-header.transparentFixed::before{ 
background-color: rgba(184, 184, 184, 0) !important;
height: 65px !important;
}
#header-top{ 
position: relative;
top: auto;
width: 100%; 
background-color:transparent !important;
}
#cshero-header.transparentFixed {
    top: 31px;
}
.header-v2 #cshero-header.transparentFixed .container .row {
	background-color:transparent !important;
    /*background-color: #ffffff !important; */
}
#header-top .container{ background-color:#222222; }  
#cshero-header .container{ background-color:#ffffff; padding-left:0px; padding-right:0px;  }

#header-top ul li{
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 3px;
}
.header-top-3  #text-4 .textwidget{ float: right !important; } 
.header-top-3 img{ padding-top:4px; }
.topbutton{ 
background-color: rgb(33, 55, 40)!important;
color:#dcdb22!important;
font-weight: 600;
display: inline-block;
padding: 4px 10px 5px;
text-transform:uppercase;
}
.topbutton:hover{
color:#000;
background-color:#dcdb22!important;
}
.header-top-3{ padding-right:0px; } 
.header-top-2 .textwidget{ color:#FFF; padding-top:5px; } 
.header-top-2 .textwidget span{ color:#fff; font-weight:500; } 
.custompad{ padding-left:20px;} 

.header-v2 #cshero-header.transparentFixed .container .row {
    margin: 0;
    padding: 0 0px;
}
.main-menu-wrap{ /*padding-right:0px;*/ } 

.btn-default-banner{ 
background-color: #6DAB3C !important;
color: #fff !important;
border-radius: 10px !important;
border: 1px solid #6DAB3C!important;
} 
.btn-default-banner:hover{
color: #fff !important;
background-color: #000 !important;
}

.btn-default-banner-alt{ 
color: #000 !important;
background-color: #fff !important;
border-radius: 10px !important;
border: 1px solid #000!important;
} 
.btn-default-banner-alt:hover{
background-color: #75ae37 !important;
border: 1px solid #000!important;
color: #000 !important;
}
.row.fancy_img{ padding-left: 15px;
padding-right: 10px;
margin-bottom: 30px; }
.fancy_img_padding{ padding: 0px 5px 0px 0px!important; }
.CoverImage {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
  max-height: 300px;
  max-width: 1000px;
}
.CoverImage .inner{ height:130px; display:block; vertical-align:middle; text-align:center; } 
.CoverImage .inner i{ display:none; } 
.CoverImage .inner:hover{ background-color:rgba(0,0,0,0.3); } 
.CoverImage .inner:hover i{ display:block; padding-top: 55px;
font-size: 22px;
color: rgb(255,255,255); } 
.donate-form{ position:absolute; top:150px; right:0px; color:#000;  }
.formbox{ border:1px solid #dedc00; background-color:rgba(255,255,255,0.6); display:block; width:250px; border-radius:10px;  }
.formbox.alt{ width:100%;  }
.formtitle, .formtitle2{
background-color: rgb(222, 220, 0);
text-align: center;
overflow: hidden;
border-radius: 10px 10px 0px 0px;
padding: 5px;
font-size: 16px;
}
.formbox2{ background-color:#90d651; border-radius:10px; margin-bottom: 30px; } 
.formbox2inner{ padding:20px; }
.formbox2inner label, .formbox2inner form{ color:#000; } 
.formbox2 span.smallerT{
	font-size:12px;
}
.formbox2inner .btn-default-banner{ width:100%; } 

.formboxinner{ padding:20px; color:#000; }
.formboxinner label, .formboxinner form{ color:#000; } 

.formbox .form-group {
    margin-bottom: 15px;
}
.formbox span.smallerT{
	font-size:12px;
}
.btn-group-2 > .btn {
	font-size:13px !important; 
    padding: 5px 15px !important;
	border-color:#dedc00 !important; 
	color:rgb(33, 55, 40) !important; 
}
.btn-group-2 > .btn:hover{
	color:#dedc00 !important; 
	background-color:rgb(33, 55, 40) !important; 
}
.formboxinner .form-group .col-xs-10, 
.formboxinner .form-group .col-xs-8, 
.formboxinner .form-group .col-xs-6, 
.formboxinner .form-group .col-xs-4, 
.formboxinner .form-group .col-xs-2{ padding-left:0px; padding-right:0px; }
.otherammount { color:#000; } 
.otherammount span{ font-weight:700; clear:both; display:block; line-height:14px; } 
.formboxinner .form-control{ border: 1px solid #dedc00; } 
.formboxinner .input-group-addon{ border: 1px solid #dedc00; border-right:0px; }


.img-center {margin:0 auto;}
.card-type img{ border:1px solid #FFF; border-radius:10px; background-color:#FFF; } 
.card-type img:hover{ border:1px solid #dedc00; }
.formboxinner .btn-default-banner { width: 200px; } 
.bottomadvert{ color:#fff; } 

.footer-top-1 .textarea { 
line-height:20px;
font-size:15px;
}
.footer-top-1 .textwidget, .footer-top-3 .textwidget{ font-size:14px; line-height:22px; } 
.footer-top-1 .textwidget p, .footer-top-3 .textwidget p{ margin-top:15px; margin-bottom:15px; }
.footer-top-1 .textwidget li{ padding-left:30px; } 
.footer-top-1 .textwidget li i{ margin-left:-30px; position: absolute; margin-top:3px; }

#wrapper #footer-top ul.menu li {
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    padding-left: 30px;
}
#wrapper #footer-top ul.menu li::before{ 
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
content: "\f054";
position: absolute;
margin-left: -30px;
margin-top:8px;
}
.iconbox{ color:#FFF; font-weight:700; font-size:20px; } 
.iconbox span{ font-size: 37px; line-height:31px; 
font-weight: 700; display:block; } 
.givemealine{ border-right:1px solid #FFF; } 
.titletag:after{ 
content:"\f"; 
background:url('/wp-content/uploads/2018/04/title-tag.png');
width: 260px;
height: 48px;
position: absolute;
left: 50%;
margin-left: -130px;
margin-top: 16px;
}



.btn-default-alt3{
font-size: 12px!important;
text-transform: uppercase!important;
background-color: rgba(255, 255, 255, 1.00);
color: #999!important;
border-style: solid;
border-color: #ccc!important;
border-width: 1px 1px 1px 1px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
padding-top: 7px!important;
padding-right: 30px!important;
padding-bottom: 7px!important;
padding-left: 30px!important;
margin: 0;
width: 100%!important;
}

.btn-default-alt3:hover{
background-color: #dedc00 !important;
border-color: #000 !important;
color: #000 !important;
}





[data-pie-id] > *:nth-child(7n+1), [data-bar-id] > *:nth-child(7n+1), [data-line-id] > *:nth-child(7n+1) {
  color: #dedc00; }
[data-pie-id] > *:nth-child(7n+2), [data-bar-id] > *:nth-child(7n+2), [data-line-id] > *:nth-child(7n+2) {
  color: #bbb90a; }
[data-pie-id] > *:nth-child(7n+3), [data-bar-id] > *:nth-child(7n+3), [data-line-id] > *:nth-child(7n+3) {
  color: #959408; }
[data-pie-id] > *:nth-child(7n+4), [data-bar-id] > *:nth-child(7n+4), [data-line-id] > *:nth-child(7n+4) {
  color: #6e6d09; }
[data-pie-id] > *:nth-child(7n+5), [data-bar-id] > *:nth-child(7n+5), [data-line-id] > *:nth-child(7n+5) {
  color: #dedc00; }
[data-pie-id] > *:nth-child(7n+6), [data-bar-id] > *:nth-child(7n+6), [data-line-id] > *:nth-child(7n+6) {
  color: #bbb90a; }
[data-pie-id] > *:nth-child(7n+7), [data-bar-id] > *:nth-child(7n+7), [data-line-id] > *:nth-child(7n+7) {
  color: #959408; }
[data-pie-id] > *:nth-child(7n+8), [data-bar-id] > *:nth-child(7n+8), [data-line-id] > *:nth-child(7n+8) {
  color: #6e6d09; }


#pie, #donut, #bar {
  max-height: 450px; }


svg {
  width: 100%;
  height: auto; }

.tooltip {
  margin-left: -5px;
  border-radius: 3px;
  padding: 5px; }

ul[data-pie-id] {
  list-style: none;
  padding: 10px; }

  g > path > text { z-index:500000; color:red; }
  
.thepizzapie{ position:absolute; border:1px solid #ddd; border-radius:5px; padding:10px !important; background-color: rgba(255,255,255,0.7); font-size: 10px;
line-height: 15px; } 

@media (max-width: 992px) {
    #cshero-header{
        padding-top: 35px;
    }
}


.facebookfeedbottomdata{
width: 100%;
border: 1px solid #dedc00;
border-radius: 3px;
background-color: #eee;
color: #777;
padding: 2px 10px;
font-size: 12px;
}

.facebookfeedw{ height:260px; margin:0px 0px!important; } 
.facebookfeed{ height: 220px;
margin: 0px 10px !important;
overflow: auto; }


.facebookfeed:before{ 
content:"\f"; 
background:url('/wp-content/uploads/2019/04/outline.png');
width: 48px;
height: 260px;
position: absolute;
top: 50px;
left: 10px;
}
.facebookfeed:after{ 
content:"\f"; 
background:url('/wp-content/uploads/2016/04/outline2.png');
width: 48px;
height: 260px;
position: absolute;
top: 50px;
right:10px;
}
 
.facebookfeed ul li, .facebookfeed ul{ list-style:none; margin:0px; padding: 0px; } 
.facebookfeed ul li{ margin:10px; } 
.facebookfeed ul li p{ margin:15px 0px; } 
.facebookfeed ul li a{ color:#777; } 

.facebookfeed2:before{ 
content:"\f"; 
background:url('/wp-content/uploads/2019/04/outline.png');
width: 48px;
height: 260px;
position: absolute;
top: 50px;
left: 10px;
}
.facebookfeed2:after{ 
content:"\f"; 
background:url('/wp-content/uploads/2016/04/outline2.png');
width: 48px;
height: 260px;
position: absolute;
top: 50px;
right:10px;
}

#cs-page-title-wrapper {
    padding: 195px 0 0px 0 !important;
    margin: 0 0 20px 0 !important;
}

.modal-title {
    margin: 10px 10px 10px 15px !important;
    line-height: 1.42857143;
}

.donate_amount.active{ color: #dedc00 !important;
background-color: rgb(33, 55, 40) !important; 
}
input.donate_amount_2{ display:none; } 
.radio-inline_2.col-xs-3{ cursor:pointer; padding-left:5px; padding-right:5px; text-align:center; } 
.radio-inline_2.col-xs-3.active span{ background-color: rgb(33, 55, 40) !important; color: #dcdb22 !important; } 
.radio-inline_2.col-xs-3 span{ border:1px solid #000; width: 100%; display: block; background-color:#FFF; padding-left: 0px !important; }
.radio-inline_2.col-xs-3 span:before{ display:none; }


#cs-page-title-wrapper .title_bar .page-title {
    padding: 20px 20px 10px 20px;
	background-color:rgba(0,0,0,0.6);
}
.extraclass{
	padding:0px;
}
h2.mhl{ color:#FFF !important; 
background-color:#75ae37; 
padding: 6px 10px;
font-size: 1em;
text-transform: uppercase;
position:relative;
}

.otherways{ text-align:center; } 
.otherways2{ text-align:left; } 
.otherways2 h2{ text-align:center; } 
.QuoteBox p{ color: #FFF;
background-color: #689339;
padding: 16px 20px;
border-radius: 16px;
margin-top: 20px;
margin-bottom: 20px !important; }
.QuoteBox p span{ color:#000; }


.QuoteBox p:before {
    content:'\f10d';
	font-family:'FontAwesome';
    font-size:40px;
	position:relative;
    top: 0px;
	left: -4px;
	color:#000;
}


.QuoteBox p:after {
    content:'\f10e';
	font-family:'FontAwesome';
    font-size:40px;
	position:absolute;
    right: 21px;
	bottom: 26px;
	color:#000;
}
.term-description{ margin-top: 25px;
margin-bottom: 25px; } 
ul.products{ margin-top: 25px;} 
ul.thegreenitems{ list-style:none; padding:0px; margin:0px; } 
ul.thegreenitems li{ list-style:none; background-color: #507C26;
margin: 10px 0px !important;
padding: 11px;
text-align: center;
font-weight: 700;
color: #FFF;
font-size: 24px; } 
.theblocksoftext p{ color:rgb(33, 55, 40); text-align:center; min-height:140px; font-weight:300;  } 
.theblocksoftext h3{ color:rgb(33, 55, 40)!important; text-align:center; font-size:18px; font-weight:700; line-height:20px; } 
.theblocksoftexttop h2{ color:rgb(33, 55, 40)!important; text-align:center; } 
.theblocksoftexttop p{ color:rgb(33, 55, 40); text-align:center; font-weight:300; } 

.bigquote{ background-color:#4f7d1e; color:#FFF; text-align: center;
padding: 39px 10px !important;
text-transform: uppercase; margin-left: -13px; } 
.bigquote span{ clear: both;
display: block;
font-size: 42px;
line-height: 42px;
text-transform: uppercase; }
.bigquote:before{ content: " ";
display: block;
width: 422px;
height: 266px;
position: absolute;
left: -405px;
top: 0px; } 
.mhl.extra:after{ content: " ";
display: block;
width: 600px;
height: 266px;
position: absolute;
right: -600px;
top: 0px; 
}


.extramedia{ position: absolute;
top: 0px;
right: 0px; }
.extramedia ul{ margin:0px; list-style:none; }
.extramedia ul li{ margin:0px; display:inline-block; float:left; list-style:none; padding-right: 10px; } 
.extramedia ul li img:hover{ opacity:0.7; }

.imagedate{ position: relative;
background-color: rgba(0, 0, 0, 0.6);
width: 100%;
color: rgb(255, 255, 255);
text-align: center; 
}
.button-ctr{
	margin:0px auto !important;
    width: 200px;
    display: block;
}
.button-ctr2{
	margin:0px auto !important;
    width: 300px;
    display: block;
}
.information-information #content{
	padding-top: 60px;
padding-bottom: 60px;
	
}


.woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 1em;
    position: relative;
	line-height: 1em;
    margin-bottom: 15px;
}

.woocommerce ul.products li.product h3 {
    text-align: center;
	}
	
	.cshero-product-title h3{
	    margin-top: -48px !important;
    color: #fff !important;
    background-color: rgba(0,0,0,0.4);
    margin-left: 4px !important;
    margin-right: 4px !important;
    padding: 5px 3px !important;
    height: 44px;
	}
	
@media (max-width: 1024px) {
	.donate-form{
		position: absolute;
		top: 140px;
		right: 0px;
		color: #000;
	}
}	
@media (max-width: 768px) {
	.donate-form{
		    top: 18px;
			right: 18px;
	}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {
    width: 48%;
    float: left;
    margin: 0;
	}
}

@media (max-width: 480px) {

	.thepizzapie{ display:none; }
	.donate-form {
		position: relative;
		top: 0px;
		right: -10%;
		color: #000;
		margin-top: 20px;
		margin-bottom: 20px !important;
	}
	.csbody .woocommerce ul.products li.product{
    padding: 2px;
	}
	
	.woocommerce ul.products li.product h3 {
    font-size: 0.8em;
	}
	
	.csbody.woocommerce ul.products li.product, .csbody.woocommerce-page ul.products li.product {
    width: 48%;
    margin: 0;
	}
	.product-category a.btn-default-alt3{ margin-bottom:35px; }

}


p.payment-text{ text-align:center; margin:0px !important; }
p.payment-text img.button-ctr2{ text-align:center; }

.formboxinner .btn-default-banner {
    width: 100%;
	padding-left:0px!important;
	padding-right:0px!important;
}
.fee.giftaid{ display:none; }
.tax-total.giftaid{ background-color: #f3f1c7; }
.donate_now_button_monthly, .donate_now_button_single{
	padding-left:0px!important;
	padding-right:0px!important;
	border-radius: 2px!important;
}
.donate_now_button_monthly{ margin-right:10px!important; } 
.donate_now_button_single{ margin-left:10px!important; } 

.donate_now_button_monthly.set, .donate_now_button_single.set{    
	background-color: rgba(133, 151, 43, 1.00)!important;
    color: #ffffff!important;
    border-color: #b7c95e!important;
}
.donate_now_single{ margin-top: 25px!important; } 

.donate_now_my_account{ margin-top: 25px!important; } 

.thedatarow:nth-child(odd) { } 
.thedatarow:nth-child(even) { background-color:#f2f2f2; } 
.insertdata{ margin-top:25px; } 
.thedatarow p, .thedatarow a{ margin:10px; } 
.giftaidbox{ background-color: #90d651; margin-top:20px; border-radius:15px; }
.giftaidbox img{ padding:10px; }
.giftaidbox p{ padding:10px 0px; color:#FFF; margin-bottom:0px; } 
.giftaidbox p span{ font-size:42px; line-height:42px; } 

.extrapaddingtop20{ margin-top:20px; } 

.opt-btn{
	padding-top: 6px!important;
	padding-bottom: 6px!important;
	margin: 0!important;
	width: 80%!important;
	margin-top: 10px!important;
}

.woocommerce-page .col2-set .col-1 {
    width: 100%;
}
.woocommerce-page .col2-set .col-2 {
    width: 100%;
}
#wchau_source_field{ margin-bottom:20px; }

.hide-it {
    display:none;
}