/*   
Theme Name: Diocese of Rockville Centre - Faith Formation
Theme URI: http://bayoulandcs.com
Description: Custom theme created for the Diocese of Rockville Centre
Author: Bayouland Computer Solutions
Author URI: http://bayoulandcs.com
*/

/*  ==============================================================================================================
	WordPress default styles
	============================================================================================================== */

	img.alignright {float:right; margin:0 0 1em 1em}
	img.alignleft {float:left; margin:0 1em 1em 0}
	img.aligncenter {display: block; margin-left: auto; margin-right: auto}
	.alignright {float:right; }
	.alignleft {float:left; }
	.aligncenter {display: block; margin-left: auto; margin-right: auto}
	
	.cf:before,
	.cf:after {
	    content: " "; /* 1 */
	    display: table; /* 2 */
	}

	.cf:after {
	    clear: both;
	}

	/**
	 * For IE 6/7 only
	 * Include this rule to trigger hasLayout and contain floats.
	 */
	.cf {
	    *zoom: 1;
	}

/*  ==============================================================================================================
	Import Fonts
	============================================================================================================== */
	
	@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
	@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);
	
/*  ==============================================================================================================
	Body
	============================================================================================================== */
	
	body{ background-color: #f2f2f2; margin: 0; padding: 0; font-family: 'Droid Serif', Georgia, serif; }
	

/*  ==============================================================================================================
	Typography
	============================================================================================================== */
	
	/* Headings */
	
	h2{  }
	h3{  }
	h4{  }
	h5{  }
	h6{  }
	
/*  ==============================================================================================================
	Bootstrap Setup & Overrides
	============================================================================================================== */
	
	/* Containers */
	
	.container{ margin: auto; }
	
	/* Links */
	
	a{ color: #c14620; text-shadow: none !important; }
	a:hover{ color: #03679a; }
	
	/* Typography */
	
	h1, h2, h3, h4, h5, h6{ font-weight: normal; }
	h3{ font-size: 24px; font-weight: bold; }
	
	/* Form Elements */
	
	textarea, 
	input[type="text"], input[type="password"], 
	input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], 
	input[type="number"], input[type="email"], input[type="url"], 
	input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {  border: 1px solid #999; border-radius: 0 !important; }

	
	
/*  ==============================================================================================================
	Buttons
	============================================================================================================== */
	
	/* Main Action Button (Read More, Search, etc.) */
	
	.btn-action{
		color: #fff;
		font-size: 14px;
		text-shadow: none;
		background-color: #c14620;
		background-image: none;
		border: none;
		border-radius: 0;
		box-shadow: none;
		font-family: 'Droid Sans', Arial, Helvetica, sans-serif !important;
	}
	.btn-action:hover,
	.btn-action:active,
	.btn-action.active,
	.btn-action.disabled,
	.btn-action[disabled] {
		color: #ffffff;
		background-color: #d0461c;
	}
	.btn-action:active,
	.btn-action.active {
		background-color: #d0461c;
	}
	
/*  ==============================================================================================================
	Misc
	============================================================================================================== */
	
	/* General Pads */
	
	.pad{ padding: 20px; }
	
	/* Alignments */
	
	.center{ text-align: center; }
	
	/* Colors */

	.orange-text{ color: #c14620; }
	
	/* Text */
	
	.uppercase{ text-transform: uppercase; }
	
	/* Images */
	
	.image-right{ float: right; padding: 0 0 20px 20px; }

/*  ==============================================================================================================
	Global Components
	============================================================================================================== */		
	
	/* Boxes */
	
	.box{ 
		padding: 10px 20px; 
		border-top: 3px solid #333; 
		background-color: #fff; 
		margin-bottom: 20px;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	}
	
	.box.orange{ border-top: 3px solid #c14620; }
	.box.blue{ border-top: 3px solid #006699; }
	
	.box ul{ margin: 0; padding: 0; list-style: none; }
	.box ul li{ margin-bottom: 10px; }
	.box ul li a{ color: #333; font-weight: bold; }

	.box.orange ul li a{ color: #c14620; }
	.box.blue ul li a{ color: #006699; }
	
	.box h3{ font-size: 30px; line-height: 1.1; }
	.box h3 a{ color: #333; }
	.box h4{ font-weight: bold; }
	.box h4 a{ color: #333; }
	.box h6{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; margin-top: 0; }
	.box h6 a{ color: #999; }
	
	.box h5{ 
		font-family: Arial, Helvetica, sans-serif;
		color: #999; 
		border-bottom: 1px solid #d9d9d9; 
		font-size: 13px;
		text-transform: uppercase;
		line-height: 1;
		padding: 20px 20px 15px 20px;
		margin: -15px -20px 20px -20px;
	}

	.box p{ font-size: 13px; line-height: 1.35; }
	.box p a{ font-family: 'Droid Sans', Arial, Helvetica, sans-serif; color: #006699; }
	
	.box.large p{ font-size: 15px; }
	
	.box .date{ padding: 6px 12px; text-align: center; line-height: 1; background-color: #c14620; }
	.box .date{ color: #fff; font-size: 17px; }
	.box .date span{ font-size: 23px; font-weight: bold; }
	
	.box hr{ margin: 20px -20px 20px -20px; border-top: 1px solid #d9d9d9; border-bottom: none; }
	.box hr.large{ margin: 30px 0; border-top: 3px solid #333; }
	.box hr.small{ margin: 15px -20px; }
	
	.box .video{ overflow: hidden; }
	.box .video:first-child{ margin-top: 8px; }
	.box .video img{ float: left; width: 50%; }
	.box .video p{ float: left; width: 46%; padding-left: 4%; }
	
	.resources .box{ float: left; }
	.resources .box ul{ margin-top: 5px; font-size: 16px; }
	.resources .box ul li{ border-bottom: 1px solid #D9D9D9; line-height: 1; padding: 10px 0 15px 0; }
	.resources .box ul li:last-child{ border-bottom: none; }
	
	/* View All Link */
	
	.view-all{ 
		clear: both; 
		overflow: hidden;
	}
	.view-all a{ 
		display: inline-block;
		color: #fff; 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 16px; 
		line-height: 1; 
		background-color: #666; 
		padding: 10px; 
	}
	
	/* Article Detail */
	
	.article-detail{ 
		padding: 10px 20px; 
		border-top: 3px solid #333; 
		background-color: #fff; 
		margin-bottom: 20px;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	}
	.article-detail.orange{ border-top: 3px solid #c14620; }
	.article-detail.blue{ border-top: 3px solid #006699; }
	
	.article-detail .date{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
	.article-detail .share{ min-width: 300px;}
	.article-detail h2{ clear: both; font-size: 40px; font-weight: bold; padding: 10px 10px 0 0; margin-bottom: 20px; }
	
	.article-detail p{ 
		font-size: 16px;
		line-height: 1.6;
		margin-bottom: 15px;
	}

/*  ==============================================================================================================
	Header
	============================================================================================================== */		
	
	header{ 
		position: relative;
		margin-bottom: 30px;
		-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.6);
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.6);
		z-index: 1000;
	}
	
	/* Utility bar (Nav, Social, Search) */
	
	header #utility-bar{ background-color: #333;  }
	header #utility-bar nav.secondary ul{ margin: 0; padding: 0; list-style: none; }
	header #utility-bar nav.secondary ul li{ float: left; background: url(./img/divider-utility-nav.png) right center no-repeat; }
	header #utility-bar nav.secondary ul li a{
		display: block;
		padding: 10px;
		font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #ccc;
	}
	header #utility-bar nav.secondary ul li a:hover{ color: #fff; text-decoration: none; }
	header #utility-bar nav.secondary ul li.current-menu-item a{ color: #fff; font-weight: bold; background-color: #03679a; }
	header #utility-bar nav.secondary ul li.menu-item-3926{ background: none; }
	header #utility-bar nav.secondary ul li.menu-item-3926 a{ color: #D0461C; }
	
	header #utility-bar nav.social{ padding: 14px 16px 14px 0; background: url(./img/divider-utility-nav.png) right center no-repeat; margin-right: 15px; }
	header #utility-bar nav.social p{ float: left; margin: 0; padding: 0; color: #fff; font-weight: bold; font-size: 12px; margin-right: 9px; text-transform: uppercase; }
	
	ul.social-links{ float: left; margin: 0; padding: 0; list-style: none; }
	ul.social-links li{ float: left; margin-right: 9px; }
	ul.social-links li a{ 
		display: block; 
		width: 20px; height: 20px; 
		text-decoration: none; 
		text-indent: -9999px; 
		background: url(./img/sprite-social-icons.png);
		overflow: hidden;
	}
	ul.social-links li.facebook a{ background-position: 0px 0px; }
	ul.social-links li.facebook a:hover{ background-position: 0px -20px; }
	ul.social-links li.linkedin a{ background-position: -20px 0px; }
	ul.social-links li.linkedin a:hover{ background-position: -20px -20px }
	ul.social-links li.youtube a{ background-position: -40px 0px; }
	ul.social-links li.youtube a:hover{ background-position: -40px -20px; }
	ul.social-links li.rss a{ background-position: -60px 0px; }
	ul.social-links li.rss a:hover{ background-position: -60px -20px; }
	ul.social-links li.last{ margin-right: 0; }
	
	header #utility-bar .search{ padding: 11px 0 0 0; }
	header #utility-bar .search form{ margin: 0; }
	
	/* Main bar (Logo, Tagline, Subscribe) */
	
	header #main-bar{ padding: 25px 0; background: #03679a url(./img/background-main-header.png) bottom left repeat-x; }
	header #main-bar h1{ float: left; margin: 0 54px 0 0; padding: 0; }
	header #main-bar h1 a{ display: block; width: 372px; height: 71px; background: url(./img/drvc-logo.png); text-indent: -9999px; overflow: hidden; }
	
	header #main-bar p.tagline{ 
		float: left; 
		width: 320px;
		padding: 0;
		margin: 3px 0 0 0;
		font-size: 14px; 
		font-style: italic; 
		color: #fff; 
		text-align: center; 
		letter-spacing: 1px; 
		line-height: 1.6; 
	}
	
	header #main-bar #signup{ float: right; width: auto; text-align: center; margin-top: 8px; }
	header #main-bar #signup form{ margin-bottom: 0; }
	header #main-bar #signup p{ 
		font-size: 20px; 
		font-weight: normal; 
		color: #fff; 
		text-align: center; 
		letter-spacing: 5px; 
		text-transform: uppercase;
		margin-bottom: 6px;
	}
	
	/* Main nav */
	
	header nav.main{ background-color: #03679a; }
	header nav.main ul{ 
		float: left;
		margin: 0; 
		padding: 0; 
		list-style: none; 
		font-family: 'Droid Sans', Arial, Helvetica, sans-serif; 
		font-size: 17px; 
		width: 100%;
	}
	header nav.main ul li{ position: relative; float: left; height: 80px; text-align: center; background: url(./img/divider-main-nav.png) right center no-repeat; }
	
	header nav.main ul li span{ display: none; }
	header nav.main ul li.current_page_item span{ 
		display: block;
		position: absolute;
		left: 50%;
		bottom: -9px;
		margin-left: -8px;
		width: 17px;
		height: 9px;
		background: url(./img/main-nav-chisel.png);
		overflow: hidden; 
	}
	header nav.main ul li:first-child.active span{ left: 38%; }
	header nav.main ul li:last-child.active span{ left: 58%; }
	
	header nav.main ul li a{ display: block; padding: 20px 20px; color: #fff; }
	header nav.main ul li.menu-item-4085 a{ padding: 28px 20px 20px 5px; }
	header nav.main ul li.menu-item-4165 a{ padding: 28px 20px 20px 20px; }
	header nav.main ul li.menu-item-4254{ background: none; }
	header nav.main ul li.menu-item-4254 a{ padding: 28px 0 20px 20px; }

/*  ==============================================================================================================
	Breadcrumb
	============================================================================================================== */
	
	#breadcrumb{ background-color: #ddd; margin: -30px 0 30px 0; padding: 20px 0; }
	.breadcrumb{ background: none; padding: 0; margin: 0; }
	.breadcrumb li{ font-size: 16px; font-weight: bold; text-shadow: none; }
	.breadcrumb .active { color: #666; font-size: 14px; font-weight: normal; }
	
	#breadcrumb h3{ margin: 0; padding: 0; }
	
	/* Updates Page */
	#breadcrumb .categories{ margin-top: 5px; }
	
/*  ==============================================================================================================
	Lists
	============================================================================================================== */		
	
	.recommended{ list-style: disc !important; margin-left: 15px !important; font-size: 16px;}
	.recommended li{ margin: 0 !important; font-size: 13px !important; color: #006699 !important; line-height: 1.2; margin-bottom: 6px !important; }
	.recommended li a{ color: #006699 !important; font-size: 15px;}
	
/*  ==============================================================================================================
	Stage
	============================================================================================================== */		
	
	#stage{ 
		position: relative; 
		width: 1060px; 
		height: 435px; 
		margin: 0 auto 15px auto; 
		background-color: #fff;
		overflow: hidden;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	}
	#stage .slides{ position: relative; z-index: 1; }
	#stage .slides .slide{ width: 1060px; height: 435px; }
	#stage .slides .slide .image{ float: left; width: 740px; }
	#stage .slides .slide .image img { width: 740px; height: 435px; }
	#stage .slides .slide .image .play{ position: relative; width: 740px; z-index: 100; margin-top: -425px; }
	#stage .slides .slide .image .play2{ position: relative; z-index: 100; margin-top: -325px; }
	#stage .slides .slide .callout{ float: left; width: 320px; height: 435px;  background-color: #7b2510; }
	#stage .slides .slide .callout .pad{ padding: 30px 35px 20px 25px; }
	#stage .slides .slide .callout .pad h2{ color: #fff; font-size: 28px; line-height: 1.1; }
	#stage .slides .slide .callout .pad h2 a{ color: #fff; }
	#stage .slides .slide .callout .pad p{ color: #fff; font-size: 17px; line-height: 1.4; margin-bottom: 20px; }
	#stage .slides .slide .callout .pad p.kicker{ 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px; 
		font-weight: bold; 
		text-transform: uppercase; 
		letter-spacing: 1px;
		margin-bottom: 20px;
	}
	#stage .slides .slide .callout .pad p.kicker a{ color: #fff; }
	#stage .slide-pager{ 
		position: absolute; right: 0; bottom: 0; 
		width: 320px; 
		padding: 20px 0; 
		overflow: hidden; 
		background-color: #333; 
		z-index: 2;
		text-align: center;
	}
	#stage .slide-pager .nums{ display: inline-block; }
	#stage .slide-pager a{ 
		display: inline-block; 
		margin-right: 5px; 
		width: 10px; 
		padding: 3px 7px; 
		text-align: center; 
		color: #fff; 
		background-color: #666;
		text-decoration: none;
		font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	}
	#stage .slide-pager a:hover{ color: #fff; background-color: #C14620; text-decoration: none; }
	#stage .slide-pager .previous-slide,
	#stage .slide-pager .next-slide{ color: #fff; background: none; text-decoration: none; }

	#stage .slide-pager a.active{ color: #fff; background-color: #999; text-decoration: none; }
	
	/* Left-Aligned Image (Ministry Pages) */
	
	.left-image{ 
		width: 780px !important;
		height: 325px !important;
	}
	.left-image .slides .slide{ width: 780px !important; height: 325px !important; }
	.left-image .slides .slide .image{ width: 553px !important; }
	.left-image .slides .slide .image img{ width: 553px !important; height: 325px !important; }
	.left-image .slides .slide .callout{ width: 227px !important; height: 325px !important; }
	.left-image .slides .slide .callout .pad{ padding: 20px !important; }
	.left-image .slides .slide .callout .pad h2{ font-size: 22px !important; line-height: 1.1 !important; margin-top: 0px !important; }
	.left-image .slides .slide .callout .pad p{ font-size: 13px !important; line-height: 1.3 ! !important; margin-bottom: 10px !important; }
	.left-image .slides .slide .callout .pad p.kicker{
		font-size: 12px !important;
		letter-spacing: 1px !important;
		margin-bottom: 10px !important;
	}
	.left-image .slide-pager{
		left: 0;
		width: 227px !important;
		padding: 10px 0 !important; 
	} 
	
	.left-image .btn{ padding: 5px 8px !important; font-size: 13px !important; }
	
/*  ==============================================================================================================
	Bio
	============================================================================================================== */
	
	.bio{ background-color: #333; height: 285px; }
	.bio p{ color: #fff; font-size: 11px; line-height: 1.3; }
	
	.bio .info{ width: 210px; margin-bottom: 20px; overflow: hidden; }
	.bio .info .image{ float: left; width: 100px; margin-right: 10px; }
	.bio .info .name{ float: left; width: 100px; }
	.bio .info .name h5{ color: #fff; margin-top: 0; font-weight: bold; line-height: 1; }
	
/*  ==============================================================================================================
	Content
	============================================================================================================== */
	
	#content{ padding-bottom: 30px; }

/*  ==============================================================================================================
	Footer (Featured)
	============================================================================================================== */		
	
	footer.featured{ background: #ddd url(./img/background-features-shadow.png) top left repeat-x; padding: 10px 0 10px 0; }
	footer.featured h3{ margin-bottom: 2px; }
	footer.featured .slides{ width: 1060px; overflow: hidden; height: 400px}
	footer.featured .slides .slide{ width: 1060px; overflow: hidden}
	footer.featured .slides .slide .box{ float: left; width: 210px; margin-right: 15px; height:385px }
	
	footer.featured .featured-slide-paging .previous-slide,
	footer.featured .featured-slide-paging .next-slide{ 
		float: left;
		display: block; 
		margin-top: 8px;
		margin-right: 3px; 
		width: 10px; 
		padding: 4px 8px; 
		text-align: center; 
		color: #fff; 
		background-color: #C14620;
		text-decoration: none;
		font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	}
	footer.featured .featured-slide-paging a:hover{ color: #fff; text-decoration: none; background-color: #666; }
	
	footer.featured .featured-slide-paging .previous-slide.disabled,
	footer.featured .featured-slide-paging .next-slide.disabled{ 
		cursor: default;
		background-color: #999;
	}
	
/*  ==============================================================================================================
	Footer (Main)
	============================================================================================================== */		
	
	footer.main{ font-family: 'Droid Sans', Arial, Helvetica, sans-serif; background-color: #333; padding: 20px 0 30px 0; }
	footer.main h6{ font-family: 'Droid Serif', Georgia, serif; color: #fff; font-size: 16px; }
	footer.main p{ color: #fff; font-size: 14px; line-height: 1.3; }
	footer.main ul{ font-size: 14px; margin: 0; padding: 0; list-style: none; line-height: 1.4; }
	footer.main a{ color: #C14620; }
	footer.main a:hover{ color: #fff; }
	
	footer.main .footer-link-list{ float: left; }
	footer.main .footer-link-list.small{ width: 26%; }
	footer.main .footer-link-list.large{ width: 37%; }
	footer.main .footer-link-list ul{ padding-right: 20px; }
	
/*  ==============================================================================================================
	Footer (Copyright)
	============================================================================================================== */		
	
	footer.copyright p{ font-family: 'Droid Sans', Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 15px; }
	
/*  ==============================================================================================================
	Media Queries
	============================================================================================================== */		
	
	@media (max-width: 1110px) {
		header #utility-bar nav.social { display: none; }
		/* Stage */
		#stage{ width: 940px; height: 386px; }
		#stage .slides .slide{ width: 940px; height: 386px; }
		#stage .slides .slide .image .play{ position: relative; width: 657px; z-index: 100; margin-top: -386px; }
		#stage .slides .slide .image { float: left; width: 657px; }
		#stage .slides .slide .image img{ width: 657px; height: 386px; }
		#stage .slides .slide .callout { width: 283px; height: 386px; }
		#stage .slides .slide .callout .pad{ padding: 20px 15px 20px 15px; }
		#stage .slides .slide .callout .pad h2{ font-size: 24px; line-height: 1; }
		#stage .slides .slide .callout .pad p{ font-size: 14px; line-height: 1.1; margin-bottom: 20px; }
		#stage .slides .slide .callout .pad p.kicker{ 
			font-size: 11px; 
			letter-spacing: 1px;
			margin-bottom: 15px;
		}
		#stage .slides .slide .callout .pad .btn{ font-size: 12px; padding: 3px 8px; }
		#stage .slide-pager{ width: 283px; padding: 6px 0;  }
		
		header #main-bar p.tagline{ display: none; }
		
		header nav.main ul{ 
			font-size: 14px;
		}
		header nav.main ul li a{ padding: 14px 19px; }
		
		footer.featured .slides{ width: 960px; overflow: hidden; height: 400px; }
		footer.featured .slides .slide{ width: 960px; overflow: hidden; }
		footer.featured .slides .slide .box{ float: left; width: 185px; margin-right: 15px; height: 385px; }
		footer.featured .slides .slide .box:last-child{ margin-right: 0; }
		footer.featured .slides .slide .box img{ max-width: 100%; height: auto; }

		/* Left-Aligned Image (Ministry Pages) */
	
		.left-image{ 
			width: 700px !important;
			height: 325px !important;
		}
		.left-image .slides .slide{ width: 780px !important; height: 325px !important; }
		.left-image .slides .slide .image{ width: 553px !important; }
		.left-image .slides .slide .image img{ width: 553px !important; height: 325px !important; }
		.left-image .slides .slide .callout{ width: 227px !important; height: 325px !important; }
		.left-image .slides .slide .callout .pad{ padding: 20px !important; }
		.left-image .slides .slide .callout .pad h2{ font-size: 22px !important; line-height: 1.1 !important; margin-top: 0px !important; }
		.left-image .slides .slide .callout .pad p{ font-size: 13px !important; line-height: 1.3 ! !important; margin-bottom: 10px !important; }
		.left-image .slides .slide .callout .pad p.kicker{
			font-size: 12px !important;
			letter-spacing: 1px !important;
			margin-bottom: 10px !important;
		}
		.left-image .slide-pager{
			left: 0;
			width: 227px !important;
			padding: 10px 0 !important; 
		} 
		
		.left-image .btn{ padding: 5px 8px !important; font-size: 13px !important; }

		/* Bio */

		.bio .info{ width: 180px; }
		.bio .info .image{ width: 70px; }
		
	}
	
	@media (max-width: 980px) {
		/* Header */
		header{ margin-bottom: 20px; }
		header #main-bar p.tagline{ display: none; }
		header #utility-bar .search{ display: none; }
		header #utility-bar nav.social { display: none; }
		/* Header - Main Nav */
		header nav.main ul{ 
			font-size: 13px;
		}
		header nav.main ul li{ height: 60px; line-height: 1.4; }
		header nav.main ul li a{ padding: 10px; }

		/* Stage */
		#stage{ width: 724px; height: 300px; }
		#stage .slides .slide{ width: 724px; height: 300px; }
		#stage .slides .slide .image .play{ position: relative; width: 495px; z-index: 100; margin-top: -300px; }
		#stage .slides .slide .image{ float: left; width: 495px; }
		#stage .slides .slide .image img{ width: 495px; height: 300px; }
		#stage .slides .slide .callout{ width: 229px; height: 300px; }
		#stage .slides .slide .callout .pad{ padding: 20px 15px 20px 15px; }
		#stage .slides .slide .callout .pad h2{ font-size: 24px; line-height: 1; }
		#stage .slides .slide .callout .pad p{ font-size: 14px; line-height: 1.1; margin-bottom: 20px; }
		#stage .slides .slide .callout .pad p.kicker{ 
			font-size: 11px; 
			letter-spacing: 1px;
			margin-bottom: 15px;
		}
		#stage .slides .slide .callout .pad .btn{ font-size: 12px; padding: 3px 8px; }
		#stage .slide-pager{ width: 229px; padding: 6px 0;  }

		/* Left-Aligned Image (Ministry Pages) */
	
		.left-image{ 
			width: 724px !important;
			height: 325px !important;
		}
		.left-image .slides .slide{ width: 780px !important; height: 325px !important; }
		.left-image .slides .slide .image{ width: 553px !important; }
		.left-image .slides .slide .image img{ width: 553px !important; height: 325px !important; }
		.left-image .slides .slide .callout{ width: 227px !important; height: 325px !important; }
		.left-image .slides .slide .callout .pad{ padding: 20px !important; }
		.left-image .slides .slide .callout .pad h2{ font-size: 22px !important; line-height: 1.1 !important; margin-top: 0px !important; }
		.left-image .slides .slide .callout .pad p{ font-size: 13px !important; line-height: 1.3 ! !important; margin-bottom: 10px !important; }
		.left-image .slides .slide .callout .pad p.kicker{
			font-size: 12px !important;
			letter-spacing: 1px !important;
			margin-bottom: 10px !important;
		}
		.left-image .slide-pager{
			left: 0;
			width: 227px !important;
			padding: 10px 0 !important; 
		} 
		
		.left-image .btn{ padding: 5px 8px !important; font-size: 13px !important; }

		/* Bio */

		.bio{ display: none; }

		/* Featured */

		footer.featured .slides{ width: 724px; overflow: hidden; height: 400px}
		footer.featured .slides .slide{ width: 724px; overflow: hidden}
		footer.featured .slides .slide .box{ float: left; width: 186px; margin-right: 15px; height:385px }

	}
	
	@media (min-width: 768px) and (max-width: 979px) {
		header nav.main ul{ 
			font-size: 12px;
		}
		header nav.main ul li{ height: 60px; line-height: 1.4; }
		header nav.main ul li a{ padding: 9px; }
		#stage .slide-pager{ display: none;  }
		header #utility-bar nav.social { display: none; }
		footer input[type='text']{
			font-size: 11px;
			box-sizing: border-box;
			width: 100%;
		}
	}
	
	@media (max-width: 767px) {

		/* Containers */

		.container{ margin: 0 20px; }

		/* Header */

		header{ margin-bottom: 20px; }
		header #main-bar p.tagline{ display: none; }
		header #main-bar #signup{ display: none; }
		header #utility-bar .search{ display: none; }

		/* Header - Secondary Nav */

		header #utility-bar nav.secondary ul li a{
			padding: 10px;
			font-size: 11px;
		}

		/* Header - Main Nav */

		header nav.main ul{ float: none; font-size: 14px; }
		header nav.main ul li{ float: none; width: auto; height: auto; text-align: left; background: none; border-bottom: 1px solid #065279; }
		header nav.main ul li br{ display: none; }
		header nav.main ul li.last{ border-bottom: none; }
		header nav.main ul li a,
		header nav.main ul li.menu-item-4254 a,
		header nav.main ul li.menu-item-4085 a{ display: block; padding: 10px 20px 10px 5px; color: #fff; }

		/* Social */

		header #utility-bar nav.secondary{ overflow: hidden; border-bottom: 1px solid #666; }
		header #utility-bar nav.secondary ul li a{ padding: 5px; }
		header #utility-bar .pull-left{ float: none !important; }
		header #utility-bar .pull-right{ float: none !important; }
		header #utility-bar nav.social { display: block; background: none; overflow: hidden; }

		/* Stage */

		#stage{ width: auto; height: auto; overflow: visible; box-shadow: none; background: none; }
		#stage .slides .slides{ width: 100%; overflow: visible; }
		#stage .slides .slide{ width: auto; height: auto; overflow: visible; }
		#stage .slides .slide .image{ float: none; width: 100%; }
		#stage .slides .slide .image img{ width: 100%; height: auto; }
		#stage .slides .slide .callout{ float: none; width:100%; height: auto; overflow: hidden; }
		#stage .slides .slide .callout .pad{ padding: 20px 15px 20px 15px; }
		#stage .slides .slide .callout .pad h2{ font-size: 24px; line-height: 1; }
		#stage .slides .slide .callout .pad p{ font-size: 14px; line-height: 1.1; margin-bottom: 20px; }
		#stage .slides .slide .callout .pad p.kicker{ 
			font-size: 11px; 
			letter-spacing: 1px;
			margin-bottom: 15px;
		}
		#stage .slides .slide .callout .pad .btn{ font-size: 12px; padding: 3px 8px; }
		#stage .slide-pager{ display: none; }

		/* Featured */

		.featured{ display: block; }
		.resources{ display: block; }

		.resources .box{ float: none; }
		.resources .box ul{ font-size: 12px; }
		.resources .box ul li{ padding: 10px 0 15px 0; }

		/* Footer */

		footer.main .footer-link-list{ float: none; }
		footer.main .footer-link-list.small{ width: 100%; }
		footer.main .footer-link-list.large{ width: 100%; }
		footer.main .footer-link-list ul{ padding-right: 0; }

		/* Misc Classes */

		.image-right{
			float: none;
			width: 100%;
			height: auto;
			padding: 10px 0;
		}

		/* Typography */

		.box h3{
			font-size: 24px;
		}
		.article-detail h2{ font-size: 24px; padding: 10px 20% 0 0; margin-bottom: 0; }

		/* Left-Aligned Image (Ministry Pages) */
	
		.left-image{ 
			width: 100% !important;
			height: auto !important;
		}
		.left-image .slides .slide{ width: 100% !important; height: auto !important; }
		.left-image .slides .slide .image{ width: 100% !important; }
		.left-image .slides .slide .image img{ width: 100% !important; height: auto !important; }
		.left-image .slides .slide .callout{ width: 100% !important; height: auto !important; }
		.left-image .slides .slide .callout .pad{ padding: 20px !important; }
		.left-image .slides .slide .callout .pad h2{ font-size: 22px !important; line-height: 1.1 !important; margin-top: 0px !important; }
		.left-image .slides .slide .callout .pad p{ font-size: 13px !important; line-height: 1.3 ! !important; margin-bottom: 10px !important; }
		.left-image .slides .slide .callout .pad p.kicker{
			font-size: 12px !important;
			letter-spacing: 1px !important;
			margin-bottom: 10px !important;
		}
		.left-image .slide-pager{
			left: 0;
			width: 227px !important;
			padding: 10px 0 !important; 
		} 
		
		.left-image .btn{ padding: 5px 8px !important; font-size: 13px !important; }

	}
	
	@media (max-width: 480px) {
		/* Header - Logo */
		header #main-bar h1{ float: none; margin: 0; padding: 0; }
		header #main-bar h1 a{ width: 100%; height: 60px; background: url(./img/drvc-logo.png) no-repeat; background-size: 100%; text-indent: -9999px; overflow: hidden; }
	}

.bawmrp_manual ul li { margin:0 }

p.special {
	text-align: center;
	font-size: 36px;
	}