/*
Theme Name: BlankSlate (SHP)
Theme URI: http://wordpress.org/themes/blankslate
Author: TidyThemes/SHP
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featu#033811-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2015 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font-family:sans-serif;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1.25}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{float:right}.alignleft{float:left;}.aligncenter{margin: 0 auto;display: block;}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

/* restyling default font/paragraph stuff for the copy only */
#page-inner{
	font-size: 18px;
}

h1, h2, h3, h4, h5, p {
	line-height: 1.25em;
	margin-top: .1em;
	margin-bottom:1em;
}
#page-inner h1,#page-inner h2{font-size:32px;font-weight: bold;margin-bottom: .5em;text-align:center;}
#page-inner h3,#page-inner h4,#page-inner h5{font-size:18px;font-weight: bold;margin-bottom: .3em;}

#page-inner strong,b{font-weight:bold;}
#page-inner i, cite, em, var, address, dfn{font-style:italic;}
#page-inner ul li{list-style: disc inside;}
#page-inner ol li{list-style:decimal inside;}

/* end css reset */

a {
	color: #033811;
}



#header{
	background:#fff;
	border-bottom-width: 5px;
    border-bottom-color: #000000;
}
#wrapper {
	background:#000;    
    background-size: cover;
    background-attachment: fixed;
    padding: 120px 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    box-sizing: border-box;
    /* overflow: auto; */
}

#container{	
    width: 730px;
    max-width: 100%;
    box-sizing: border-box;
    background: #000000bf;
    color: #fff;
    margin: 0 auto;
    padding: 40px;
	text-align:center;
}
#cashOverlay{
	display:none;
}
#savings-logo {
    width: 550px;
    max-width: 100%;
    height: auto;
    margin-top: -150px;
}

.wp-block-code p{
    color: white;
	text-align: center;
	font-size: .75em;
}

/* coupons */
.listing-inner {
    background: #fff;    
    color: #000;
    margin-bottom: 25px;
}
.coupon{
	padding: 2px;
}
.premium {
    background: green;
}
.logo-container {

}
.listing.archived .listing-inner {
    filter: contrast(.7)grayscale(.9)opacity(.7);
    box-sizing: border-box;
}
.coupon_mod_buttons {
    display: flex;
    flex-flow: row nowrap;	
    justify-content: space-between;
}
/* Forms */
#preview{
	position: -webkit-sticky;
    position: sticky;
    top: 31px;
    background: #000000e6;
    box-shadow: #000 -1px 4px 9px 2px;
}
#preview .listing-inner{
	margin:0;
}
form {
	max-width: 500px;
	box-sizing: border-box;
	padding: 25px;
	text-align: center;
	line-height: 1.5em;
    background: #00000080;
    margin: 0 auto;
}
form h3 {
	font-weight: 700;
	margin-bottom: .5em;
}
form input, form textarea, form img {
	width: 100%;
	line-height: 1.5em;
	margin-bottom: 1em;
	box-sizing: border-box;
}
.form_submit{
	background: #058619;
    color: white;
    border: none;
    padding: 8px;
    font-weight: bold;
    font-size: 1.5em;	
    cursor: pointer;
}
.form_submit:hover{
	background: #035619;
}
.refresh-icon svg:hover {
	opacity: 1;
	transform:scale(1);
}
.refresh-icon svg, .refresh-icon svg:active {
	height: 70px;
	width: 207px;
	position: absolute;
	padding: 15px 22px;
	border-radius: 10px;
	display: block;
	opacity: 0;
	transform: scale(.8);
	transition: .1s opacity,transform;
}
.error {
	background: #fe6767;
	text-align: center;
	display: block;
	padding: 6px;
	color: #e9e9e9;
	line-height: 25px;
	font-weight: 700;
	margin-bottom:6px;
	font-size:13px;
}
.error.success{
/*    background: #79DD79;*/
	background:#018d1c;
}form select {
    width: 100%;
    line-height: 2em;
    padding: 10px 6px;
    box-sizing: border-box;
    font-size: 16px;
}
input[type="file"] {
    padding: 12px;
    box-sizing: border-box;
    background: #ffffff94;
    color: #000;
    font-weight: bold;
}
form .button{
	color: #0070B4;
	border-width:2px;
	border-color:#0070B4;
	background: #fff;
	font-weight: 500;
	cursor: pointer;
	box-sizing: border-box;
	font-size: 18px;
	padding: 6px;
	margin: 0;
}
.button:hover{
	background: #0070B4;
	color: #fff;                
	border: 2px solid transparent;
}
.recaptcha > div{	
    margin: 0 auto;
}

