/*
Theme Name: ZNT Shul
Description: Custom theme for Khal Zichron Nosson Tzvi
Author: Highlight Creative
Author URI: http://highlightcreative.com
Template: genesis
Version: 1.0.0
*/



/*----------

TABLE OF CONTENTS:

01. Typography
02. Template/structure
03. Header & navigation
04. Footer
05. Forms
06. Home
07. Individual page styles
08. Shiurim

    Responsive
	
----------*/



/*----------
01. TYPOGRAPHY
----------*/

::-moz-selection {
    	color: #ffffff;
    	background: #4b766f;
	}

::selection {
    	color: #ffffff;
    	background: #4b766f;
	}

@font-face {
    font-family: 'gandhi_sansbold';
    src: url('fonts/GandhiSans-Bold-webfont.eot');
    src: url('fonts/GandhiSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/GandhiSans-Bold-webfont.woff') format('woff'),
         url('fonts/GandhiSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/GandhiSans-Bold-webfont.svg#gandhi_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gandhi_sansitalic';
    src: url('fonts/GandhiSans-Italic-webfont.eot');
    src: url('fonts/GandhiSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/GandhiSans-Italic-webfont.woff') format('woff'),
         url('fonts/GandhiSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/GandhiSans-Italic-webfont.svg#gandhi_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gandhi_sansregular';
    src: url('fonts/GandhiSans-Regular-webfont.eot');
    src: url('fonts/GandhiSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/GandhiSans-Regular-webfont.woff') format('woff'),
         url('fonts/GandhiSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/GandhiSans-Regular-webfont.svg#gandhi_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h5 {
	color: #e59951;
	font-family: 'gandhi_sansregular';
    	text-transform: uppercase;
    	letter-spacing: .75px;
	}

h3 {
    	color: #655F5A;
	font-family: 'gandhi_sansbold';	
	}

h4 {
	font-family: 'Merriweather';
	font-style: italic;
	font-weight: normal;
	font-size: 16px;
	}

h5 {
	font-size: 16px;	
	}

body > div {
	font-size: 14px;
	}

a {
	color: #4b766f;
	text-decoration: none;
	}

a.hover, a.focus {
	text-decoration: none;
	}

	.entry a {
		text-decoration: underline;
		}

		.entry a:hover, .entry a:focus {
			text-decoration: none;
			}

.alert_mild {
    	margin: 2em auto;
    	padding: 2em;
    	width: 50%;
	background: white;
	border: 1px dotted #908B86;
    	color: #908B86;
    	text-align: center;
    	font-style: italic;
	font-size: 16px;
	}

/*Buttons*/

a.yellow_button {
	background: #eed16c;
    	padding: 7px 12px;
    	border-radius: 3px;
    	color: white;
    	text-decoration: none;
    	font-family: 'gandhi_sansbold';
    	font-style: normal;
    	text-shadow: .5px .5px .5px #D2B85E;
	transition: .25s all ease-in-out;
	-webkit-transition: .25s all ease-in-out;
	}

	a.yellow_button:hover {
		background: #e7be2e;
		}

.button,
a.teal_button, 
input[type=submit],
input[type=button] {
    	background: #4b766f;
    	padding: 10px 20px !important;
    	border-radius: 3px;
	color: white;
    	font-family: 'gandhi_sansbold';
    	font-size: 16px !important;
	text-decoration: none !important;
    	text-transform: none;
    	letter-spacing: .5px;
	}

	.button:hover,
	.button:focus,
	.teal_button:hover, 
	.teal_button:focus, 
	input[type=submit]:hover, 
	input[type=submit]:focus,
	input[type=button]:hover,
	input[type=button]:focus {
		background: #35534e;
		}

a.post-edit-link {
	display: none;
	}


.entry-content li {
    	margin-bottom: 10px;
	}

/*----------
02. TEMPLATE/STRUCTURE
----------*/

body, html {
	height: 100%;
	width: 100%;
	}

body {
	background: #ffffff;
	font-family: 'Merriweather';
	line-height: 1.7em;
	font-size: 14px;
	}

	.page_image_area {
    		background-color: #faf8f7;
    		margin-bottom: 1em;
    		padding: 20px;
    		border: 1px dotted #e7ded8;
		}

		.page_image_area h3 {
    			margin-top: 1em;
    			font-size: 2em;
    			text-align: center;
			}

		p.intro_text {
    			max-width: 960px;
    			margin: 0 auto 1em auto;
			color: #908B86;
    			font-style: italic;
    			text-align: center;
    			font-size: large;
    			line-height: 2em;
			}

			p.intro_caption {
				font-size: 12px;
				margin: 4px auto 0 auto;
    				max-width: 850px;
				}

		p.page_img_p {
			width: 1000px;
    			border: 1px solid #e7ded8;
   			margin: auto;
    			text-align: center;
			}

			.page_img {
				border: 8px solid #fff;
				}

			.slider_container {
    				border: 1px solid #e7ded8;
   				width: 900px;
    				margin: auto;
				padding: 8px 9px 9px 8px;
    				height: 362px;
    				background: white;
				}

	div#content-sidebar-wrap {
    		width: 1100px;
    		margin: auto;
		}

		#content {
    			width: 70%;
    			float: right;
			}

			.entry {
    				padding: 40px;
				}

				h1.entry-title {
					font-size: 2em;
					}

		.sidebar {
    			width: 25%;
			margin-top: 27px;
    			font-size: inherit;
    			float: left;
			}

			.sidebar .widget {
    				margin-bottom: 10px;
    				padding: 20px;
    				border-bottom: 1px dotted #7D7671;
				}

	.site-footer {
    	clear: both;
		padding: 20px 0;
    	background: #e7ded8;
    	font-size: 12px;
   		text-align: left;
		color: #4C4744;
    	border-top: 1px solid #B7AEA7;
		}

		.site-footer p {
			float: left;
			margin-bottom: 0;
			}

/*Full width layouts*/
.full-width-content div#content {
    	width: 80%;
	margin: auto;
    	float: none;
	}

	.full-width-content h1.entry-title {
    		text-align: center;
		}

