/* Default Layout: 1025px */

body {
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}

.wrap {
	width: 1026px;
	margin: 0 auto;
	clear: both;
	position:relative;
}

/********************
   HEADER
********************/
#header {
	position:relative;
	/*z-index: 11111;*/
	
}

#blue_line,
#orange_line {
	height: 5px;
}

/*
 * MENUS
 */
#main_big {
	height: 100px;
	position:relative;
}
#main_big li {
	height: 100px;
	width: 25%;
	float: left;
	position: relative;
}
#main_big a {
	line-height: 100px;
	display: block;
	padding: 0 1em;
	vertical-align: middle;
}
#main_big li.tworows > a {
	line-height: 1em;
	padding-top: 2.2em;
	height: 66px;
}

#main_small li {
	height: 50px;
	line-height: 50px;
	float: left;
	position: relative;
}

#main_small li:last-child {
	/*width: 105px;*/
}
#main_small a {
	display: block;
}
#header nav > ul > li .sub-menu {
	display: none;
}
#header nav > ul > li:hover .sub-menu {
	display: block;
}
#main_big .sub-menu {
	position: absolute;
	top: 100px;
	left: 0px;
	width: 240px;
	padding: 0 15px 15px 15px;
	border-right-width: 1px;
}
#main_big > ul > li:last-child .sub-menu {
	width: 212px;
}
#main_big .sub-menu li,
#main_small .sub-menu li {
	height: auto;
	width: auto;
	padding: 12px 0;
	display: block;
	float: none;
	border-width: 0 0 1px 0;
}
#main_big .sub-menu li:last-child,
#main_small .sub-menu li:last-child {
	border-bottom-width: 0;
	padding-bottom: 0;
}
#main_big .sub-menu a,
#main_small .sub-menu a {
	line-height: 14px;
	border-right: 0;
}
#main_small .sub-menu {
	position: absolute;
	top: 49px;
	left: 0px;
	width: 183px;
	padding: 0 15px 15px 15px;
	border-right-width: 1px;
}
#main_small > ul > li:last-child .sub-menu {
	width: 212px;
}

/*
 * Search and Social
 */
#search {
	width: 100%;
	height: 19px;
	padding: 15px 0;
	margin: 0 10px 0 13px;
}


/*
 * Sub Header
 */
#sub_header {
	height: 190px;
	width: 100%;
	position:relative;
}
#page_title {
	height: 135px;
	overflow: hidden;
	position:relative;
}
#page_title h1 {
	line-height: 135px;
}
#sub_nav {
	height: 54px;
	border-bottom-width: 1px;
	position:relative;
}
#sub_nav li {
	height: 54px;
	width: 108px;
	line-height: 16px;
	float: left;
	border-right-width: 1px;	
	display: block;
	position: relative;
}
#sub_nav li:first-child {
	border-left-width: 1px;
}
#sub_nav a {
	display: table-cell;
	vertical-align: middle;
	width: 80px;
	padding: 0 14px;
	line-height: 16px;
	height: 54px;
}
#sub_nav .sub-menu {
	display: none;
	z-index: 2;
}

#sub_nav .sub-menu li{
	z-index: 2;
}
#sub_nav li:hover .sub-menu {
	display: block;
}
#mobile_menu {
	display: none;
}

/********************
FOOTER
********************/

footer {
	clear: both;
}
#mission {
	height: 200px;
}
#mission_title {
	width: 240px;
	height: 100px;
	float: left;
	padding: 50px 30px;
}
#mission_title h1 {	
	line-height: 55px;
}
.mission-col {
	height: 150px;
	width: 200px;
	float: left;
	padding: 20px 0px 20px 30px;
}
.mission-col h2 {
	line-height: 27px;
	margin-bottom: 6px;
}
#action {
	height: 110px;
}
#action_title {
	width: 270px;
	height: 110px;
	float: left;
	padding: 0px 0px 0px 30px;
}
#action_title h1 {
	line-height: 110px;
}
#action_text {
	width: 320px;
	line-height: 20px;
	padding: 25px 0px 0px 30px;
	float: left;
}
#action_button {
	width: 245px;
	height: 55px;
	margin: 30px 0px 0px 30px;
	float: left;
	display: block;
}
#infographic_min {
	height: 20px;
}
#infographic_title {
	width: 270px;
	padding-left: 30px;
	float: left;
}
#infographic_min #infographic_title {
	height: 20px;
}
/* SWIPER */
#infographic {
	height: 320px;
}
#infographic #infographic_title {
	height: 320px;
	line-height: 320px;
}
#infographic_control_right .button2 {
	display: none;
}

