/* mobile.css */
#zero { width:100%; }
.mobile { display:none; }


.nav-mob li { border-bottom: 1px solid #c8c8c8; padding: 0 0 10px 10px; margin: 0 0 10px; }
	.nav-mob li > a { text-decoration: none; color: #7d7d7d; text-transform: uppercase; font-weight: 500; }

.nav-mob .sub-menu { margin: 10px 0 0 0; }
	.nav-mob .sub-menu li { padding: 0 0 0 15px; margin: 0 0 5px 0; border-bottom: none; display: inline-block; font-size: 11px; }

.header-mobile { position: relative; }
	.header-mobile h1 { float:left; line-height:1; }
		.header-mobile h1 img { padding-left:0; max-width:150px; }
	.mobile-menu-icon { float:right; margin:8px 0 0 0; }
	.nav-mobile.open .mobile-menu-icon { display:block; float:none; margin:0 22px 0 0; text-align:right; }
	#main_nav { margin:10px 0 0 0; }
		li.main_nav-item { margin:0 0 20px; padding:0 0 20px 10px; border-bottom: 1px solid #E0E0E0; }
		li.main_nav-item:first-child { padding-bottom:0; margin-bottom: 10px; }
		li.main_nav-item:last-child{ }
			li.main_nav-item a { font-size:16px; font-family:'Oswald',sans-serif; text-transform:uppercase; color:#262626; text-decoration:none; font-weight:bold;  }


	.pageNav-sub { margin: 0 0 0 20px; padding:0; border-bottom: none; }
		.sol-sub li { margin-bottom: 10px; margin-right: 10px; display: inline-block; }
			.sol-sub li a { font-size:14px; font-family:'Oswald',sans-serif; font-weight: bold; text-transform:uppercase; color:#7F7F7F; }

/* join dcn */
.oparegcol { max-width: 328px; width: 100%; }
#col2 { float: right; }



/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	.ft-copy, .ft-soc { float:  none; }
	.selector .fixed-01 { height: 145px; }
	.selector .fixed-02 { top: 160px; }

	/* join dcn */
	#selMembership { width: 300px; margin-right: 20px; }
	#selSupporter { width: 300px; }
	#col2 { float: left; }
	.nav-tabs > li > a, .nav-tabs2 > li > a { padding-left: 0; padding-right: 0; text-align: center; }

	/* about: board of directors */
	.li-bod { width: 100%; max-width: 284px; margin: 0 10px 20px 0 !important; }

	.eo-list .eo-item .eo-pic { width: 25%; }
	.eo-list .eo-item .header-eo { width: 75%; }

	.newslet-feed .ir-holder .ir-item .intel-sec { margin: 0 0 14px 7px; padding: 0 0 14px 10px; }
	.newslet-feed .newslet-holder .intel-header .intel-date { font-size: 9px; margin-top: 5px; }

	#mem-cur .art-container { padding: 30px 25px 30px 30px; }

}

/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px)
and (orientation: landscape) {
	header.main { margin-bottom: 40px; }
	#menu-main li { margin: 0 15px; }
		#menu-main > li > ul.sub-menu { width: 498px; }
	.search-box-wrapper { width: 508px; }
	#search-container .search-box .search-field { max-width: 405px; }
	.m-item.feat-item { width: 65%; margin: 0 auto; }
	.feat-top .twit-feed { margin: 0 auto 20px; }
	.feat-top .secondary-featured-posts { margin: 0 auto 20px; }
	.rotator-mem {  }
	.selector .fixed-01, .selector .fixed-02 { right: 0; }
	.selector .fixed-newslet { right: 0;}
	.selector .fixed-ad { right: 0;}
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	#menu-main li { margin: 0 10px; }
	.search-box-wrapper { width: 523px; }

	.m-item.feat-item { max-width: 490px; margin: 0 auto; }

	/* masonry */
	.selector .fixed-01, .selector .fixed-02 { right: 0; }

}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* mobile nav */
	body { overflow-x:hidden; }
	.desktop { display: none; }
	.mobile { display:block; }

	.nav-close { position:absolute; right:30px; top:35px; }
	.nav-mobile { width:90%; height: 430px; margin:0; padding:10px 0 0; background:#fff; overflow-y: scroll; position:fixed; top:0; right:-90%; -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.5); -webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; transition:all .25s; z-index:1000; color:#fff; border-left: 1px solid #E0E0E0; }
	.nav-mobile.open { box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.5); right:0; }
		.nav-item { margin-right:40px; font:18px/18px 'Oswald',sans-serif; text-transform:uppercase; margin-bottom:20px; }


	header.main { margin-bottom: 20px; padding-top: 20px; }

	/* masonry */
	.selector .fixed-01, .selector .fixed-02 { right: 0; }

	/* home */
	.m-item.feat-item { max-width: 480px; margin: 0 auto; }
	.feat-top .twit-feed { margin: 0 auto 20px; }
	.feat-top .secondary-featured-posts { margin: 0 auto 20px; }
	.rotator-mem .mem-list.mobile { display:  none; }
	.selector .fixed-newslet { right: 0;}
		.newslet-feed .newslet-header { width: 238px; background-position: 0 0; }
	.selector .fixed-ad { right: 0;}

	/* page style */
}
/* Laptop/Tablet Portrait (1024px) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.nav-s-holder { margin-left: 15px; }
	#menu-main li { margin: 0 6px; }
	header.main { margin-bottom: 40px; }

}
@media only screen and (min-width: 768px) and (max-width: 899px) {
    .widget .widget-title {
        padding-top: 3px;
        font-size: 12px;
    }
    .newslet-feed .newslet-holder .intel-date {
        font-size: 11px;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	/* mobile nav */
	html { overflow-x:hidden !important; }
	.desktop { display: none; }
	.mobile { display:block; }
	.nav-close { position:absolute; right:30px; top:35px; }
	.nav-mobile { width:90%; /*height: 478px;*/ margin:0; padding:10px 0 0; background:#fff; overflow-y: scroll; position:fixed; top:0; right:-90%; -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.5); -webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; transition:all .25s; z-index:1000; color:#fff; border-left: 1px solid #E0E0E0; }
	.nav-mobile.open { box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.5); right:0; }
		.nav-item { margin-right:40px; font:18px/18px 'Oswald',sans-serif; text-transform:uppercase; margin-bottom:20px; }

	header.main { margin-bottom: 20px; padding-top: 20px; }

	#zero { overflow-x:hidden; }

	/* home */
	.m-item.feat-item { height: auto; float: none; margin: 0 auto; }
		.feat-top .news-content { height: auto; }
	.feat-top .twit-feed { max-width: 100%; margin: 20px auto; float: none; border: 1px solid #c8c8c8; }
	.feat-top .secondary-featured-posts { max-width: 100%; height:auto; margin: 20px auto; float: none; border: 1px solid #c8c8c8; }
	.feat-top .secondary-featured-post { max-width:100%; }
	/*.feat-top .secondary-featured-post .img-holder {  height:auto; }*/
	.feat-top .secondary-featured-post .img-holder img { height:auto; }
	.rotator-mem { float: none; height: auto; }
	.selector .fixed-newslet, .selector .fixed-twit { right: auto; left: 0; width: 100%; max-width: 100%; }
	#masonry-container .twit-feed { width:100%; max-width:100%; }
    .post-type-archive-newsletters .selector .fixed-newslet { position: static; }
    .fixed-newslet .newslet-feed .newslet-header { height: 30px; background: #bebebe url(../images/bg-newslet.png) 0 0 no-repeat; }
        .newsletter-wgt .widget-title { top: -35px; }
        .newslet-content .widget_mc4wp_widget .widget-title { height: 30px; background: #bebebe url(../images/bg-newslet.png) 0 0 no-repeat; }

	.selector .fixed-ad { right: auto; left: 0; width: 100%; max-width: 100%; }

		.newslet-feed .newslet-header { background-position: left top; }

	.logo-holder { display: none; }
	.twit-content a.bg-twit { width: 100%; height: 30px; background: #bebebe url(../images/m-bg-twitter.png) 0 0 no-repeat; }

	/* masonry inContent */
	.selector .fixed-02 { top: 140px; }
		.fixed-02 .twit-feed { border: 1px solid #c8c8c8; }
	.m-item { width: 100%; max-width: 100%; }
	.selector .fixed-01, .selector .fixed-02 { width: 100%; max-width: 100%; }
	.selector .fixed-01 { height: 125px; }
	.twit-content iframe { width: 96% !important; }

	/* single */
	.art-container { padding: 20px 50px 30px 20px; }
		.art-section .shareaholic-canvas { width: 45px; right: -50px; }

	/* newsletters */
    .newslet-feed .newslet-holder .newslet-full { bottom: 110px; }
	.newslet-holder .intel-notes { width: 312px; height: auto; }
	.newslet-holder .intel-grid { width: 100%; margin: 10px 0; }
    .post-type-archive-newsletters .newslet-holder { width: 100%; }
    .post-type-archive-newsletters .newslet-holder .intel-header { background-size: cover; }
    .post-type-archive-newsletters .newslet-holder .intel-grid { max-width: none; }

    /* single newsletter */
    .single-newsletters .newslet-header-section .header-info {
        margin-bottom: 20px;
    }
    .single-newsletters .newslet-holder .intel-post {
        margin: 0 0 20px;
    }
    .single-newsletters .header-soc {
        float: none;
        clear: both;
    }
    .single-newsletters .header-soc ul {
        text-align: center;
    }
    .single-newsletters .header-soc ul li {
        float: none;
        display: inline-block;
    }



	/* membership: member, supporter */
	#mem-cur .art-container { padding: 30px 10px; }
	#mem-cur .mem-list { text-align: center; }
		#mem-cur .mem-list li { display: inline-block; float: none; }

	#supp-cur .art-container { padding: 30px 10px; }
	.content-supp { padding: 10px; }
	#supp-cur .mem-list .mem-item { min-height: 250px; height: 100%; }

	/* membership: notices, inside dcn */
	.blog-list-archive { margin: 0 0 20px; }
	.page-template-member-notices-php .prodGrid { padding: 20px 10px; }

	.content-idcn .header-banner { margin: 0 0 10px 0; }

	/* about: overview, board of directors */
	.content-about .art-container { padding: 30px 10px; }

	.contactCol { padding-right: 0; }
		.contactCol iframe { width: 100%; }

		/* about: board of directors */
	.li-bod { width: 100%; max-width: 284px; margin: 0 10px 20px 0; }
	.li-bod:nth-child(3n) { margin: 0 10px 20px 0; }

		/* about : executive officers */
	.eo-item .eo-title { height: auto; margin: 5px auto auto; }
	.pro-detail { bottom: 5px; }

	/* press */
	.content-single-eo .art-container { padding: 20px 50px 30px 20px; }

	/* about: contact form */
	.cp7ContactForm { padding: 60px 10px; }
	.cp7ContactForm input[type="text"], .cp7ContactForm input[type="email"], .cp7ContactForm input[type="tel"], .cp7ContactForm textarea { width: 100%; max-width: 270px; }

	/* search/tag/cat */
	.search-content { padding-left: 0; margin-top: 20px; }

	/* archive */
	body.archive .archive .search-header { height: 140px; }
	.side-tag { display: none; }
	.archive .blog-list-archive { margin: 0 0 20px 0; }
	.archive .prodGrid { padding: 10px; }
	.con-top-header h3 { margin: 10px 0 0 0; }

	/* form register */
	.oparegbox { padding: 45px 10px; }
	#col2 { float: left; }
	.stateZipBoxReg #fieldcontainer_zip { position: static; }
	.mem-form-con .submit { margin: 0; text-align: center; }

	/* footer */
	footer.ft-main { padding: 38px 0 20px 0;}
	.ft-main h2, .ft-main h3 { text-align: center; }
	.ft-copy, .ft-soc { float:  none; }
	.ft-nav { margin-top: 20px; float: none; }
		.ft-nav ul { text-align: center; }
		.ft-copy p { text-align: center; margin-bottom: 20px; }
		.ft-soc ul { text-align: center; }
			.ft-soc ul li { float: none; display: inline-block; }


}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.selector .fixed-01, .selector .fixed-02 { right: auto; left: 0; }
}
@media only screen and (min-width: 480px) and (max-width: 550px) {
    .newslet-holder .intel-header .intel-date { font-size: 20px; }
    .newslet-holder .intel-header .intel-title a { font-size: 18px; }
    .newslet-holder .intel-header .newslet-author { font-size: 16px; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.selector .fixed-01, .selector .fixed-02 { right: auto; left: 0; }
    .post-type-archive-newsletters .newslet-holder .newslet-li { width: 100%; }
    .post-type-archive-newsletters .newslet-holder .intel-grid { margin: 10px 0; }
}