/*----------
03. HEADER + NAV STYLES
----------*/

#header .wrap {
    	max-width: 100%;
	}

#title-area /*Header built in a function*/ { 
	display: none;
	}

	.logo_area {
    		background: #4b766f;
    		display: inline-block;
    		float: left;
		padding: 1.5em 5em 1.5em 11em;
		}

		.logo h1 {
    			display: inline-block;
			width: 220px;
			height: 63px;
    			background: url('/wp-content/themes/ZNT/images/znt_logo.png') no-repeat;
    			color: transparent;
			}

	.mailinglist_area {
    		background: #819f9a;
		overflow: auto;
    		padding: 10px;
		text-align: right;
		}

		.mailinglist_area p {
			margin: 0 10px 0 0;
			font-style: italic;
			letter-spacing: .5px;
			}

			.double-arrows {
				font-size: small;
				}

			.mailinglist_area a {
	    			color: white;
				text-decoration: none;
				}

				.mailinglist_area a:hover {
					text-decoration: underline;
					}

/*Navigation*/

	div#nav {
    		background: #35534e;
		}

		.genesis-nav-menu {
    			clear: none;
			float: right;
    			width: auto;
			}

			.genesis-nav-menu a {
    				color: #eee8e4;
    				display: block;
    				padding: 27px 24px;
    				text-transform: uppercase;
    				font-family: 'gandhi_sansbold';
				}

				.genesis-nav-menu a:hover, .genesis-nav-menu a:focus, .genesis-nav-menu a:active,  
				.genesis-nav-menu .current-menu-item > a {
    					color: #fff;
					text-decoration: none;
					background: #2C4642;
					}
					
			.genesis-nav-menu .sub-menu {
				border-top: 0;
				}		

			.genesis-nav-menu .sub-menu a,
			.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
					background: #fff;
    				color: #4b766f;
					text-decoration: none;
					}

					.genesis-nav-menu .menu-item:hover > .sub-menu {
    						margin-top: -1.5em;
						}

					.genesis-nav-menu .sub-menu a:hover {
    						color: #e7be2e;
						}

				.genesis-nav-menu .sub-menu:before { /*Adds carat on top of submenu*/
    					content: '\f0d8';
    					font-family: 'FontAwesome';
    					color: white;
    					margin: 0 0 -9px 20px;
    					position: relative;
    					font-size: x-large;
					}

				.genesis-nav-menu ul.sub-menu li:first-child { /*Makes space for carat*/
    					margin-top: -7px;
					}

				li.mobile-only { /*Menu links for mobile only*/
					display: none !important;
					}