#infographic_slides {
	width: 550px;
	padding: 0 80px;
	height: 320px;
	overflow: hidden;
	position: relative;
}

#infographic_control_left {
	width: 80px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}

#infographic_control_right {
	width: 80px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 2;
}
#infographic_swiper {
	position: relative;
	width: 280px;
	height: 320px
}
.swiper-wrapper {
	/*width: 1120px;*/
}
.swiper-slide {
	width: 280px;
	height: 320px;
	text-align: center;
}
.swiper-slide img {
	height: 270px;
	width: 270px;
	padding: 25px 10px 25px 0;
	display: inline-block;
}
.swiper-slide img:first-child {
	display: none;
}
.swiper-slide:hover img:first-child {
	display: inline-block;
}
.swiper-slide-mobile {
	display: none;
}
/* END SWIPER */

/* footer */
#footer {
	height: 215px;
}
.footer-row {
	clear: both;
}
#footer_name {
	float: left;
	width: 260px;
	border-bottom: 1px solid #003C93;
	height: 40px;
	padding: 30px 20px;
}
#footer_address {
	float: left;
	border-bottom: 1px solid #003C93;
	padding: 20px 0px 20px 30px;
	width: 185px;
	height: 60px;
}
#footer_phone {
	float: left;
	border-bottom: 1px solid #003C93;
	font-size: 16px;
	padding: 30px 0px;
	height: 40px;
	text-align: center;
	width: 214px;
	border-left: 1px solid #003C93;
}
#footer_email {
	float: left;
	border-bottom: 1px solid #003C93;
	padding: 40px 0px;
	height: 20px;
	width: 184px;
	border-left: 1px solid #003C93;
}
#footer_social {
	float: left;
	padding: 20px 0px;
	height: 60px;
	width: 109px;
	border-bottom: 1px solid #003C93;
	border-left: 1px solid #003C93;
}
#footer_fineprint {
	padding-top: 40px;
	width: 90%;
	margin: 0 auto;
}

/********************
   FRONT PAGE
********************/

/*
 * Motto
 */
#motto_wrap {
	height: 485px;
}
#motto {
	width: 651px;
	height: 418px;
	float: left;
	padding: 27px 27px 40px 27px; /* Bottom padding is for flexslider controls */
}
#motto h1 {
	margin-bottom: 27px;
	font-size: 88px;
	line-height: 85px;
}
#motto p {
	margin: 0;
	line-height: 20px;
}
#this_just_in {
	height: 431px;
	width: 266px;
	padding: 27px;
	float: left;
}
#this_just_in h1 {
	margin-bottom: 27px;
	padding: 0;
	line-height:37px;
}
#this_just_in a h2 {
	line-height:27px;
}
#this_just_in p {
	margin: 0 0 27px;
	line-height: 20px;
}
/* Flex slider Controls */
#flex_controls_wrap {
	clear: both;
	position: relative;
	height: 43px
}
#flex_controls {
	width: 705px;
	text-align: center;
}
#orange_col {
	height: 43px;
	float: right;
}

/*
 * Pillars
 */
