/*
Theme Name: celebrity
Template: generatepress
*/

/************************************************
**  
**  GeneratePress Tweaks Section
**
************************************************/

.site-logo {width: 250px;}

.header-image {width: 100%;}

.header-widget {font-size: 21px; text-align: center;}

.site-header {
		background-image: url(https://celebritydairy.com/images/goat-header-cropped-faded.jpg);
		background-repeat: no-repeat;
    	background-size: cover;
	}

/*.entry-title {font-size: 30px;}*/

h2.widget-title {font-family: Georgia, Times, serif; text-align: center;}



/************************************************
**  
**  Custom Styles Sections
**
************************************************/

h1.home {
	font-size: 26px;
	font-weight: 600;
	text-align: center;
}
h2.homebox {
	color: #000;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

.fourthbox {
	float: left;
	width: 23.5%;
	margin: 1% 2% 1% 0%;
	/*border: 1px solid #b07b1b;*/
	border-radius: 10px;
	background-color: #f6efdc;
}

.fourthbox img {width: 90%; border-radius: 7px;}

.widecol {
	float: left;
	width: 70%;
	padding: 0%;
	background-color: none;
	margin: 1% 2% 0% 0%;
}
.sidebarcol {
	float: right;
	width: 27%;
	padding: 0%;
	text-align: center;
	background-color: none;
	margin: 1% 0% 0% 0%;
}
.sidebarcol a {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8;
}
.sidebarcol a:hover {
	color: #881d20;
}

#pages-3 {font-family: Open Sans, Helvetica, sans-serif; font-size: 14px; line-height: 1.3;}


/* Sidebar submenu styles */
ul.sidemenu {
	list-style-type: none;
	width: 100%;
	padding: 0px;
	margin: 0% 0% 3% 0%;
}
ul.sidemenu li {
	float: none;
}
ul.sidemenu a {
	padding: 0px;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8;
	color: #881d20;
}
ul.sidemenu a:hover {
	color: #1e73be;
}

/* WooCommerce Specific */
h2.woocommerce-loop-product__title {
	color: #1d2c45;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a {
	color: #1d2c45;
}
.woocommerce-Price-amount.amount {
	font-size: 17px;
	color: #1d2c45;
}
.woocommerce .woocommerce-tabs ul.tabs {display:none !important}

.wcppec-checkout-buttons__separator {display: none;}
/*.shipping-calculator-button {display: none;} */





/************************************************
**  
**  Media Queries / Responsive Styles Section
**
************************************************/

/* When the screen width is less than 350px */
@media only screen and (max-width: 350px) {
	.fourthbox {width: 98%; margin: 1% 1% 1% 1%;}
	h2.homebox {font-size: 6vw; margin: 20px 0px 0px 0px;}
}
/* When the screen width is less than 470px */
@media only screen and (max-width: 470px) {
	.header-widget {font-size: 18px;}
	p.openbarns {font-size: 5.5vw;}
}

/* When the screen width is between 350px and 600px */
@media only screen and (min-width: 350px) and (max-width: 600px){
	.fourthbox {width: 47.5%; margin: 1% 1% 1% 1%;}
	h2.homebox {font-size: 4vw; margin: 10px 0px 0px 0px;}
}

/* When the screen width is less than 600px */
@media only screen and (max-width: 600px) {
	.widecol {width: 98%; margin: 1% 1% 0% 1%;}
	.sidebarcol {width: 98%; margin: 0% 1% 2% 1%;}
	.menupic {display: none;}
	ul.sidemenu a {line-height: 2.0;}
	.site-logo {width: 200px;}
}

/* When the screen width is less than 770px */
@media only screen and (max-width: 770px) {
	.site-header {background-image: url(https://celebritydairy.com/images/goat-header-cropped-faded-small.jpg);}
}

/* When the screen width is between 600px and 770px */
@media only screen and (min-width: 600px) and (max-width: 770px){
	h2.homebox {font-size: 2vw; margin: 10px 0px 0px 0px;}
	ul.sidemenu a {font-size: 2.1vw;}
}

/* When the screen width is between 770px and 1150px */
@media only screen and (min-width: 770px) and (max-width: 1150px){
	h2.homebox {font-size: 2vw; margin: 10px 0px 0px 0px;}
	ul.sidemenu a {font-size: 1.7vw;}
}
/* When the screen width is less than 1150px */
@media only screen and (max-width: 1150px) {
	
}