/*
Responsive nav
*/
.slicknav_menu {
	display:none;
    	width: 100%;
    	float: right;
    	margin-top: -3.25em;
    	padding: 0;
    	background: #35534e;
    	overflow: auto;
	font-size: 16px;
	}

	a.slicknav_btn {
    		float: right;
		margin: 0 1em 5px 0;
		padding: 5px 10px;
    		border-radius: 3px;
    		color: #fff;
    		font-weight: bold;
    		text-decoration: none;
		transition: .25px all ease-in-out;
		-webkit-transition: .25px all ease-in-out;
		}

		a.slicknav_btn:before {
    			content: '\f0c9';
    			padding-right: 7px;
    			font-family: 'FontAwesome';
    			font-weight: normal;
				}

		a.slicknav_btn:hover, a.slicknav_btn:focus, a.slicknav_open {
			background: #4b766f;
			}

		ul.slicknav_nav {
    			clear: both;
			padding-top: 20px;
			}

			.slicknav_nav li {
    				border-bottom: 1px solid #4b766f;
					}

				.slicknav_nav li a {
					color: #fff;
					text-decoration: none;
					}

				.slicknav_nav li a[role=menuitem] {
    					padding: 10px 10px 10px 35px;
    					display: block;
						}

				.slicknav_nav li a[role=menuitem]:hover, .slicknav_nav li a[role=menuitem]:focus {
    					background: #4b766f;
						}

					.slicknav_nav ul.sub-menu {
    						background: #253A36;
						text-indent: 2em;
						}

/*----------
04. FOOTER
----------*/

#photo-credit {
	display: none;
	}

/*----------
05. FORMS
----------*/

/*Overall form design*/

input, select, textarea {
	padding: 8px !important;
	}

.gform_wrapper {
    	background-color: #faf8f7;
    	padding: 20px;
    	border: 1px dotted #e7ded8;	
	}

::-webkit-input-placeholder {
    	color: #A5A5A5;
	}

:-moz-placeholder { /* Firefox 18- */
    	color: #A5A5A5;
	}

::-moz-placeholder {  /* Firefox 19+ */
    	color: #A5A5A5;
	}

:-ms-input-placeholder {  
    	color: #A5A5A5;
	}

.gform_confirmation_wrapper {
    border: 2px solid #e7ded8;
    background: #faf8f7;
    padding: 25px;
    border-radius: 3px;
    font-weight: bold;
}

/*Typography*/

.entry-content .gform_body ul li {
	list-style: none;
	margin-bottom: 15px;
	}

	.gform_wrapper .top_label .gfield_label {
    		margin-bottom: 0 !important;
		}

	.entry-content .gform_body ul.gfield_radio li {
    		margin-bottom: 0;
		}


/*Specific styles*/

.hidden-label label.gfield_label {
	display: none !important;
	}

.divider h2 {
    	display: none !important;
	}

/*Temporary for YN seats form*/
.yn-seats #content-sidebar-wrap {
	margin: auto;
	background: #ffffff;
	font-size: 16px;
    	font-weight: 400;
	}

.yn-seats p#description, .yn-seats .gform_wrapper .gf_progressbar_wrapper {
    display: none;
	}

.yn-seats h1.entry-title, #gform_wrapper_4  h2.gsection_title {
    font-family: georgia;
    text-transform: uppercase;
    font-weight: normal !important;
    text-align: center;
    color: #9A7E5C;
    letter-spacing: .75px !important;
    border-bottom: 1px dotted;
    padding-bottom: 1em;
	}

#gform_wrapper_4 h2.gsection_title {
	padding: .5em 0 !important;
    	background-color: #FBF7F2;
	}

#gform_wrapper_4 .secondary-header h2.gsection_title {
    background-color: #fafafa;
    padding: .25em 0 !important;
    text-align: left;
    text-transform: none;
    font-size: 16px;
    color: black;
    letter-spacing: 0 !important;
    font-style: italic;
    text-indent: 20px;
    }