#pillars_wrap {
	width: 100%;
	height: auto;
	float: left;
}
#pillars_wrap .wrap {
	position: relative;
}
.pillars {
	width: auto;
	margin: 0;
}
.pillars li {
	float: left;
}
.pillars i {
	height: auto;
	float: left;
	margin: 27px;
	line-height: 34px;
	width: 880px;
}
.pillars-content-wrap {
	display: table;
}
.pillars-media {
	height: 388px;
	width: 675px;
	padding-left: 27px;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
}
.pillars-media .youtube-placeholder {
	width: 675px;
	height: 388px;
	position: absolute;
}
.pillars-media .flexsliderplayer {
	position: relative;
	z-index: 2;
}
.pillars-post {
	padding: 0 0 0 27px;
	width: 270px;
	display: table-cell;
	vertical-align: middle;
}
.pillars-post-inside {
	display: block;
	width: 270px;
}
.pillars-post h4 {
	width: 100%;
	line-height: 27px;
}
.pillars-post a {
	width: 100%;
	margin: 12px 0;
	line-height: 27px;
}
.pillars-post p {
	width: 100%;
	max-height: 280px;
	margin: 6px 0 0 0;
	line-height:20px;
}
.pillars-content hr {
	width: 972px;
	height: 1px;
	border: 0;
	margin: 27px;
}

/** Vote Stuff **/
.vote-content {
	margin-top: 15px;
	width: 300px;
	min-height: 50px;
	float: left;
}
.vote-inner {
	margin-left: 27px;
}

/**
 * 	Programs
 */
#programs_content {
	width: 724px;
	height: 100%;
	float: left;
	margin: 15px 0 27px 0;
}
#programs_content h1 a {
	margin: 53px 0 0 27px;
}
#programs_content ul li {
	width: 110px;
	margin: 0 27px 10px 27px;
	float: left;
	height:140px;
}
#programs_content ul li h3 {
	float: left;
}
#programs_content ul li h3:hover {
	color: #7ecaf1;
}
#programs_content ul li p {
	margin-top: 6px;
	float: left;
}

/********************
   DEFAULT PAGE
********************/

#content {
	width: 675px;
	padding: 27px 25px;
	float: left;
}
#secondary {
	width: 250px;
	padding: 27px 25px;
	float: left;
}


/**********************
NEWS TEMPLATE
 *********************/

#archives {
	position: relative;
}
#sub_nav .monthpicker {
	padding: 5px;
	border: 3px solid #AAA;
	position: absolute;
	top: 54px;
	z-index: 2;
}
#sub_nav .monthpicker table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 184px;
}
#sub_nav #archives .monthpicker a {
	display: block;
	width: auto;
	height: auto;
}
.ivmf-page-pagination {
	margin: 50px 0 20px 100px;
}
.ivmf-page-pagination a,
.ivmf-page-pagination span {
	padding: 12px 16px;
	margin: 4px;
	outline: 1px #E6E6E6 solid;
}

/**
 * 	Post styles
 */
.post {
	margin-bottom: 20px;
}
.entry-title a {
	margin: 8px 0;
}
.single #content.no-sidebar {
	width: auto;
}

