/** 
 * mobile.css
 */

@media only screen and (min-device-width: 681px) {
	div.whitespacer div.nav-wrap div#header div#minidropdown div.menu-main-menu-container {
		display: inherit;
	}
	div.whitespacer div.nav-wrap div#header div.menu-main-menu-container {
		display: none;
	}
}

@media only screen and (max-device-width: 390px) {
}

@media only screen and (max-device-width: 680px) {

	div#allpop {
		display: none;
	}

	body {
		width: auto;
		overflow-x: hidden;
		background-color: #999 !important;
	}

	div.whitespacer {
		width: 100%;
		padding: inherit;
		background-color: inherit;
		font-size: 15px;
	}
	div.whitespacer div.nav-wrap {
	}
	div.whitespacer div.nav-wrap div#header {
		width: 100%;
		height: 100vh;
		/*background-color: #fff;*/
		overflow-x: hidden;
	}
	div.whitespacer div.nav-wrap div#header div.header-bar {
		display: none;
	}
	div.whitespacer div.nav-wrap div#header img.headshot {
		display: none;
	}
	div.whitespacer div.nav-wrap div#header a.homelink {
		top: 0;
		left: 52px;
		height: auto;
		width: 90%;
		position: relative;
		z-index: 11;
	}
	div.whitespacer div.nav-wrap div#header a.homelink img {
		height: auto;
		width: 90%;
	}
	div.whitespacer div.nav-wrap div#header form#searchform {
		display: none;
	}
	div.whitespacer div.nav-wrap div#header div#minidropdown {
		display: none;
	}/*
	div.whitespacer div.nav-wrap div#header div#minidropdown div.menu-main-menu-container {
		
	}
	div.whitespacer div.nav-wrap div#header div#minidropdown div.menu-main-menu-container ul#menu-main-menu.nav.dropdown {
		
	}
	div.whitespacer div.nav-wrap div#header div#minidropdown div.menu-main-menu-container ul#menu-main-menu.nav.dropdown li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-parent-item {
		
	}
	div.whitespacer div.nav-wrap div#header div#minidropdown div.menu-main-menu-container ul#menu-main-menu.nav.dropdown li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-parent-item a {
		
	}
	div.whitespacer div.nav-wrap div#header div#minidropdown div.menu-main-menu-container ul#menu-main-menu.nav.dropdown li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-parent-item ul.sub-menu {
		
	}*/

	div.whitespacer div.nav-wrap div#header div.menu-main-menu-container {
		
	}

	.menu-visible div.whitespacer div.nav-wrap div#header div.menu-main-menu-container div.mobile-menu-icon {
		background-image: url('/wp-content/themes/newport/remove.png');
		background-size: 25px auto;
	}

	div.whitespacer div.nav-wrap div#header div.menu-main-menu-container div.mobile-menu-icon {
		/* background-image: url('/wp-content/themes/newport/glyphicons_free/glyphicons/png/glyphicons-517-menu-hamburger.png'); */
		background-image: url('/wp-content/themes/newport/hamburger.gif');
		background-repeat: no-repeat;
		background-size: 40px 34px;
		background-position: center;
		padding: 0;
		width: 34px;
		height: 29px;
		border: 1px solid #CCC;
		border-radius: 2px;
		margin: 8px;
	}

	div.whitespacer div.nav-wrap div#header div.menu-main-menu-container ul.mobile-menu {
		display: none;
		left: -260px;
		position: absolute;
		list-style: none;
	}

	div.whitespacer div.nav-wrap div#header div.menu-main-menu-container ul.mobile-menu {
		/*background-color: #999;*/
		color: #000;
		left: 0;
		width: 275px;
		top: 41px;
		padding-top: 10vw;
		padding-left: 5px;
	}

	div.whitespacer div.nav-wrap div#header div.menu-main-menu-container ul.mobile-menu li {
	}
	div.whitespacer div.nav-wrap div#header div.menu-main-menu-container ul.mobile-menu li a {
		color: #FFF;
		font-weight: bold;
		font-size: 16px;
	}
	div.whitespacer div.nav-wrap div#header div.menu-main-menu-container ul.mobile-menu li ul.sub-menu {
		list-style: none;
		margin-left: 30px;
	}
	div.whitespacer div.nav-wrap div#header div.menu-main-menu-container ul.mobile-menu li ul.sub-menu li {
	}
	div.whitespacer div.nav-wrap div#header div.menu-main-menu-container ul.mobile-menu li ul.sub-menu li a {
	}

	div.whitespacer div.nav-wrap div#header div.menu-main-menu-container {
		position: absolute;
		top: 0;
		left: 0;

		/*width: 10%;*/
		padding: 0;
		margin: 0;

		list-style: none;
		z-index: 10;
	}

	.menu-visible div.whitespacer div.nav-wrap div#header div.menu-main-menu-container {
		/*background-color: #999;*/
	}

	/* Show the menu when animating or visible */
	.animating div.whitespacer div.nav-wrap div#header div.menu-main-menu-container  ul.mobile-menu
	, .menu-visible div.whitespacer div.nav-wrap div#header div.menu-main-menu-container ul.mobile-menu {
	  display: block;
	}
	 
	/***
	 * If the animating class is present then apply
	 * the CSS transition to #page over 250ms.
	 */
	/*.animating .whitespacer {*/
	.animating .whitespacer #wrapper {
	  transition: transform .25s ease-in-out;
	  -webkit-transition: -webkit-transform .25s ease-in-out;
	}
	 
	/***
	 * If the left class is present then transform
	 * the #page element 240px to the left.
	 */	
	/*.animating.left .whitespacer {*/
	.animating.left .whitespacer #wrapper {
	  transform: translate3d( -280px, 0, 0 );
	  -webkit-transform: translate3d( -280px, 0, 0 );
	}
	 
	/***
	 * If the right class is present then transform
	 * the #page element 240px to the right.
	 */
	/*.animating.right .whitespacer {*/
	.animating.right .whitespacer #wrapper {
	  transform: translate3d( 280px, 0, 0 );
	  -webkit-transform: translate3d( 280px, 0, 0 );
	}
	 
	/***
	 * If the menu-visible class is present then
	 * shift the #page 240px from the right edge
	 * via position: absolute to keep it in the 
	 * open position. When .animating, .left and
	 * .right classes are not present the CSS
	 * transform does not apply to #page.
	 */
	/*.menu-visible .whitespacer {*/
	.menu-visible .whitespacer #wrapper {
	  right: -280px;
	  /*position: relative;*/
	}

	div.whitespacer div#wrapper {
		width: 100%;
		z-index: 1;
		top: 0px; 
		position: absolute;
		background-color: #fff;
		padding-top: 17%;
	}

	div.whitespacer div#wrapper div#sidebar {
		width: 100%;
		margin-top: 0;
	}
	div.whitespacer div#wrapper div#sidebar div.widget {
		width: 98%;
		padding: 0 1%;
	}
	div.whitespacer div#wrapper div#sidebar div.widget div.textwidget div[id^="div-gpt-ad-"], div[id*=" div-gpt-ad-"] {
		width: 300px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 2%;
	}
	div.whitespacer div#wrapper div#sidebar div#about-dr-c {
		float: left;
		width: 100%;
		padding: 0;
	}
	div.whitespacer div#wrapper div#sidebar div#about-dr-c h3 {
		width: 100%;
	}
	div.whitespacer div#wrapper div#sidebar div#welcome-video {
		clear: both;
		width: 100%;
		padding: 0;
	}
	div.whitespacer div#wrapper div#sidebar div#welcome-video h3 {
		width: 100%;
	}
	div.whitespacer div#wrapper div#sidebar div#welcome-video iframe {
		width: 100%;
	}
	div.whitespacer div#wrapper div#sidebar div.widget div.textwidget div.subno {
		display: none;
	}
	div.whitespacer div#wrapper div#sidebar div#popular-articles {
		display: none;
	}

	div.whitespacer div#wrapper div#left-column {
		width: 100%;
		padding-top: 0;
	}
	div.whitespacer div#wrapper div#left-column div#features {
		width: 96%;
		position: inherit;
		height: inherit;
		padding: 0 2%;
	}
	div.whitespacer div#wrapper div#left-column div#features h2 {
		font-size: 5vw;
		line-height: 5vw;
		padding-bottom: 0;
	}
	div.whitespacer h3
	, #no-template-pager div .post-info h3 {
		font-size: 24px;
		line-height: 29px;
	}
	div.whitespacer div#wrapper div#left-column div#features div#slideshow {
		position: relative;
		top: 10px; /* Keeping this consistent by giving it a px value instead of a % */
		width: 100%;
		height: inherit;
		left: inherit;
	}
	div.whitespacer div#wrapper div#left-column div#features div#slideshow div.cycle-sentinel.cycle-slide {
		display: none !important;
	}
	div.whitespacer div#wrapper div#left-column div#features div#slideshow div.cycle-slide {
		width: 100%;
		position: relative !important;
	}
	div.whitespacer div#wrapper div#left-column div#features div#slideshow div.cycle-slide a.pointer img.attachment-thumbnail {
		max-width: 100%; /* inherit; */
		max-height: none; /* inherit; */
		width: 100%;
		height: auto;
	}
	div.whitespacer div#wrapper div#left-column div#features div#no-template-pager {
		position: inherit;
		width: 100%;
		height: inherit;
		top: inherit;
		right: inherit;
	}
	div.whitespacer div#wrapper div#left-column div#features div#no-template-pager div.pointer {
		width: 100%;
		clear: both;
	}
	div.whitespacer div#wrapper div#left-column div#features div#no-template-pager div.pointer img.attachment-thumbnail {
		width: 29% !important;
		height: auto !important;
		/* max-height: 61px; */
		position: inherit;
		left: inherit;
		top: inherit;
		float: left;
	}
	div.whitespacer div#wrapper div#left-column div#features div#no-template-pager div.pointer div.post-info {
		width: 68%;
		height: auto;
		position: inherit;
		top: inherit;
		left: inherit;
		float: left;
		margin-left: 2%;
		padding-top: 1%;
	}

	div.whitespacer div#wrapper div#left-column div#microstore {
		padding: 0 2%;
		margin-top: 10px;
	}
	div.whitespacer div#wrapper div#left-column div#microstore h1 {
		 /* Keeping these consistent by giving them px values instead of % */
		font-size: 5vw;
		line-height: 5vw;
		margin-bottom: 10px;
		border-bottom: 1px solid #5A9D7E;
		font-weight: bold;
		color: #666;
	}
	div.whitespacer div#wrapper div#left-column div#microstore div.microstore-product {
		width: 90%;
	}/*
	div.whitespacer div#wrapper div#left-column div#microstore div.microstore-product img.alignleft {
		height: 80px;
		width: auto;
		margin-right: 4px;
	}
	div.whitespacer div#wrapper div#left-column div#microstore div.microstore-product div.micro-title {
		font-size: 11px;
	}*/
	div.whitespacer div#wrapper div#left-column div#microstore div.microstore-product div.micro-content {
		margin-top: 1%;
	}/*
	div.whitespacer div#wrapper div#left-column div#microstore div.microstore-product div.micro-content p {
		margin-bottom: 8px;
	}
	*/
	div.whitespacer div#wrapper div#left-column div#popular {
		width: 96%;
		padding: 0 2%;
	}
	div.whitespacer div#wrapper div#left-column div#popular h2 {
		font-size: 5vw;
		line-height: 5vw;
	}
	div.whitespacer div#wrapper div#left-column div#popular ul.popular-articles {
		width: 100%;
	}
	div.whitespacer div#wrapper div#left-column div#popular ul.popular-articles li:first-child {
		margin-top: 0;
	}
	div.whitespacer div#wrapper div#left-column div#popular ul.popular-articles li {
		width: 90%;
		margin-right: inherit !important;
		margin-top: 1%;
	}
	div.whitespacer div#wrapper div#left-column div#popular ul.popular-articles li h3 {
		margin-bottom: 0;
	}

	div.whitespacer div#wrapper div#left-column p#breadcrumbs {
		padding: 0 1%;
		line-height: 13px;
	}

	/** .post.single **/

	div.whitespacer div#wrapper div#left-column div.post.single {
		width: 96%;
		padding: 0 2%;
	}	
		div.whitespacer div#wrapper div#left-column div.post.single h1 {
			font-size: 25px;
		}
		div.whitespacer div#wrapper div#left-column div.post.single div.post-meta {
			margin: 3px 0;
			padding: 3px 0;
		}
			div.whitespacer div#wrapper div#left-column div.post.single div.post-meta p.byline {
				font-size: 12px;
			}
			div.whitespacer div#wrapper div#left-column div.post.single div.post-meta p.date {
				font-size: 9px;
			}
		div.whitespacer div#wrapper div#left-column div.post.single div.entry-content {
			font-size: 15px;
			width: 100%;
			float: left;
			line-height: 19px;
		}
			div.whitespacer div#wrapper div#left-column div.post.single div.entry-content div.article-featured-img {
				width: 50%;
			}
				div.whitespacer div#wrapper div#left-column div.post.single div.entry-content div.article-featured-img img {
					width: 100%;
				}
			div.whitespacer div#wrapper div#left-column div.post.single div.entry-content p {
				margin-bottom: 10px;
			}
			div.whitespacer div#wrapper div#left-column div.post.single div.entry-content ul {
				margin-top: 10px;
				margin-bottom: 10px;
			}
			div.whitespacer div#wrapper div#left-column div.post.single div.entry-content h2 {
				font-size: 19px;
			}
			div.whitespacer div#wrapper div#left-column div.post.single div.entry-content div#article-signup div.postup-widget-class form.eaglepostupform input[name='emailAddress'] {
				margin: 10px 0;
			}
			div.whitespacer div#wrapper div#left-column div.post.single div.entry-content div#article-signup div.postup-widget-class span {
				font-size: 17px !important;
				line-height: 22px;
			}
				div.whitespacer div#wrapper div#left-column div.post.single div.entry-content div#article-signup div.postup-widget-class span strong {
					font-size: 28px;
					line-height: 30px;
				}

	/** .nagivation **/

	div.whitespacer div#wrapper div#left-column div.navigation {
		padding: 5px !important;
	}
		div.whitespacer div#wrapper div#left-column div.navigation h3 {
			margin-bottom: 5px;
		}
		div.whitespacer div#wrapper div#left-column div.navigation ul {
			font-size: 12px;
		}
			div.whitespacer div#wrapper div#left-column div.navigation ul li {
				margin-bottom: 0 !important;
				line-height: 19px;
			}

	/** #interesting-features **/

	div.whitespacer div#wrapper div#left-column div#interesting-features {

	}
		div.whitespacer div#wrapper div#left-column div#interesting-features div.interesting-feature {
			width: 98%;
			padding: 0 1%;
			margin-bottom: 10px;
		}
			div.whitespacer div#wrapper div#left-column div#interesting-features div.interesting-feature a {
				font-size: 9px;
				line-height: 10px;
			}
				div.whitespacer div#wrapper div#left-column div#interesting-features div.interesting-feature a img {
					width: 19%;
					height: auto;
					margin-right: 1%;
				}
			div.whitespacer div#wrapper div#left-column div#interesting-features div.interesting-feature div.int-feat-title {
				float: right;
				width: 80%;
			}
				div.whitespacer div#wrapper div#left-column div#interesting-features div.interesting-feature div.int-feat-title a {
					font-size: 19px;
					line-height: 21px;
				}
			div.whitespacer div#wrapper div#left-column div#interesting-features div.interesting-feature div.clear {
				display: none;
			}
			div.whitespacer div#wrapper div#left-column div#interesting-features div.interesting-feature div.int-feat-content {
				float: right;
				width: 80%;
			}
				div.whitespacer div#wrapper div#left-column div#interesting-features div.interesting-feature div.int-feat-content a {
					font-size: 14px;
					line-height: 22px;
				}

	div.whitespacer div#wrapper div#left-column div#comments-display {
		width: 98%;
		padding: 0 1%;
	}

	/** category (topic) **/

	div.whitespacer div#wrapper div#left-column div.cathead.post {
		padding: 0 1%;
	}
		div.whitespacer div#wrapper div#left-column div.cathead.post h1 {
			font-size: 27px;
		}
		div.whitespacer div#wrapper div#left-column div.cathead.post p {
			font-size: 12px;
			line-height: 18px;
		}

	div.whitespacer div#wrapper div#left-column div.post {
		padding: 0 1%;
		width: 98%;
	}
		div.whitespacer div#wrapper div#left-column div.post div.thumb {
			width: 30%;
		}
			div.whitespacer div#wrapper div#left-column div.post div.thumb img {
				width: 100%;
				max-width: inherit;
				margin: 5px 5px 5px 0;
			}
		div.whitespacer div#wrapper div#left-column div.post div.entry-content {

		}
			div.whitespacer div#wrapper div#left-column div.post div.entry-content h2.entry-title {
				font-size: 20px;
			}
				div.whitespacer div#wrapper div#left-column div.post div.entry-content h2.entry-title a {

				}
			div.whitespacer div#wrapper div#left-column div.post div.entry-content p {
				font-size: 15px;
				line-height: 20px;
			}
				div.whitespacer div#wrapper div#left-column div.post div.entry-content p a.orange {

				}

	/** footer **/

	div.whitespacer div#wrapper div#footer {
		padding: 2%;
	}
	div.whitespacer div#wrapper div#footer div.footerrow {
		width: 48%;
		margin: 1%;
	}
	div.whitespacer div#wrapper div#footer div#banner-ad {
		display: none;
	}

	#at4m-mobile-container {
		display: none !important;
	}

	/** 
	 *	static offers 
	 */

	 div.static-offer-container {
	 }
		 div.static-offer-container div.padcontrol {
		 }
			 div.static-offer-container div.padcontrol h1 {
			 	font-size: 51px;
			 }
			 div.static-offer-container div.padcontrol h2 {
			 	font-size: 23px;
			 }
			 div.static-offer-container div.padcontrol h3 {
			 }
			 div.static-offer-container div.padcontrol p
			 , div.static-offer-container div.padcontrol li {
			 	font-size: 15px;
			 }

















}