.yn-seats .gform_wrapper .gsection {
	border-bottom: 0;
	}

#gform_wrapper_4 select {
    padding: 4px;
	}

.html-notice p {
    	background-color: #FBF7F2;
    	border: 1px solid #E6D7C3;
    	padding: 15px;
    	line-height: 1.4em;
    	text-align: center;
	}

/*Grouped products*/
.entry-content .gform_body ul li.grouped-products {
	display: table;
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px;
	margin: 0 0 5px 40px !important;
	}

	.grouped-products label.gfield_label, .grouped-products .ginput_container {
    		display: table-cell;
    		width: 300px;
		}

		.gform_wrapper .top_label .grouped-products label.gfield_label {
    			margin-top: 0;
			}

		.gform_wrapper .grouped-products span.ginput_product_price_label, .grouped-products .gfield_description {
    			display: none;
			}

	li.cc-field {
    		background: #fafafa;
    		padding: 20px;
    		border: 1px solid #ddd;
		}

		/*li.cc-field label.gfield_label:before {
    			content: '\f023 ';
    			font-family: 'Font Awesome';
			}*/		

@media screen and (max-width: 850px) {
	.yn-seats #content-sidebar-wrap {
		width: 100%;
		padding: 20px;
		}


	#title-area { display: none; }
} 

li.gfield + .hidden-label {
    margin-top: -6px !important;
    margin-bottom: 28px !important;
}

/*----------
06. HOME PAGE
----------*/

.home .page_image_area {
    	padding: 12px 0;
    	margin-bottom: 0;
	background: rgba(250,248,247,.9);
    	text-align: center;
	}

	.home .page_image_area p, .home .page_image_area h2, .home .page_image_area h3 {
		margin-bottom: 0;
		}

.home #inner {
	background: url('images/stairs.jpg') no-repeat center bottom;
	background-size: cover;
	}

.home_intro_container {
	    	width: 80%;
    		background: rgba(255,255,255,.7);
    		padding: 15px;
   		margin: 8em auto;
    		text-align: center;
		}

	.home_intro {
		border: 1px solid #888;	
		}

		.home_intro h1 {
			padding-top: 28px;
			color: #35534e;
			font-family: 'Merriweather';
    			font-weight: 300;
			}

.home h1.entry-title {
    	display: none;
	}

.home #photo-credit {
	display: inline;
	}

/*----------
07. SHIURIM
----------*/

/*Main shiurim archives*/
.entry-content li.cat-item {
	margin-bottom: 10px;
    	display: block;
    	font-family: 'gandhi_sansbold';
    	text-transform: uppercase;
    	list-style: none;
    	font-size: 16px;
	}

	.cat-item a {
    		text-decoration: none !important;
    		display: block;
    		background: #faf8f7;
    		padding: 9px;
		border-bottom: 1px solid #ddd;
		color: #655F5A;
		}

		.entry-content li.cat-item .children .cat-item {
			margin-bottom: 0;
    			text-transform: none;
    			font-family: 'gandhi_sansregular';
			}

			.cat-item .children a {
    				background: none;
				}

/*Shiurim archives: individual categories*/
.archive div#content {
	padding-bottom: 60px;
	}

	.archive-description {
    		margin-bottom: 0;
    		padding-bottom: 10px;
		}

		h1.archive-title {
    			font-size: 2em;
    			text-align: center;
			}

	.shiurim.entry {
    		padding: 10px;
    		margin: 0;
    		border-bottom: 1px solid #ddd;
    		overflow: auto;
		}

	.shiurim.entry:nth-child(even) {
    		background: #faf8f7;
		}


		.cat-item a,
		.shiurim .entry-title {
    			font-size: 18px;
    			font-weight: bold;
    			margin: 0 1.5em 0 0;
    			line-height: 150%;
			}	

		.shiurim .entry-title {
    			float: left;
			}	

		.cat-item a:before,	
   		.shiurim .entry-title:before {
			content: '\f0da';
			color: #e59951;
    			font-family: 'FontAwesome';
    			padding: 0px 10px;
			}

			.archive .shiurim.entry a { /*list of shiur titles on category page*/
				color: #655F5A;
    				text-decoration: none;
				}

				.entry .cat-item a:hover, .entry .cat-item a:focus,
				.archive .shiurim.entry a:hover,  .archive .shiurim.entry a:focus {
    					color: #e59951;
					}

		.shiurim .post-info, 
		.archive .shiurim .entry-content {
    			display: none;
			}