/**********************
TABLET LAYOUT: 768px 
 *********************/

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
	body {

	}
	.wrap {
		width: 768px;
	}
	/*
	 * HEADER
	 */
	#logo {
		width: 35%;
	}
	#menus {
		width: 60%;
	}
	#social {
		width: 5%;
	}
	#search {
		width: 100px;
	}



	/*
	 * FOOTER
	 */
	#mission_title {
		width: 200px;
		padding: 0 0 0 10px;
		height: 200px;
	}
	#mission_title h1 {
		font-size: 40px;
		line-height: 200px;
	}
	.mission-col {
		height: 160px;
		width: 160px;
		float: left;
		padding: 20px 0px 0px 20px;
	}
	.mission-col p {
		line-height: 16px;
	}
	#action_title {
		width: 200px;
		padding: 0 0 0 10px;
		height: 110px;
	}
	#action_title h1 {
		font-size: 32px;
		line-height: 110px;
	}
	#action_text {
		padding-left: 20px;
		width: 310px;
	}
	#action_button {
		margin: 23px 24px 0 0;
		float: right;
		width: 140px;
	}
	#infographic_title {
		width: 200px;
		padding: 0 0 0 10px;
	}
	#infographic_title h1 {
		font-size: 32px;
	}
	#footer {
		height: 180px;
	}
	#footer_name {
		width: 185px;
		font-size: 16px;
		padding: 30px 4px 30px 20px;
		border-right: 1px solid #003C93;
	}
	#footer_address {
		padding: 20px 0 20px 20px;
		width: 160px;
	}
	#footer_phone {
		width: 160px;
	}
	#footer_email {
		width: 153px;
	}
	#footer_social {
		width: 44px;
		padding: 20px 0;
	}
	#footer_social a {
		display: block;
		float: none;
		height: auto;
		width: auto;
		margin: 0px 11px 10px 12px;
	}
	#footer_social span {
		margin: 0;
	}
	#footer_fineprint {
		padding-top: 20px;
	}
	/*
	 * FRONT PAGE
	 */
	#motto_wrap {
		height: auto;
	}
	#motto {
		width: 430px;
		padding: 25px 1px 0 25px;
	}
	#motto h1 {
		margin-bottom: 5px;
		font-size: 88px;
		line-height: 75px;
	}
	#this_just_in {
		height: 530px;
		width: 262px;
		padding: 25px;
		float: right;
	}
	#flex_controls {
		top: 0px;
		left: 0px;
		width: 456px;
	}
	#orange_col {
		width: 312px;
	}
	.pillars i {
		width: auto;
		margin: 25px;
		font-size: 26px
	}
	.pillars-media {
		width: 431px;
		height: 283px;
		padding-left: 25px;
	}
	.pillars-media .youtube-placeholder {
		width: 431px;
		height: 283px;
	}
	.pillars-post {
		width: 287px;
		margin: 0 0 0 25px;
	}
	#programs_content {
		width: 467px;
	}
	#programs_content ul li {
		float: none;
		width: auto;
		height: auto;
	}
	/* infographic slider */
	#infographic_slides {
		width: 478px;
		padding: 0 40px;
	}
	#infographic_control_left, 
	#infographic_control_right {
		width: 40px;
	}
	#infographic_control_left .button, 
	#infographic_control_right .button2 {
		margin: 134px 6px;
		display: block;
	}
	#infographic_control_right .button {
		display: none;
	}
	#infographic_swiper {
		width: 478px;
	}
	.swiper-slide img:first-child {
		display: none !important;
	}
	.swiper-slide-mobile {
		display: block;
	}
	.swiper-slide-mobile img:first-child {
		display: inline-block !important;
	}
	
	/*
	 * Default Page
	 */
	#secondary,
	#secondary img {
		width: 200px;
	}
	#content {
		width: 468px;
	}
}/* End of Tablet style 768-1025 */



/* Mobile Layout: 100% */

