/*
	Jonny Norridge  | 2014 | Vinyard Records
*/
/* '   
------------------------------------------------------------------------------------------*/
/* ' RESPONSIVE  STYLES
------------------------------------------------------------------------------------------*/
/* hide wp admin bar elements */
#wp-admin-bar-comments,
#wp-admin-bar-wpseo-menu,
#wp-admin-bar-new-content,
#wp-admin-bar-customize{
	display: none !important;
}

/* Images */
	

@media (min-width: 1440px){
	
	.parent-audio-meditations .container_12.category_section,	
	.page-audio-meditations	.container_12.category_section,
	.archive .download-archive-wrap .container_12.category_section,	
	.archive .download-archive-wrap .container_12.category_section,
	.page-written-reflections .container_12.contentblock.category_section,
	.archive .container_12.contentblock
	{
		width: 1440px;
	}
	
	.parent-audio-meditations .container_12.category_section .grid_12,
	.page-audio-meditations .container_12.category_section .grid_12,
	.archive .download-archive-wrap .container_12.category_section .grid_12,	
	.archive .download-archive-wrap .container_12.category_section .grid_12,
	.page-written-reflections .container_12.category_section .grid_12,
	.archive .container_12.contentblock .grid_12
	{
		width: 100%;
		margin: 0px auto 10px auto
	}
	
	.page-written-reflections .container_12.contentblock.category_section .top,
	.archive .container_12.contentblock.light .top{
		background-image: url(../images/bkg-box-top-white-wide.png);
	}
	.page-written-reflections .container_12.contentblock.category_section .btm,
	.archive .container_12.contentblock.light .btm {
		background-image: url(../images/bkg-box-btm-white-wide.png);
	}
	.page-written-reflections .container_12.category_section .post:nth-child(3){
		display: inline-block;
	}
	
	.parent-audio-meditations .container_12.category_section  .section_description p,
	.page-audio-meditations .container_12.category_section  .section_description p,
	.archive .download-archive-wrap .container_12.category_section .section_description p,	
	.archive .download-archive-wrap .container_12.category_section .section_description p {
		margin: 0px 300px 20px 300px;
	}
	
	.parent-audio-meditations .container_12.category_section .grid_6.product,
	.page-audio-meditations .container_12.category_section .grid_6.product,
	.archive .download-archive-wrap .container_12.category_section .grid_6.product,	
	.archive .download-archive-wrap .container_12.category_section .grid_6.product{
		display: inline-block;
		float: none;
		margin: 10px 8px;
	}
	
	.parent-audio-meditations .container_12.category_section .product-grid .product.cat-id-31,
	.parent-audio-meditations .container_12.category_section .product-grid .product.cat-id-32,
	.parent-audio-meditations .container_12.category_section .product-grid .product.cat-id-33{
		display: none;
	}
	
}

	
@media (min-width: 1200px){
	html{
		font-size: 100%;
	}
	#content {
		font-size: 100%;
	}	
}

@media (max-width: 1100px){
	.download .page_title h2 {
	      margin: 10px 10px 75px 10px;
	}
}

@media (max-width: 1060px){
	.download .page_title h2 {
	      margin: 10px 10px 60px 10px;
	}
	.single .posts-wrap{
		background-repeat: repeat;
		background-position: center top;
		background-attachment: fixed; 
		-webkit-background-size: inherit;
		-moz-background-size: inherit;
		-o-background-size: inherit;
		background-size: inherit;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='crop');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='crop')";
	}
	
	.sharing_links{
		margin-left: -50px;
		top: 2px;
		z-index: 999;
	}
	.sharing_links ul li.twitter a{
		background-color: rgba(0, 172, 237, 0.8);
	}
	.sharing_links ul li.facebook a{
		background-color: rgba(59, 89, 152, 0.8);
	}
	.sharing_links ul li.email a{
		background-color: rgba(27, 179, 164, 0.8);
	}

}

