/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 15 2019 | 20:41:34 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

small, sub, sup {font-size:14px!important;color:#000;}
.note { border: 1px solid black; padding: 7px; margin-bottom: 35px;}
.email-cart {color:blue;}

.woocommerce-product-details__short-description{text-align: left; font-weight: 100; font-size: 18px;}
.masthead{background-image: linear-gradient(#9261bb, #623693)!important; box-shadow: 0px 0px 29px 5px #000!important;}
.masterheadline, .notes{color:#9261bb; font-weight: 100;}
.billythebeaver{position: absolute; margin-top: -185px; margin-left: -320px;}
.billythebeaver-textbox{margin-left:-50px;}
.bodyfont{color:#000;font-size:25px;font-weight: 100;line-height:35px;}
.bodyfont-grey{color:#5a5a5a;font-weight: 100;line-height:35px;}
.terryturtle{margin-top:-100px;}
.redbanner{margin-top:-32px;}
.column-one{width:75%!important;}
.column-two{width:20%!important;}
.buythebook:hover{ box-shadow: 0px 0px 24px -2px #ffd100!important;}
.herotext{color:#fff!important;font-size: 35px;line-height: 45px;}
.footer-menu{font-size:18px;letter-spacing:1.3px;}
.footer-sep{color:#ffd100; padding-left:5px;padding-right:5px;}
.c-names{color: #000;font-size: 22px;letter-spacing:1px;}
.overlay-redcircle{position: absolute;margin-top: -59%;margin-left: 40%;}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
  .column-one{width:100%!important;}
.column-two{width:100%!important;}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
  .column-one{width:100%!important;}
.column-two{width:100%!important;}
}