@media only screen and (max-width: 767px) {
	
	.wrap {
		width: 100%;
	}

	/*
	 * Off-set nav
	 */
	#page {
		background-color: #0A5BBC;
		overflow: hidden;
	}

	#page_inner {
		-webkit-transition: all 500ms cubic-bezier(0.32, 0.99, 0.65, 1.01);
		-moz-transition: all 500ms cubic-bezier(0.32, 0.99, 0.65, 1.01);
		-o-transition: all 500ms cubic-bezier(0.32, 0.99, 0.65, 1.01);
		transition: all 500ms cubic-bezier(0.32, 0.99, 0.65, 1.01);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.offset_nav_active #page_inner {
		-webkit-transform: translate3d(-80%, 0, 0);
		-moz-transform: translate3d(-80%, 0, 0);
		-ms-transform: translate3d(-80%, 0, 0);
		-o-transform: translate3d(-80%, 0, 0);
		transform: translate3d(-80%, 0, 0);
	}
	.no-csstransforms3d .offset_nav_active #page_inner {
		position: relative;
		left: -80%;
	}

	#main {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		background-color: #fff
	}
	#main #secondary{
		margin-top: 0;
	}
	.dim { opacity: 1; }

	/*
	 * HEADER
	 */
	#header a {
		text-align: left!important;
	}
	#blue_line, #orange_line {
		display: none;
	}
	#logo {
		border: none;
		clear: both;
		float: left;
		margin: 0;
		width: 297px;
		height: auto;
		margin-left: -10px;
	}
	#logo a {
		margin-top: 0;
	}
	#menus {
		width: 100%;
	}
	.b_offcanvas_menu {
		background: #0045A8 url(images/b_offcanvas_menu.png) center center no-repeat;
		-webkit-background-size: auto 25%;
		-moz-background-size: auto 25%;
		-o-background-size: auto 25%;
		background-size: auto 25%;
		border-left: 2px #1d3691 solid;
		display: block;
		float: right;
		height: 107px;
		padding: 0 1em;
		text-indent: -9999px;
		width: 15%;
		z-index: 999;
		position: relative;
	}
	#offcanvas {
		padding-top: 50px;
		position: absolute;
		width: 80%;
		z-index: 1;
		-webkit-transform: translate3d(125%, 0, 0);
		-moz-transform: translate3d(125%, 0, 0);
		-ms-transform: translate3d(125%, 0, 0);
		-o-transform: translate3d(125%, 0, 0);
		transform: translate3d(125%, 0, 0);

		-webkit-transition: all 500ms cubic-bezier(0.32, 0.99, 0.65, 1.01);
		-moz-transition: all 500ms cubic-bezier(0.32, 0.99, 0.65, 1.01);
		-o-transition: all 500ms cubic-bezier(0.32, 0.99, 0.65, 1.01);
		transition: all 500ms cubic-bezier(0.32, 0.99, 0.65, 1.01);
	}
	#main, #sub_header {
		position: relative;
		z-index: 2;
	}
	#sub_header {
		z-index: 3;
	}

	.no-csstransforms3d #offcanvas {
		right: 100%;
	}
	.no-csstransforms3d .offset_nav_active #offcanvas {
		right: -80%;
	}



	#main_big,
	#main_small {
		border: 0;
		height: auto;
		overflow: hidden;
		float: none;
		position: static!important;
	}
	#main_big li,
	#main_small li {
		background-color: #1d3691;
		float: none;
		line-height: 1em;
		width: 100%;
		height: auto;
		border-bottom: 1px #002f74 solid;
	}
	#main_big a,
	#main_small a {
		border-left: 0!important;
		line-height: 1em;
		padding: 1em!important;
	}
	#main_small form {
		background-color: #002f74;
		border: 0!important;
	}
	#main_big li.tworows a {
		height: auto;
	}
	#header li.menu-parent-item::after {
		display: none!important;
	}
	#main_big .sub-menu, 
	#main_small .sub-menu{
		display: none!important;
	}
	#search_wrap {
		width: 25%;
	}
	#search {
		width: 90%;
		margin: 0 5% 0 16px;
		background-position: left center;
		font-size: 16px;
	}
	.li_search {
		position: absolute!important;
		top: 0;
		left: 0;
	}
	#social {
		background-color: #0A5BBC;
		text-align: center;
		width: 100%;
		height: auto;
	}
	#social a {
		display: inline-block;
		margin: 20px;
	}

	.social_facebook span,
	.social_twitter span,
	.social_linkedin span {
		background-image: url(images/social_icons@2x.png);
		-webkit-background-size: auto 24px;
		-moz-background-size: auto 24px;
		-o-background-size: auto 24px;
		background-size: auto 24px;
		height: 24px;
		width: 24px;
	}

	.social_facebook span { background-position: 0 0; }
	.social_facebook:hover span { background-position: -73px 0; }
	.social_twitter span { background-position: -24px 0; }
	.social_twitter:hover span { background-position: -96px 0; }
	.social_linkedin span { background-position: -49px 0; }
	.social_linkedin:hover span { background-position: -121px 0; }


	#sub_header {
		height: auto;
	}
	#page_title {
		height: 75px;
	}
	#page_title h1 {
		line-height: 75px;
		font-size: 40px;
		text-align: center;
	}
	
	#sub_nav {
		height: auto;
		padding: 10px;
		border-bottom: none;
	}
	#sub_nav .menu {
		display: none;
	}
	
	#menu-news .ivmf-rss-link{
		display: none;
	}
	
	#sub_nav #menu-news {
		display:block;
		width:100%;
		height:60px;
		border-left: 1px solid #aaaaaa;
		border-right: 1px solid #aaaaaa;
	}
	
	#sub_nav #menu-news li{
		width:50%;
		height:58px;
		border-left: none;
		border-right:none;
		border-top:1px solid #aaaaaa;
		border-bottom: 1px solid #aaaaaa;
	}
	
	#sub_nav #menu-news li a{
		width: 100%;
		display:block;
		padding:0;
		vertical-align: middle;
		padding-top:18px;
		height:40px;
		
	}
	
	#sub_nav #menu-news .sub-menu {
		width:100%;
	}
	#sub_nav #menu-news .sub-menu li {
		width:100%;
		border:none;
		padding:0;
		background-color: #aaaaaa;
	}
	#sub_nav #menu-news .sub-menu li a{
		width: 80%;
		margin-left:auto;
		margin-right:auto;
		
	}
	#sub_nav #menu-news .sub-menu li:first-child a{
		border-top: none;
		top:0px;
	}
	#sub_nav #menu-news .sub-menu li a{
		border-top: 1px solid white;
		position:relative;
		top:-1px;
	}
	
	#sub_nav #menu-news #archives{
		border-left:1px solid #aaaaaa;
	}
		#sub_nav #menu-news #archives:hover{
		border-right:1px solid #aaaaaa;
	}
	

	
	#sub_nav #menu-news #monthpicker {
		width:100%;
		border:none;
		min-width:184px;
		padding:0;
		top:58px;
	}
	
	#sub_nav #menu-news #monthpicker table {
		width:100%;
	}
	
	#sub_nav #menu-news .monthpicker  a {
		border: none;
	}
	
	#sub_nav .social-share{
		height:54px;
		border-bottom: 1px solid #aaaaaa;
		border-top: 1px solid #aaaaaa;
		border-left: 1px solid #aaaaaa;
	}
	
	
	
	
	#mobile_menu {
		display: block;
	}
	#mobile_menu > a {
		border: 1px solid #AAA;
		color: black;
		text-decoration: none;
		text-align: center;
		display: block;
		width: auto;
		height: auto;
		line-height: 40px;
		position: relative;
	}
	#mobile_menu > a::after {
		position: absolute;
		bottom: 0px;
		right: 0px;
		content: '';
		width: 0;
		height: 0;
		border-bottom: 8px solid #AAA;
		border-left: 8px solid transparent;
	}
	#mobile_menu > a:hover {
		background: #e9e9e9;
	}
	#mobile_menu:hover .sub-menu,
	#mobile_menu.mobile-open .sub-menu {
		display: block;
	}
	#mobile_menu .sub-menu li {
		display: block;
		float: none;
		width: auto;
		height: auto;
		padding: 0;
	}
	#mobile_menu .sub-menu li a {
		display: block;
		width: auto;
		height: auto;
		line-height: 40px;
		color: black;
		padding: 0 10px;
		background: #BBB;
	}
	
	/*
	 * FOOTER
	 */
	#mission, #action, #footer {
		float: none;
		height: auto;
		padding: 10px;
	}
	#mission_title, #action_title {
		float: none;
		height: auto;
		width: auto;
		background: transparent;
		padding: 0;
	}
	#mission_title h1,#action_title h1 {
		font-size: 46px;
		line-height: 1;
	}
	.mission-col {
		float: none;
		height: auto;
		width: auto;
		padding: 0;
	}
	.mission-col h2 {
		font-size: 24px;
		margin: 10px 0 0;
	}
	.mission-col p {
		text-align: justify;
		line-height: 16px;
	}
	#action_text {
		float: none;
		width: auto;
		line-height: 16px;
		padding: 10px 0;
		text-align: justify
	}
	#action_button {
		float: none;
		padding: 10px 0;
		margin: 0;
		width: auto;
		height: 30px;
		line-height: 30px;
	}
	#infographic_title {
		display: none;
	}
	#footer_name {
		display: none;
	}
	#footer_address, #footer_phone, #footer_email {
		text-align: center;
		width: auto;
		float: none;
		padding: 0;
		font-size: 14px;
		line-height: 16px;
	}
	#footer_address {
		height: 75px;
	}
	#footer_phone {
		height: 30px;
		padding: 20px 0;
		border-left: none;
	}
	#footer_email {
		height: 20px;
		border-left: none;
		padding: 25px 0;
	}
	#footer_social {
		display: none;
	}
	#footer_fineprint {
		padding: 0;
		font-size: 12px;
		line-height: 14px;
		padding-top: 10px;
	}

	/*
	 * FRONT PAGE
	 */
	#motto_wrap {
		height: auto;
	}
	#motto_wrap > .wrap {
		opacity: 1 !important; // disable jQuery fading	
	}
	#motto,
	#this_just_in {
		width: auto;
		height: auto;
		padding: 10px;
		float: none;
	}
	#motto h1,
	#this_just_in h1 {
		font-size: 46px;
		line-height: 46px;
		margin: 0;
	}
	#flex_controls_wrap {
		background: white;
		height: 20px;
		overflow: hidden;
		padding-top: 10px;
	}
	#flex_controls {
		position: static;
		width: auto;
	}
	.flex-control-paging li {
		width: auto;
	}
	.flex-control-paging li a {
		background: #CCC;
		width: 20px;
		height: 20px;
	}
	.flex-control-paging li a:hover{
		background:#999;
	}
	.flex-control-paging li a.flex-active {
		background: #999;
	}
	#orange_col {
		display: none;
	}
	.pillars i {
		width: auto;
		line-height: 24px;
		margin: 20px 10px;
		font-size: 20px;
	}
	.pillars-media,
	.pillars-post {
		height: auto;
		width: auto;
		float: none;
		display: block;
		padding: 10px;
	}
	.pillars-media {
		height: 203px;
	}
	.pillars-media .youtube-placeholder {
		display: none;
	}
	.pillars-post a {
		font-size: 24px;
	}
	.vote-content {
		width: auto;
		float: none;
		padding: 0 10px;
	}
	.vote-inner {
		margin: 0;
	}
	#programs_content {
		width: auto;
		float: none;
		margin: 0;
		padding: 0 10px;
		border: 0;
	}
	#programs_content h1 a {
		margin: 0;
		font-size: 40px;
	}
	#programs_content ul {
		margin: 0;
	}
	#programs_content ul li {
		float: none;
		width: auto;
		margin: 0;
		height:auto;
	}
	#programs_content ul li h3,
	#programs_content ul li p {
		float: none;
	}
	/* infographic slider */
	#infographic_slides {
		width: auto;
		padding: 0;
	}
	#infographic_control_left, 
	#infographic_control_right {
		width: 40px;
	}
	#infographic_control_left .button, 
	#infographic_control_right .button2 {
		margin: 134px 6px;
		display: block;
	}
	#infographic_control_right .button {
		display: none;
	}
	#infographic_swiper {
		width: auto;
	}
	.swiper-slide img:first-child {
		display: none !important;
	}
	.swiper-slide-mobile {
		display: block;
	}
	.swiper-slide-mobile img:first-child {
		display: inline-block !important;
	}
	
	/*
	 * Default Template
	 */
	#secondary,
	#content {
		width: auto;
		float: none;
		padding: 10px;
	}
	#secondary img {
		margin: 0 auto;
		max-width: 100%;
	}
	.post {
		margin-bottom: 30px;
	}
	.entry-title a {
		font-size: 24px;
		line-height: 24px;
	}
	.entry-meta .tag {
		display: block;
	}
	.entry-meta span:nth-of-type(2) {
		display: none;
	}
	.ivmf-page-pagination {
		margin: 0;
	}
	.ivmf-page-pagination a,
	.ivmf-page-pagination span {
		padding: 5px;
	}
	
}/* End of Mobile Layout: 100% */


@media only screen and (max-width: 468px) {
	#logo {
		width: 220px;
	}
	.b_offcanvas_menu {
		height: 79px;
	}
}


/* tweaks for ultra small screens */
@media only screen and (max-width: 350px) {
	
	/* shrink move infographic buttons and move up */ 
	#infographic_control_left .button, 
	#infographic_control_right .button2 {
		margin: 30px 0 0 0;
		display: block;
		border-top-width: 20px;
		border-bottom-width: 20px;
	}
	#infographic_control_left .button {
		border-right-width: 20px;
	} 
	#infographic_control_right .button2 {
		border-left-width: 20px;
	}
	#infographic_slides,
	#infographic_control_left,
	#infographic_control_right,
	#infographic_swiper {
		background-color: transparent;
	}
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}