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

	Theme Name: VD 2016 Web
	Type: Responsive framework
	Author: Archetype
	Author URI: 

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

/* Desktop Layout+

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

@media screen and (min-width: 5000px) {
	/*.mm-slideout {
	    -webkit-transform: none!important;
	    -ms-transform: none!important;
	    transform: none!important;
	    width: 100%!important;
	    margin-left: 0%!important;
	}

	.wpmm-button, #menu-location-primary {
		/*display: block !important;*//*
	}*/
}

@media screen and (min-width: 992px) and (max-width: 1200px) {

	/* fonts */

	h1 { font-size: 82px; line-height: 90px; }
	h2 { font-size: 36px; line-height: 40px; margin-bottom: 20px; }
	h3 { font-size: 22px; line-height: 28px; }

	.caption h2,
	.caption-box h2,
	.caption-masonry h2,
	.prayer-template .caption-title-page h1,
	.prayer-template .panel-grid-cell .widget-title { font-size: 42px; line-height: 48px; }

	.caption-box .caption-content { 
		padding-top: 70px;
    	padding-bottom: 50px;
    }

    .button.black { padding: 15px 0 13px; }

    section#front-content { padding-top: 180px; padding-bottom: 220px; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

	h1 { font-size: 76px; line-height: 84px; }
	h2 { font-size: 30px; line-height: 36px; margin-bottom: 20px; }
	h3 { font-size: 18px; line-height: 24px; }

	.front-page #full-image .caption h2 { font-size: 26px; line-height: 34px; }

	.caption h2,
	.caption-box h2,
	.caption-masonry h2,
	.prayer-template .caption-title-page h1,
	.prayer-template .panel-grid-cell .widget-title { font-size: 36px; line-height: 42px; }

	.caption-box { bottom: auto; top:10%; }

	.caption-box .caption-content { 
		padding-top: 60px;
    	padding-bottom: 40px;
    }

    .button.black { padding: 12px 0 10px; }

    footer #social-nav ul li { margin-bottom: 15px; }
    section#front-content { padding-top: 150px; padding-bottom: 190px; }
    .rightbottom-div { text-align: right; }
    footer #social-nav ul li { border: none; }
}

@media screen and (max-width: 768px) {
	.prayer-mat-image img { max-height: 500px; width: auto !important; max-width: 100%; }

	/* padding correctors */

	.padding-alpha 	{ padding: 60px 0 50px !important;  } /* 130px 0px 100px 0px */
	.padding-beta  	{ padding: 90px 0 50px !important;  } /* 160px 0px 0px */
	.padding-gamma 	{ padding: 70px 0 !important; } /* 140px 0px 140px 0px */
	.padding-delta 	{ padding: 70px 0 0 !important; } /* 140px 0px 140px 0px */
	.padding-epsilon { padding: 40px 0 50px !important; }/*padding: 80px 0px 100px 0px*/

	.page-content { margin-bottom: 100px; }

	.sow-masonry-grid-item[data-row-span="1"] {
		display: none !important;
	}

	.sow-masonry-grid-item { width: 100% !important; }
	section#front-content { padding-top: 100px; padding-bottom: 140px; }
	.rightbottom-div { text-align: right; }
	#header-wrapper { padding: 60px 0 0; }
	footer #social-nav ul li { border: none; border-bottom: 1px solid #bcbcbc; }
}

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

	body {  font: normal normal 15px/21px "Lato"; }

	h1 { font-size: 66px; line-height: 74px; }
	h2 { font-size: 24px; line-height: 30px; margin-bottom: 20px; }
	h3 { font-size: 18px; line-height: 24px; }

	p { font-size: 15px; line-height: 21px; }

	.front-page #full-image .caption h2 { font-size: 20px; line-height: 30px; }

	.caption h2,
	.caption-box h2,
	.caption-masonry h2,
	.prayer-template .caption-title-page h1,
	.prayer-template .panel-grid-cell .widget-title { font-size: 28px; line-height: 34px; }

	.caption-box .caption-content { 
		padding-top: 30px;
    	padding-bottom: 20px;
    }

    .button { padding: 18px 0 7px 10px; max-width: 250px; font: 12px/18px 'Montserrat'; }
    .button.black { padding: 10px 0 8px; }

    .caption-box {
	    position: absolute;
	    bottom: auto;
	}

	section#prayer .caption-box {
		bottom:auto;
		position: relative;
		background-color: #131224;
	}

	footer #social-nav ul li:last-child { border-bottom: none; }
}


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

	h1 { font-size: 50px; line-height: 58px; }
	h2 { font-size: 20px; line-height: 28px; margin-bottom: 20px; }

	p { font-size: 14px; line-height: 20px; }

	.front-page #full-image .caption h2 { font-size: 20px; line-height: 30px; }

	.caption h2,
	.caption-box h2,
	.caption-masonry h2,
	.prayer-template .caption-title-page h1,
	.prayer-template .panel-grid-cell .widget-title { font-size: 26px; line-height: 32px; }

	section#front-content { padding-top: 70px; padding-bottom: 100px; }
	.hidden-xss { display: none; }
}