@media (max-width: 971px){
	figure, #content .posts-wrap figure, #content .posts-wrap img{
		max-width: 100%;
		height: auto;
	}
	.entry-header img, .entry-content img, .comment-content img, .widget img {
		max-width: 100%; /* Fluid images for posts, comments, and widgets */
		height: auto;
	}
	li div img {
		max-width: 100%; /* Fluid images for posts, comments, and widgets */
		height: auto;
	}
	img[class*="align"], img[class*="wp-image-"] {
		height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	}
	img.size-full {
		max-width: 100%;
		width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
	}
	

}



@media (max-width: 960px){
	html{
		font-size: 100%;
	}
			
	#content {
	    margin: 60px auto;
	}

	.container_12{
		width: 100%;
	}
	
	.container_12 .grid_12, .container_12 .grid_9, .container_12 .grid_8 {
		width: 80%;
		margin: 0px auto 0px auto;
		float: none;
		display: inline-block;
	}
		
	.container_12 .grid_6{
		width: 46%;
		margin: 10px 1%;
		float: none;
		display: inline-block;
	}
		
	.container_12 .grid_4, .container_12 .grid_5{
		float: left;
		display: inline-block;
	}
	
	.contentblock .content_aligned{
		width: 80%;
	}
	
	.home .container_12 .grid_12 {
		width: 82%;
	}
	h2.intro_statement {
		font-size: 2.1em;
		margin: 10px auto 15px auto;
	}
	
	.section_description p {
		margin: 0px 40px 20px 40px !important;
	}
	.page-written-reflections .section_description p{
		margin: 0px 40px 60px 40px !important;
	}
	
	.product h3{
		font-size: 3.2em;
		line-height: 0.85em;
		margin: 10px 15px 5px 15px;
	}
	.product-info p{
		font-size: 1em;
		line-height: 1.5em;
	}
	
	.feature, .product_note{
		width: 90%;
		margin: 30px auto 20px auto; 
	}
	.feature img {
	    margin: 10px 45px 20px 20px;
	}
	
	.archive .details, .page-written-reflections .details {
	margin: 0px 0px;
	}
	
	.download .page_title h2 {
	      margin: 10px 10px 50px 10px;
	}
	
	.download .btm.wrap {
		background-image: none;
    	height: 0px;
	}
		
	.grid_3.testimonial {
    	margin: 50px auto 0px auto;
    	width: 80%;
    	float: none;
    	display: inline-block;
	}
	.testimonial .portrait {
		margin: 0px 20px;
	}
	body .testimonial.quote blockquote, body .testimonial.quote blockquote p {
	    margin: 10px 80px !important;
    }
    body .testimonial blockquote p, body .testimonial blockquote p:first-of-type, body .testimonial p, body .testimonial h5  {
	    font-size: 1.3em !important;
    }
}
@media (max-width: 880px){

	#navigation ul li{
		font-size: 0.9em;
	}
	#navigation ul li a {
		padding: 2px 22px 0px;
	}	
}
@media (max-width: 840px){
	/* #wpadminbar {
        display:none;
    }
    .loggedin #navigationfixed .toggle_nav{
		top: 0px;
	}
	.loggedin #navigationfixed.open_nav .menu {
		top: 0px;
	}
	 */
    body {
		background-image: url(../images/bkg_deepsea840.jpg);
	}

	.product h3 span{
		font-size: 0.8em;
		line-height: 0.8em;
	}
	.audiojs .scrubber{
		max-width: 220px !important;
	}
}
@media (max-width: 800px){
	#footer {
		background-image: url(../images/bkg-footer800.jpg);
	}
}
@media (max-width: 782px){
	
	.audiojs .scrubber{
		max-width: 205px !important;
	}
	
	.loggedin #navigationfixed .toggle_nav{
		top: 45px;
	}
	.loggedin #navigationfixed.open_nav .menu {
		top: 45px;
	}
}
@media (max-width: 760px){
	.container_12 .grid_6, .container_12 .grid_5{
		width: 98%;
		margin: 0px auto 10px;
	}	
	.parent-audio-meditations .container_12.category_section .product-grid .product.cat-id-31,
	.parent-audio-meditations .container_12.category_section .product-grid .product.cat-id-33,
	.parent-audio-meditations .container_12.category_section .product-grid .product.cat-id-32 {
		display: none;
	}	
	#content {
	    margin: 40px auto;
	}
	.feature{
		width: 90%;
		margin: 30px auto 20px auto; 
	}
	.feature img {
	    margin: 10px 30px 20px 12px;
	}
	.feature .details p {
	   	margin: 11px 20px;
	}
	.page-about .headline h2.right{
	    top: 200px;
	    text-align: center;
	    width: 100%;
	}
	.download_details .artwork{
		width: 280px;
		margin: 10px auto 0px auto;
	}
	.edd-download-cat-subscriptions .download_details .bundle_artwork{
		width: 280px;
		margin: 10px auto 10px auto;
	}
	.download_details .bundle_artwork{
		width: auto;
		margin: 10px 5px 5px 5px;
	}
	.download_details h3{
		margin: 14px 15px;
	}
	.download_details p{
		margin: 0px 15px 20px 15px;
	}
	.download_details h5{
		margin: 10px 15px 10px 15px;
	}
	.itdw-subscriber  .category_section#subscriptions .product.subscription-details{
		display: none;
	}
	.contentblock .content_aligned{
		width: 90%;
		margin: 0px auto;
	}
	.parent-checkout .contentblock .content_aligned{
		width: 90%;
	}	
	.archive .details, .page-written-reflections .details {
		height: auto;
	}
	p.date{
		margin-right: 51px;
	}
	h3.repeated{
		padding-right: 50px;
	}
	.sharing_links{
		top: 2px;	
	}
	.sharing_links.fixed{
		top: auto;
		bottom: 0px;
		margin-left: -50px;
		position: fixed;
	}
}
@media (max-width: 760px){
	#navigation ul li{
		font-size: 0.9em;
	}
	#navigation ul li a {
		padding: 2px 20px 0px;
	}
}
@media (max-width: 740px){
	#navigation ul li{
		font-size: 0.85em;
	}
	#navigation ul li a {
		padding: 2px 15px 0px;
	}
}

