/*
 Theme Name:   Vertex Child
 Theme URI:    http://jpmedia.co/vertex-child/
 Description:  Vertex Child Theme
 Author:       Sophie Rapoport
 Author URI:   http://jpmedia.co
 Template:     Vertex
 Version:      1.0.0
 Text Domain:  vertex-child
*/
/*HEADER FORMATTING*/
.invisible {
display: none;
}

/*MENU BAR FORMATTING*/

#et-logo a {
font-family: Vollkorn;
font-size: 36px;
padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
	#et-logo, #et-logo a {
		display: block;
	}
}
@media screen and (max-width: 479px) {
#et-logo a {
font-size: 28px;
}
}

nav a {
font-size: 1.2em;
}

#mc_embed_signup {
display: none;
}
@media screen and (min-width: 480px) {
#mc_embed_signup {
	background: none;
	float: right;
	margin-right: -100px;
	margin-top: -25px;
}
}


@media screen and (max-width: 767px) {
	#mc_embed_signup {
		display: none;
	}
}



#social {
display: block;
vertical-align: baseline;
width: 100%;
margin: -25px auto 20px auto;
text-align: center;
}

#social img {
width: 30px;
}

#social a {
padding: 0;
}

#social li {
padding-right: 5px;
display: inline-block;
}
@media screen and (min-width: 960px) {
#social {
margin-top: 0px;
}
}
@media screen and (max-width: 479px) {
	#social img {
		width: 25px;
	}
}

@media screen and (min-width: 767px) {
	#social {
		text-align: left;
	}
	.home #social {
		text-align: center;
		margin-top: 10px;
	}
}
/*TOP AREA*/

#main-header #top-area .container {
text-align: left;
}

#top-area h1.title {
background-color: #2c4a4a;
color: #ebd2be;
font-family: Vollkorn, Georgia, Serif;
padding: 11px 20px 13px;
text-align: left;
margin-bottom: 0px;
}

#top-area .tagline {
background-color: #61210f;
color: #ebd2be;
text-align: left;
margin-top: -10px;
margin-left: 50px;
margin-bottom: 0;
font-family: Ubuntu, Sans-Serif;
}

/*RESIZING HEADER TEXT BOXES*/
@media screen and (min-width: 961px) {
#top-area h1.title {
margin-left: -20px;
font-size: 66px;
max-width: 600px;
}
}
@media screen and (max-width: 960px) {
#top-area h1.title {
font-size: 60px;
max-width: 500px;
}
.tagline {
font-size: 18px;
}
}

@media screen and (max-width: 767px) {
#top-area h1.title {
font-size: 48px;
max-width: 350px;
margin-left: 20px;
}
.tagline {
font-size: 14px;
max-width: 450px;
}
}

@media screen and (max-width: 479px) {
#top-area h1.title {
margin: 0 auto;
font-size: 28px;
max-width: 100%
text-align: center;
}
.tagline {
display: none;
}
}

.home #top-area h1.title {
background: none;
color: #FF5500;
text-align: center;
margin: 0 auto;
padding-bottom: 10px;
max-width: 100%;
}
.home #top-area p.tagline {
	display: block;
	padding: 0;
	background: none;
	text-align: center;
	margin: 0 auto;
}

body.home #top-area {
	padding-top: 65px;
	padding-bottom: 26px;
}
.home #main-area h1 {
margin: 0 auto 20px;
text-align: center;
font-family: Vollkorn;
font-weight: bold;
}

@media screen and (max-width: 960px) {
.home #top-area h1.title {
font-size: 60px;
width: 100%;
}
}

@media screen and (max-width: 767px) {
.home #top-area h1.title {
font-size: 48px;
}
.home #top-area .tagline {
display: none;
}
}
@media screen and (max-width: 479px) {
.home #top-area h1.title {
margin-right: 0;
margin: 0 auto;
font-size: 36px;
}
.home #top-area p.tagline {
	display: none;
}
}
/* CUSTOM HEADERS FOR PAGES */


.sermonslam #top-area {
background-image: url('/wp-content/uploads/2014/09/book_mic_poster2.jpg');
}

.responsaradio #top-area {
background-image: url('/wp-content/uploads/2014/09/responsa_radio_brown.jpg');
}

.radiofreebabylonia #top-area {
background-image: url('/wp-content/uploads/2014/12/rfb_header.jpg');
}

.talkinginshul #top-area {
background-image: url('/wp-content/uploads/2014/09/tish_smaller.jpg');
}