/* Filters */
#categoryFilters{
	margin-top:1em;
	margin-bottom:1em;
}
.catFilter {
    background: #0c3d05;
    color: #d7e9bf;
    line-height: 26px;
    max-width: 160px;
    width: 22%;
    border: none;
    border-radius: 7px;
    margin: 4px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.account_buttons{
	background: #0c3d05;
    color: #d7e9bf;
    line-height: 26px;
    max-width: 160px;
    width: 22%;
    border: none;
    border-radius: 7px;
    margin: 4px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.catFilter:not(.active):hover{
	background:#055605;
}
.catFilter.active{
	background:#068615;
}

.allButton{
	width: 30%;
	font-size: 18px;
	background: #0c3d05;
	max-width: 260px;
}


/* Coupons */
.coupon, .coupondetails {
    display: flex;
    flex-flow: row nowrap;
	min-height:83px;
}

.coupondetails {
    height: 150px;
}

.edit_button {
    color: white;
    background: #1b5ea1;
    text-decoration: none;
    font-size: 1.2em;
    padding: 6px 35px;
    display: block;
    margin: 0 auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: bold;	
    display: inline-block;
	width:20%;
}

.edit_button:hover {
    background: #2a71b9;
    text-decoration: underline;
}
.edit_button.delete_coupon_button{
	background: #80150d;
}
.edit_button.delete_coupon_button:hover{
	background: #a61c12;
}
.edit_button.archive_coupon_button{
	background: #945906;
}
.edit_button.archive_coupon_button:hover{
	background: #a66407;
}
.edit_button.restore_coupon_button{
	background: #0e8a34;
}
.edit_button.restore_coupon_button:hover{
	background: #11b845;
}
.popup {
    position: fixed;
    top: 50px;
    left: 0;	
    width: 100%;
}
.popup_inner {
    background: #ffffffeb;
    padding: 2em;
    margin: 10px auto;
    max-width: 300px;
    box-shadow: #000 3px 3px 7px;
    color: #000;
    font-weight: bold;
}
.popup form{
	background:none;
	padding:0;
	margin:0;
}
.popup .form_submit{
	width:100%;
	margin:3px 0;
}
.popup_no{
	background: #aaa;
    color: #000;
}
.popup_no:hover{
	background: #ccc;
    color: #000;
}
.extra{
	background:#d5f0dc;
	border-top:2px dashed #058619;
}
.extra .premium{
	background:#60a468;
}

.lean_left{
    width: 30%;
    min-width: 30%;
    display: flex;
    align-items: center;
}


.lean_right{
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
	padding: 20px 0;
}

.web_link{
	border: 14px solid #199141;
	border-radius: 25px;
	background: #199141;
	color: white;
	margin: 0;
}

.web_link_error{
	border: 14px solid #b82c2c;
	border-radius: 25px;
	background: #b82c2c;
	color: white;
	margin: 0;
}

.lean_right > * {
	margin: 5px;
}



.third {
    display: inline-block;
    width: 32%;
}

.details-third , .title-third{
    flex-grow: 1;
}

.details-third {
	order: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	
}

.details-third > *{
	margin: 5px;
	
}

.contact-third{
	font-size: 11px;
	order: 2;
	display: flex;
	justify-content: space-evenly;
}

.contact-third > a > *{
	margin: 0;
}

.contact-third > p{
	margin: 0;
}


img.logo {	
    height: auto;
    width: 80%;
}
.coupon_description_1,.coupon_description_2  {
    color: #033811;
    font-weight: bold;
    font-size: 32px;
	margin:5px 0 ;
}
.third{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-evenly;
    align-items: center;
    padding: 0 6px;
    box-sizing: border-box;
}
.third > * {
    display: block;
    margin: 0;
}
.coupon_description_3  {
    color: #033811;
    font-size: 24px;
}
.coupon_description_4 {
    font-size: 16px;
}
p.expiration_date {
    color: red;
    font-size: 16px;
	margin: 0;
}

.street_address{
	font-size: 1.3em;
}

.details{
	display:flex;
	flex-direction: column;
	width: 50%
}

.details > *{
	margin: 0;
}

.coupondetails{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}


.phone_number{
	font-size: 1.3em;
}

.logo_web_link {
	text-decoration: underline;
}

.links_third {
	display: flex;
}

.logo-third, .title-third {
    border-right: 2px solid #058619;
}
.showhide-tab, .showhide-tab-single{
	background:#058619;
	color:#fff;
	font-weight:bold;
	/* border-bottom:0px solid #058619; */
	transition:padding-bottom .3s;
	cursor:pointer;
}

.showhide-tab:hover{
	/* padding-bottom:10px; */
}

.delete_button{
	background-color: #b81f00;
}

.delete_button:hover{
	background-color: #8c1700;
}

.edit_page_listing{
	display: flex;
	
}

.my_coupon_sorting_button{
	width: 30%;
	font-size: 18px;
	background: #0c3d05;
	max-width: 260px;
}


/* Footer */
#copyright a{
    float: right;
    text-decoration: none;
    color: white;
    font-weight: bold;
    background: #000000b8;
    padding: 6px;
}

.clear-fix{
	clear:both;
}

/* Desktop - Background images */
@media(min-width:650px){
	#wrapper{
		background-image: url(/wp-content/themes/blankslateSHP/images/Savings_BG_Dec2020.jpg);
	}
	#cashOverlay {
		background-image: url(/wp-content/themes/blankslateSHP/images/Savings_Cash_Footer_Dec2020.png);
		display: block;
		position: fixed;
		pointer-events: none;
		bottom: 0;
		width: 100%;
		height: 112px;
		background-repeat: no-repeat;
		background-size: cover;
	}
}