@media (max-width: 720px){
	.container_12 .grid_12, .container_12 .grid_9, .container_12 .grid_8, .container_12 .grid_7{
		width: 90%;
	}
	.home #masthead h1  {
		font-size: 14px;
		height: 76px;
		width: 420px;
	    background-image: url(../images/logo_itdw_mid.png);
		margin: 70px auto 70px auto;
		padding: 0px;
	}
	.home #masthead h1 a{
		height: 76px;
		width: 420px;
	}
	.feature  {
	    text-align: center;
	    padding: 10px 0px;
	    width: 100%;
	  }
	.feature img {
	    text-align: center;
	    margin: 10px;
	    float: none;
	}
	.feature .details h4,.feature .details h5,
	.feature .details p {
	   	margin: 11px 30px;
	   	text-align: center;
	}

	.page_title h2 {
	    font-size: 3em;
	    line-height: 1.1em;
	    margin: 10px 20px 110px;
	    padding: 10px 0px 0px;
	}
	.section_description p {
		margin: 0px 10px 20px 10px !important;
	}
	.page-written-reflections .section_description p{
		margin: 0px 10px 60px 10px  !important;
	}
	.article .post_content p:first-of-type, .article .page_content p:first-of-type{
		font-size: 1.3em;
		line-height: 1.6em;
		color: #306985;
	}
	.testimonial {
    	margin-top: 15px;
		margin-bottom: 25px;
	}
	.grid_3.testimonial {
    	margin: 50px auto 0px auto;
    	width: 90%;
    	float: none;
    	display: inline-block;
	}		
	body .testimonial.quote blockquote,	body .testimonial.quote blockquote p, body .testimonial p{
		margin: 10px 20px !important;
	}
	body .testimonial blockquote p, body .testimonial blockquote p:first-of-type, body .testimonial p, body .testimonial h5  {
	    font-size: 1.1em !important;
    }
	body .testimonial.quote blockquote  {
	    font-size: 1.1em !important;
    }
	.account-section #edd_login_form label {
	    display: inline-block;
	    font-size: 0.9em;
	    width: 145px;
	}	
	.account-section p.edd-login-username,
	.account-section p.edd-login-password {
		display: block;
		margin: 0px auto 20px auto;
		text-align: center;
	}
	.account-section #edd_login_form p.edd-login-remember{
		font-size: 0.9em;
		width: 100%;
		text-align: center;
		margin: 0px auto 10px auto;
	}	
}


