/*
 Theme Name:   Sarah Stup
 Theme URI:    http://sarahstup.com
 Description:  Child of Canvas Theme by Woo Themes
 Template:     canvas
 Version:      1.0.0
*/


/*HEADER*/

h1.site-title a {
	display: none;
}

#logo .site-title a {
	display: none;
}

#logo .site-description {
	display: none;
}

 #header {
	height: 203px;
}

.home #header {
	height: 449px;
	background-image: url('http://sarahstup.com/wp/wp-content/uploads/2016/08/banner.png')!important;
}

@media only screen and (max-width: 800px) {
	
.home #header {
	height: 300px!important;
	padding-top: 10px;
	padding-bottom: 0px;
}
	
}

@media only screen and (max-width: 768px) {

 #header {
	height: 203px;
}

}

@media only screen and (max-width: 550px) {
	

 #header {
	height: 200px!important;
	padding-top: 10px;
	padding-bottom: 0px;
	background-image: url('http://sarahstup.com/wp/wp-content/uploads/2016/08/banner.png')!important;
}

.home #header {
	height: 200px!important;
	padding-top: 10px;
	padding-bottom: 0px;
}

	
}

@media only screen and (max-width: 350px) {
	
 #header {
	height: 150px!important;
}

.home #header {
	height: 100px!important;
	padding-top: 10px;
	padding-bottom: 0px;
}


}

/*NAVIGATION*/
#navigation ul.nav li.current-menu-item a, #navigation ul.nav li.current-page-item a {
	background-color: #ffffff!important;
}

@media only screen and (min-width: 768px) {

	#navigation { 
		text-align:center;
		margin-bottom: 2em;
	}

	ul#main-nav { 
		float:none;
		display:inline-block;
		vertical-align:top;
	}
	
	ul.sub-menu {
		text-align: left;
	}

}

/*HOME MAIN*/

#home-promos {
	margin: 0 0 30px 0;
	padding: 0;
	border-bottom: 1px solid #b6b5b5;
}


.home .magazine .block {
	width: 47%;
}

.home .magazine .block.last {
	border-left: 1px solid #b6b5b5;
	width: 49%;
	padding-left: 3%;
}

#home-books {
	float: left;
	width: 68%;
	text-align: center;
}

#home-subscribe {
	float: right;
	width: 28%;
	padding-left: 3%;
}


#home-titles {
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0;
}

#home-title-left {
	float: left;
	width: 47%;
	padding-right: 2%;
	border-right: 1px solid #b6b5b5;
	
}

#home-title-right {
	float: left;
	width: 47%;
	padding-left: 3%;
}

#home-title-left h3 {
	color: #bc252b;
	margin-bottom: 1em;
}


#home-title-right h3 {
	color: #bc252b;
	margin-bottom: 1em;
}

#home-title-right h2.widgettitle {
	font-size: 16px;
}

#home-title-right img.alignleft {
	width: 100px;
	height: 100px;
}

.upw-posts .entry-image img {
	max-width: 100px!important;
	max-height: 100px!important;
	float: left!important;
	margin-right: 8px!important;
	width: 75px!important;
	height: 75px!important;
}

.upw-posts h4.entry-title a {
	color: #000000;
}

.red {
	color: #bc252b;
}

#social-sidebar a img {opacity: 0.9;}

#social-sidebar a:hover img {opacity: 1.0;}


@media only screen and (max-width: 768px) {


#home-books {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	border-bottom: 1px solid #b6b5b5;
	border-top: 1px solid #b6b5b5;
	padding: 20px 0;
}

#home-books img.alignleft {
	float: none;
}

#home-subscribe {
	float: left;
	width: 100%;
	padding-left: 0;
	margin-bottom: 20px;
	text-align: center;
}


#home-title-left {
	float: left;
	width: 100%;
	padding-right: 0px;
	border-right: none;
	border-bottom: 1px solid #b6b5b5;
	
}

#home-title-right {
	float: left;
	width: 100%;
	padding: 30px 0px 0px 0px;
}

#header {
	background-size: contain!important;
}

	
	
}

@media only screen and (max-width: 350px) {
	
#home-books {
	padding: 10px 0;
}

#home-books img {
	height: 50%;
}

}

/*SIDEBAR*/

#sidebar {
	padding-top: 2px;
}


/*FOOTER*/

#footer-widgets, #footer {
	background-color: #cbcccb;
}

.footer-widget-1 .widget p {
	font-size: 18px;
	text-align: center;
	font-family:  'PT sans', arial, sans-serif;
	color: #000000;
	line-height: 22px;
	font-weight: normal;
	margin-top: 0; 
	margin-bottom: 0;
}

.footer-widget-1 .widget p.testimonial-auth {
	font-size: 14px;
}

.widget p.footer-quote {
	font-size: 16px;
	text-align: center;
	font-family: cutive, 'PT sans', arial, sans-serif;
	color: #000000;
	line-height: 24px;
	font-weight: normal;
}



/*SUBSCRIPTION FORM BELOW NAV*/

#home-subscribe .textwidget {
	text-align: center;
}


#home-subscribe #mc_embed_signup {
	background:#fff; 
	clear:left; 
	font:12px 'PT Sans',Arial,sans-serif; 
}

#home-subscribe #mc_embed_signup form {
	padding: 0px!important;
}

#home-subscribe #mc_embed_signup form label{
	text-align: center!important;
}

#home-subscribe #mc_embed_signup form input {
	width: 100%!important;
}

#home-subscribe #mc_embed_signup form input.email {
	margin-right: 0px!important;
	padding-left: 0px!important;
	padding-right: 0px!important;
	text-align: center!important;
}

#home-subscribe #mc_embed_signup input.subscribe {
	background-color: #8a8b8a;
	color: #ffffff;
	font-family: Cutive, Arial, sans-serif!important;
	font-size: 14px!important;
	text-transform: none!important;
}

#home-subscribe #mc_embed_signup .button {
	height: 28px!important;
	line-height: 28px!important;
}

#home-subscribe #mc_embed_signup input.email {
	min-height: 28px!important;
	line-height: 28px!important;
}

#home-subscribe #mc_embed_signup input[type='submit'] {
	text-transform: none!important;
}

#home-subscribe #mc_embed_signup label {
	font-size: 12px!important;
	line-height: 18px!important;
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
	

#home-subscribe #mc_embed_signup form  {
	width: 200px!important;
	margin-right: auto!important;;
	margin-left: auto!important;;
}


#home-subscribe #mc_embed_signup form input {
	width: 200px!important;
}

}