img.lightbox-image {
    max-width: 100%;
}

.photo-third{
	font-size:.75em;
	display: flex;
	align-items: stretch;
	width: 33%;
	height: 120px;
}

.premium{
	display: flex;
	flex-direction: row;
	align-items: center;
}


.premium_text_css{
	padding: 1em;
}

.premium_text_css p{
	font-size:1.15em;
	left: 50%;
}

.premium_image_css{
	padding: 1em;
}

.premium_image_css a{
	top: 50%;
	width: auto;
}

.myaccount button{
	margin: 20px 0px;
}






/* Tablet */
@media(min-width:650px and max-width:730px){
	#wrapper{
		background-image: url(/wp-content/themes/blankslateSHP/images/Savings_BG_Dec2020.jpg);
	}
	#cashOverlay {
		background-image: url(/wp-content/themes/blankslateSHP/images/Savings_Cash_Footer_Dec2020.png);
		display: block;
		position: fixed;
		pointer-events: none;
		bottom: 0;
		width: 100%;
		height: 112px;
		background-repeat: no-repeat;
		background-size: cover;
	}
}

/* Phone - coupons become portrait, slidedowns become lightboxes */
@media(max-width:650px){
	#wrapper{
		background-image: url(/wp-content/themes/blankslateSHP/images/Savings_BG_Dec2020.jpg);
	}
	#cashOverlay {
		background-image: url(/wp-content/themes/blankslateSHP/images/Savings_Cash_Footer_Dec2020.png);
		display: block;
		position: fixed;
		pointer-events: none;
		bottom: 0;
		width: 100%;
		height: 112px;
		background-repeat: no-repeat;
		background-size: cover;
	}
	/*My account button*/
	.myaccount button{
		width: 50%;
	}
	/*Coupon sort buttons*/
	.catFilter {
		width: 50%;
	}
	/*Coupons*/
	.listing-inner {
		background: #fff;    
		color: #000;
		margin-bottom: 25px;
		width: 100%;
	}
	.coupon{
		padding: 2px;
	}
	
	.premium {
		background: green;
	}
	
	.len_left {
		width: 20%
	}
	
	.logo-container {
		max-width: 100%;
		max-height: 100%;
		margin: 0 auto;
	}
	
	.logo-container .logo {
		
		width: 60%;
		
		
	}
	
	.businessTitle {
		font-size: .85em;
	}
	
	.coupon_description_1 {
		font-size: .85em;
	}
	
	.street_address {
		font-size: 1.5em;
		max-width: 100%;
		overflow: hidden;
	}
	
	.phone_number {
		font-size: 1.5em;
	}
	
	.details-third p{
		font-size: 1em;
	}
	
	.photo-third img{
		width: 70px;
	}
	
	.premium{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	
	.extra {
		height: 100%;
	}
	
	.coupondetails {
		display: flex;
		height: 100%;
		flex-direction: column;
	}
	
	.coupondetails .third{
		width: 100%;
		flex: 100px 1 0;
	}
	
	.coupondetails .contact-third {
		order: 3;
		display: flex;
		justify-content: space-evenly;
		flex-direction: column;
	}
	
	.coupondetails .details-third {
		order: 1;
	}
	
	.coupondetails .photo-third {
		order: 2;
	}
	
	.coupondetails img {
		width: 100%;
	}
	
	
	.details-third .coupon_description_3 {
		font-size: 1em;
	}
	
	.details-third .coupon_description_4 {
		font-size: 1em;
	}
	
	.account_buttons {
		width: 50%;
	}
	
}