/*Shiurim archives navigation*/


.single-shiurim div#content-sidebar-wrap {
    	min-height: 500px;
	}

.navigation li {
    float: left;
    background: #faf8f7;
    width: 25px;
    height: 25px;
    text-align: center;
    border: 1px solid #e7ded8;
    margin: 5px 2px;
	}

	.navigation li:hover, .navigation li:focus, .navigation li.active {
    		background: #F1E9E4;		
		}

	li.pagination-next,
	li.pagination-prev {
    		width: auto;
    		background: transparent;
    		border: 0;
    		margin-left: 10px;
		}


a.shiur-back-link { /*back to shiurim home link, in znt_below_header*/
    	font-style: italic;
    	color: #908B86;
	}

.shiur_row {
    	padding: 10px;
    	margin: 0;
    	border-bottom: 1px solid #ddd;
	overflow: auto;
	}

.shiur_row:nth-child(even) {
    	background: #f5f5f5;
	}

	.shiur_row h3 {
    		font-size: 18px;
		font-weight: bold;
    		float: left;
    		margin: 0 1.5em 0 0;
    		line-height: 150%;
		}

		.shiur_row h3:before {
    			content: '\f0da';
    			font-family: 'FontAwesome';
    			padding: 0px 10px;
			}

		.shiur_row h3:hover, .shiur_row h3:focus {
    			color: #e59951;
			}

	.shiur_row .shiur_date {
		margin-right: 1.5em;
		text-decoration: none;
		color: #333;
		}


/* Shiurim posts */
.single-shiurim h1.entry-title {
    font-size: 2em;
    display: block;
    float: none;
    margin: 1em auto 2em 0;
}

.single-shiurim h1.entry-title:before {
	content: '';
	display: none;
}

/*----------
08. INDIVIDUAL PAGES
----------*/

/*Nshei widgets*/

div#text-4 {
    	display: none;
	}

	.neshei div#text-4 {
    		display: block;
		}

/*Contact*/
.contact .entry {
    	padding-top: 0;
	}

	.contact h1.entry-title {
		display: none;
		}


/*----------
RESPONSIVE STYLES
----------*/
@media screen and (max-width:1270px) {

	.logo_area {
    		padding: 1.5em 2em 1.5em 2em;
		}

	div#content-sidebar-wrap {
    		width: 100%;
		}

}

/*----------------------*/

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

	#menu-main {
		display:none;
		}

	.slicknav_menu {
		display: block;
		}

	li.mobile-only { /*Menu links for mobile only*/
		display: block !important;
		}

	.slider_container {
		width: 100%;
		height: auto;
		}

}

/*----------------------*/

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

	.mailinglist_area {
		display: none;
		}

	#header .wrap {
    		padding: 0;
		}

	.single-shiurim div#content-sidebar-wrap {
    		min-height: auto;
		}

}

/*----------------------*/

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


	.full-width-content div#content {
		width: 90%;
		}

	.site-footer .wrap p {
    		clear: both;
    		float: none !important;
    		margin-bottom: 10px;
		}

	.alert_mild {
		width: 80%;
		}


	/*Forms*/
	.gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span, .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span,
	.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
		width: 97%;
		}


}

/*----------------------*/

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


	.logo_area,
	.full-width-content div#content {
		width: 100%;
		}

		.logo h1 {
    			display: block;
    			margin: auto;
    			text-decoration: none;
			}

			.logo h1:hover, .logo h1:focus {
				text-decoration: none;
				}

			a.slicknav_btn {
				margin-top: 5px;
				}

		.entry {
    			padding: 20px;
			}

		.slicknav_menu {
			margin-top: 0;
			}

		.alert_mild {
			width: 98%;
			}

		.home_intro h1 {
			font-size: 2rem;
			}

}

/*----------------------*/

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

}