.page-template-page-full #top-area {
padding-top: 75px;
padding-bottom: 15px;
background: url(/wp-content/uploads/2015/01/CSTEP_Nautical-Papers-Solid-Cardstock-Navy.jpg);
}
.page-template-page-full #top-area h1.title {
background: none;
text-align: center;
margin: 0 auto;
}

.page-template-page-full #top-area #social {
text-align: center;
}

@media screen and (min-width: 961px) {
.page-template-page-blog #top-area {
padding-top: 101px;
padding-bottom: 68px;
}
}
@media screen and (max-width: 960px) {
.page-template-page-blog #top-area {
padding-top: 80px;
padding-bottom: 68px;
}
}

#donate {
text-align: center;
}
#donate img {
max-width: 200px;
margin: 0 auto;
}

.page-template-page-full #main-area em {
font-weight: bold;
}
.single-post #top-area h1 {
font-size: 3.5em;
}

/* LANDING PAGE */

.highlight {
max-width: 460px;
display: inline-block;
margin-bottom: 20px;
min-height: 200px;
margin-right: 20px;
color: #D17A22;;
}

.highlight .logo {
display: inline;
width: 180px;
float: left;
margin-bottom: 10px;
}
.highlight.brown {
background-color:  #ebd2be;
}
.highlight.tan {
background-color: rgba(97, 33, 15, 0.2);
}
.highlight a {
font-weight: bold;
font-family: Ubuntu;
font-size: 18px;
color: #FF5500;
}
.highlight p.home_desc {
display: inline-block;
width: 260px;
font-size: 16px;
padding-left: 10px;
}

.highlight .player {
margin: 10px 20px 10px 20px;
}

#main-area {
width: 100%;
}

div.et_pt_thumb {
display: none;
}

.home-block {
padding-top: 100px;
padding-bottom: 100px;
}

article p {
font-size: 1.1em;
}
#main-area h2 {
margin-bottom: 10px;
}
.ep_number {
color: #959494;
}
article ol li {
font-size: 1em;
}

#sidebar {
display: none;
}



@media screen and (max-width: 960px) {

.highlight {
display: block;
margin: 0 auto;
margin-bottom: 10px;
}
}

@media screen and (max-width: 840px) {
.highlight {
max-width: 400px;
}
.highlight .logo {
width: 120px;
padding-right: 10px;
}
.highlight p.home_desc {
display: inline;
margin-bottom: 10px;
font-size: 16px;
}
}

@media screen and (max-width: 479px) {
.highlight {
max-width: 300px;
margin: 0 auto;
}

.highlight p.home_desc {
display: inline;
font-size: 14px;
}
}

/* FOOTER FORMATTING */

#pre-footer {
display: none;
}

#main-footer {
padding-top: 40px;
padding-bottom: 20px;
color: #ebd2be;
}

#footer-widgets {
margin-bottom: 0px;
}

#footer-widgets:first-child .footer-widget {
width: 100%;
}

#footer-widgets:first-child .widget_text {
text-align: center;
}

#footer-widgets:first-child .textwidget img {
height: 100px;
margin-right: 10px;
}

#footer-widgets .widgettitle {
margin-bottom: 10px;
}

@media screen and (max-width: 600px) {
#footer-widgets:first-child .textwidget img {
height: 60px;
margin-right: 8px;
}
}


/* LINKS & ENDORSEMENTS FOR PODCAST PAGES */

.links {
background-color:  #ebd2be;
padding-left: 20px;
padding-bottom: 50px;
}

.links h3 {
background-color: #2c4a4a;
color: #ebd2be;
margin-top: 0;
margin-bottom: 20px;
margin-left: -30px;
padding: 10px;
display: inline-block;
}

.endorsements {
background-color: rgba(97, 33, 15, 0.2);
width: 80%;
margin-left: 80px;
margin-top: -40px;
padding-top: 50px;
padding-left: 10px;
margin-bottom: 20px;
}


@media screen and (min-width: 479px) and (max-width: 600px) {
.endorsements {
width: 70%;
margin-left: 120px;
}
}

@media screen and (min-width: 600px) and (max-width: 960px) {

.endorsements {
width: 60%;
margin-right: 100px;
}
}

@media screen and (min-width: 960px) {

.links {
width: 500px;
padding: 20px;
padding-right: 100px;
display: inline-block;
margin-bottom: 50px;
}

.endorsements {
margin-top: 30px;
margin-left: -70px;
padding-left: 80px;
padding-top: 30px;
width: 300px;
display: inline-block;
}
}

/* RESPONSIVE FORMATTING */

@media screen and (max-width: 479px) {
.container {
max-width: 400px;
}
}