@media (max-width: 690px){
    /* #wpadminbar {
        display:none;
    }
    .loggedin #navigationfixed .toggle_nav{
		top: 0px;
	}
	.loggedin #navigationfixed.open_nav .menu {
		top: 0px;
	}*/
    
	#navigation {
		top: -300px;
		position: fixed;
		/* to hide and fix toggle nav fade in and out detection */
	}
	#navigationfixed{
		display: block;
	}
	
	.single #masthead  h1, .page #masthead h1  {
		font-size: 14px;
		height: 76px;
		width: 280px;
	    background-image: url(../images/logo_itdw_midsmall.png);
		margin: 60px auto 20px auto;
		padding: 0px;
	}
	.single #masthead h1 a, .page #masthead h1 a{
		height: 76px;
		width: 280px;
	}
}
@media (max-width: 620px){
	body {
		background-image: url(../images/bkg_deepsea620.jpg);
	}
	#footer {
		background-image: url(../images/bkg-footer620.jpg);
	}
}
@media (max-width: 600px){
	
}
@media (max-width: 580px){
	.home #masthead h1  {
		margin: 70px auto 70px auto;
	}
	#content, .single #content {
		margin: 40px auto 20px;
	}
	.download #content {
		margin: 40px auto 50px auto;
	}	
	.post.type-post{
		padding-bottom: 300px;
	}
	h2.intro_statement {
		font-size: 1.8em;
		margin: 10px auto 15px auto;
	}
	p.supporting_statement{
		font-size: 1.1em;
	}
	.headline h2{
	    font-size: 2.7em;
	    line-height: 1.1em;
	}
	.page-about .headline h2.right{
	    top: 140px;
	}
	blockquote, q{
		padding: 1.2em 0.5em;
	}
	.product_note{
		padding: 1.2em 0.5em;
	}	
	.hentry table td,
	.hentry table th {
		font-size: 0.8em;
	}
	.account-section{
		___overflow-x: scroll;
	}
	.feature, .product_note {
		margin: 30px auto 40px
	}
}


@media (max-width: 480px){
	body {
		background-image: url(../images/bkg_deepsea480.jpg);
	}
	.container_12 .grid_12, .container_12 .grid_9, .container_12 .grid_8, .container_12 .grid_7{
		width: 96%;
		margin: 0px 2% 10px 2%;
	}	
	.grid_3.testimonial {
    	width: 220px;
	}
	.page_title h2 {
	    font-size: 2.7em;
	    line-height: 1.1em;
	    margin: 10px 10px 50px;
	}
	.subnav ul li {
		display: block;
	}	
	.subnav ul li a{
		margin: 0px;
		padding: 2px 20px 3px 20px;
		line-height: 1.8em;
	}	
	.product-info p{
		font-size: 0.9em;
		line-height: 1.5em;
	}	
	.feature, .product_note {
		margin: 15px auto 40px
	}	
	.hentry .content_body_copy li {
		font-size: 1em;
	}
	#footer {
		background-image: url(../images/bkg-footer480.jpg);
	}
}
@media (max-width: 450px){
	.home #masthead h1  {
		font-size: 14px;
		height: 76px;
		width: 280px;
	    background-image: url(../images/logo_itdw_midsmall.png);
		margin: 60px auto 60px auto;
		padding: 0px;
	}
	.home #masthead h1 a{
		height: 76px;
		width: 280px;
	}
	h2.intro_statement {
		font-size: 1.6em;
		margin: 10px auto 15px auto;
	}	
	p.supporting_statement{
		font-size: 1em;
	}
	.feature .details h4, .feature .details p {
	   margin: 11px 10px;
	   text-align: center;
	}	
	#mc_embed_signup{
		margin: 5px auto;
	}	
	blockquote, q{
		padding: 1.1em 0em;
	}
	.contentblock .content_aligned {
    	width: 95%;
    }
    .hentry .content_body_copy blockquote ul, .hentry .content_body_copy blockquote ol {
	    margin: 0px 24px 25px;
	}  
	.product_note{
		padding: 1.1em 0px;
	}
	.product_note .highlighted{
		margin: 10px 10px 5px 10px;
	}
	.product_note h4 {
	    margin: 10px 15px 5px;
	}
	.hentry .content_body_copy .product_note ul, .hentry .content_body_copy .product_note ol {
	    margin: 0px 24px 25px;
	}
	#footer .social ul li a {
		margin: 0px 10px;
	}
	.postsnavigation p a.btn{
		display: block;
		width: 90%;
		margin: 0px auto;
		padding: 38px 10px 8px 10px;
		background-image: url("../images/icon-shell-pale.png");
		background-position: center 8px;
	}
}
@media (max-width: 740px){
	/* hide on phone */
	
	#wpadminbar {
        display:none;
    }
    .loggedin #navigationfixed .toggle_nav{
		top: 0px;
	}
	.loggedin #navigationfixed.open_nav .menu {
		top: 0px;
	}
}
@media (max-width: 415px){
	.headline h2{
	    font-size: 2.4em;
	    line-height: 1.1em;
	    margin: 0px 10px;
	}
	.download #content {
		margin: 30px auto 0px auto;
	}
	.download .page_title p{
		font-size: 0.9em;
	}
	.download .page_title h2 {
		font-size: 2.4em;
		line-height: 1.1em; 
	    margin: 10px 10px 15px 10px;
	}
	a.button.edd-submit{
		max-width: 380px !important;
		overflow: hidden !important;
	}
	.page-about .headline h2.right{
	    top: 100px;
	}
	#footer .social ul li a{
		padding: 20px 10px 4px 42px;
		height: 28px;
	}
	#footer .credits a{
		margin: 5px 0;
	}
	#footer .credits a span{
		padding: 12px 18px 10px;
	}
}
@media (max-width: 390px){
	.download #content {
		margin: 25px auto 0px auto;
	}
	.download .page_title p{
		font-size: 0.8em;
	}
	.download .page_title h2 {
		font-size: 1.5em;
		line-height: 1em;
		margin: 10px 10px 10px 10px;
	}
	#audiowrapper #track_artwork{
		margin: 15px auto 5px;
		max-width: 70% !important;
	}
	#audiowrapper .dropdown{
		max-width: 320px;
		width: 90%;
	}
	#audiowrapper ol{
		margin: 0px auto 10px;
	}
	.audiojs .scrubber{
		max-width: 185px !important;
		width: 62% !important;

	}

	a.button.edd-submit{
		max-width: 300px !important;
	}
	#footer form.searchform{
		margin: 10px 20px 1px 20px;
		display: inline-block;
	}
	.account-section #edd_login_form label {
	    display: inline-block;
	    font-size: 0.9em;
	    width: 77px;
	}	
	.account-section #edd_login_form p.edd-login-remember label{
		width: auto;
	}
}

@media (max-width: 350px){
	a.button.edd-submit{
		max-width: 280px !important;
	}
	.audiojs .scrubber{
		width: 55% !important;
	}
	.product h3 {
		font-size: 2.8em;
		line-height: 0.8em;
	}
	.product h3 span{
		font-size: 0.75em;
		line-height: 0.7em;
	}
	.hentry table td,
	.hentry table th {
		font-size: 0.7em;
	}
}