/*
Theme Name: TheGrio Production Theme (nbcthegrio) 
Author: The Grio 
Author URI: http://www.thegrio.com/
Description: Theme for The Grio. Responsive Code.
License: The Grio 
Version: 1.0
*/


@media screen and (min-width: 970px){
#zergnet-widget-33607{ margin-top:20px}
#zerglayout{ width:100% !important;}
#zergnet-widget-33607 .zergentity{ width:30% !important;}
#zergnet-widget-33607 .zergentity img{ width:100% !important; height:auto !important}
#leaderboard-fix-2{
    float:right;
	width:100%;
}
#leaderboard {
	width:100%;
}
.type-post iframe, iframe img {
	width:100%;
}
}
@media only screen and (min-width: 970px) and (max-width: 1024px) {
#branding,.branding-container{ width:948px;}
#primary{width:640px;}
#access a{ padding:0 11px; font-size: 14px;}
#header-social .follow-us{ font-size: 14px;}
body #branding #searchform{ right: 4px !important}
.type-post{ margin-right:0;}
#main,#main-nav-wrapper{ width:98%;}
#secondary{ width:290px;}
.colophon-inner{width:949px;}
.column #latest-news,.column #opinions,.column #top-news{ width:295px;}
.archive #lead-story .type-post{ width:640px !important;}
#main-nav{ width:959px;}
#footer-access{width:948px;}
.archive .type-post, .search .type-post{ width:307px !important;}
.archive .type-post:first-child(1), .search .type-post:first-child(1){ height:auto !important;}

}
@media screen and (max-width: 969px) {
#branding #searchsubmit {right:0px; float:none;}
#branding #s {width:92%;}
#main-nav, #branding{width:100%; padding:0;}
#mobile-menu {display: block;}
#main-nav #menu-main-nav{ display:none;}
#main-nav-wrapper {position:relative;}
#menu-main-nav {position:absolute; width:280px; top:39px; right:0px; background:#efefef;  overflow:hidden; z-index:999;}
#menu-main-nav li {display:inline-block; width:100%; background:none; border-bottom:1px solid #cccccc !important; font-size:15px; text-align:right; border-top:0px !important;  text-shadow:none !important} 
#menu-main-nav li a {background:none; border:0px !important; color:#888 !important; text-shadow:none !important}
#menu-main-nav li a:hover {background:#cccccc; border:0px !important; text-shadow:none !important}
#access .menu > li.current-menu-primary::after, #access .menu > li.current-menu-ancestor::after, #access .menu > li.current-menu-item::after, #access .menu > li:hover::after {background:none; content:""; border:0 !important}
.sub-menu {background:#D3D3D3  !important; float:left; width:100% !important; position:relative !important;}
.sub-menu li a {background:none; border:0px !important; color:#888 !important; text-shadow:none !important}
.sub-menu li a:hover {background:#efefef; color:#888 !important; border:0px !important; text-shadow:none!important}
.secondary-toggle {background:#dedede; color:#646464; position:absolute; right:0px;cursor:pointer;font-weight:500;font-size:20px; font-family: 'Oswald', arial, sans-serif; text-shadow:0; padding:5px 7px 6px; border:0; height:39px;}
.secondary-toggle:hover{color: #646464; }
#access li:first-child {border-left:0px;}
.entry-header hgroup .entry-title, #primary-category h2, #more-stories-header h2 {font-size:30px !important;}
#thegrio-related ul.related-posts-content li {width:100%;}
}
@media only screen and (min-width: 768px) and (max-width: 969px) {
.footer_sec .colophon-inner {max-width:970px; width:92%; padding:4%;}
.single #top-news .top-news-category {width:47.5% !important;}
.single #top-news .top-news-category .the-post-thumbnail img {min-height:auto!important;}
.single #top-news .top-news-category .top-news-category-list {padding-bottom:20px !important;}
.single #top-news .top-news-politics .top-news-category-title, .single #top-news .top-news-business .top-news-category-title, .single #top-news .top-news-living .top-news-category-title, .single #top-news .top-news-inspiration .top-news-category-title, .single #top-news .top-news-entertainment .top-news-category-title, .single #top-news .top-news-news .top-news-category-title { position:relative !important;	width:95% !important;
}
.footer_sec #footer-access {width:100%;}
#trailer-stories {  float: right; width: 100%;}
#primary {  width: 55%;  padding-left:8px;}
#lead-story .type-post{  width: 100% !important;}
#GRIONET1-160x600, #div-gpt-ad-1436310688123-0{  display: none;}
.column #opinions{  width: 100%;}
#around-the-grio li{  margin-bottom:15px;}
#around-the-grio li:nth-child(3){ margin-left:0px;}
#main-nav,#infinity-river{ width:100%;}
#branding #searchform {float: right; margin-right: 88px; padding-right: 29px; width: 50%;}
.branding-container{ width:747px;}
#main{ width:757px;}
#main-nav-wrapper.stuck{ padding-left:0;}
#trailer-stories{ margin-top:15px;}
#top-stories .the-post-thumbnail img,#lead-story .entry-summary-wrapper{width:100%;}
#primary-river,#infinity-river{ background:none; }
#primary-river .type-post { width: 100%;}
.column #top-news {  width: 100%; margin:10px 0 0 0}
#top-news .the-post-thumbnail img,#latest-news .the-post-thumbnail img,
.archive .type-post .the-post-thumbnail img,
.search .type-post .the-post-thumbnail img{ width:100%; height:auto;}
#primary-river .column{ margin-top:0;}
.column #latest-news{ width:100%; padding:0;}
.archive .type-post, .search .type-post{ width:100% !important;}
#zergnet-widget-33607{ margin-top:20px}
#zerglayout{ width:100% !important;}
#zergnet-widget-33607 .zergentity{ width:30% !important;}
#zergnet-widget-33607 .zergentity img{ width:100% !important; height:auto !important}
.archive .type-post, .search .type-post{ width:100% !important; height:auto !important;}
.post-set .type-post .entry-footer,.type-post .entry-footer{ position:relative !important;}
.single-post .type-post,.single .entry-content, .page .entry-content{ width:100%;}
.type-post iframe{ width:425px !important}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget iframe{ width:425px !important;}
.thegrio-gallery .cycle-wrapper,.thegrio-gallery .cycle-wrapper > div{width:100% !important;}
#access {width:80%;}
#main-nav .header-logo {padding:5px 0 0 10px;}
.menu-footer-nav-container ul a, .menu-second-footer-nav-container ul a {
	margin:0 10px;}
} 
@media only screen and (min-width: 320px) and (max-width: 767px) {
#access {width:80%;}
#primary-river {
    margin-top: 30px !important;
}
.single #top-news .top-news-politics .top-news-category-title, .single #top-news .top-news-business .top-news-category-title, .single #top-news .top-news-living .top-news-category-title, .single #top-news .top-news-inspiration .top-news-category-title, .single #top-news .top-news-entertainment .top-news-category-title, .single #top-news .top-news-news .top-news-category-title { position:relative !important;
	width:100% !important;
}
.single #top-news .top-news-category .top-news-category-list {padding-bottom:20px !important;}
.single #top-news .top-news-category .the-post-thumbnail img {min-height:auto!important;}
#social-container {margin-bottom:15px;}
.singular .entry-header .entry-meta {margin-bottom:0px;}
.the-post-thumbnail a img {width:100%; height:auto;}
#lead-story .type-post .entry-footer {display:none;}
.branding-container { clear:both; width:100%; padding:0;}
#site-title { background-position:center center; width:100%;}
#header-social {left: 0;padding-top:2px;position: relative;text-align: center;width: 100%;padding-bottom:9px;}
#main-nav .header-logo {padding:5px 0 0 10px;}
.footer_sec .colophon-inner {max-width:970px; width:92%; padding:4%;}
.footer_sec #footer-access {width:50%;}
.single-post .footer_sec #footer-access {width:100%;}
#header-social {width:33%;}
#lead-story .entry-title, #lead-story .entry-title a {margin-bottom:0px;}
#header-social a { font-size:14px; vertical-align:top;}
#main {width:96%; padding:0 2%;}
#branding #searchform {width:37%; float: left;}
#primary, #secondary ,.column #opinions ,#primary-river .type-post,.column #top-news, .column #latest-news {width:100%; padding:0;}
#trailer-stories {float: left;width: 100%; padding:10px 0;}
#around-the-grio li {width:46%; margin:0 2% 2% !important; height:auto;}
.the-post-thumbnail {text-align:left;}
#primary-river {background:none;}
.type-post.no-excerpt .entry-footer {text-align:left;}
.type-post .entry-title, .type-post .entry-title a {text-align:left; height:40px; overflow:hidden;}
#back-to-top {text-align:left !important;}
.stuck .secondary-toggle {top:0px; background:#dedede; color:#646464;}
#lead-story .entry-summary-wrapper {width: 100%;}
#lead-story .type-post {width:100%;}
.top-news-category-list-item .the-post-thumbnail a img {width:100%; height:auto;}
.entry-header .the-post-thumbnail a img {width:100%; height:auto;}
.column {margin-top:0px;}
.infinity-item article {width:100%;}
#infinity-river {width:100%; background:none;}
body {overflow-x:hidden;}
.infinity-item {width:46%; padding:0 2%;}
.infinity-item .the-post-thumbnail a img {width:100%; height:auto;}
.stuck #searchsubmit {right: 20px !important;}
#main-nav-wrapper.stuck {padding-left:0px;}
.stuck #back-to-top {padding-left:10px;}
#infinity-sidebar-wrapper {width:100% !important;}
#infinity-sidebar-wrapper.stuck{} 
#infinity-sidebar-wrapper .colophon-inner, #infinity-sidebar-wrapper #footer-access {width:93% !important; padding-left:0 !important}
.widget_text .widgettitle {width: auto !important;}
#latest-news-sidebar .type-post {width:46%}
.widgetcontainer.core .textwidget{ word-wrap:break-word}
/*news*/
.archive #lead-story .type-post,.archive #lead-story .type-post .entry-summary-wrapper{ width:100% !important;}
#lead-story .entry-title a{ line-height:20px;}
#zergnet-widget-33607{ margin-top:20px}
#zerglayout{ width:100% !important;}
#zergnet-widget-33607 .zergentity{ width:30% !important;}
#zergnet-widget-33607 .zergentity img{ width:100% !important; height:auto !important}
.archive .type-post, .search .type-post{ width:100% !important; height:auto !important;}
.post-set .type-post .entry-footer,.type-post .entry-footer{ position:relative !important;}
.type-post,.single .entry-content, .page .entry-content{ width:100% !important;}
.type-post .the-post-thumbnail img{width:100% !important; height:auto !important;}
.type-post iframe,iframe{ width:100% !important}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget iframe{ width:100% !important;}
.single #top-news .top-news-category{ width:100% !important;}
#fb_content_3 .pw-icon, #fb_content_3 .comments_pw_icon{ background-size:100% 218px !important; width:65px !important; }
#fb_content_3 .pw-box-counter, #fb_content_3 .fb_comments_count{ margin-left:46px !important;}
.type-post .entry-title, .type-post .entry-title a{ height:auto;}
.thegrio-gallery .cycle-wrapper,.thegrio-gallery .cycle-wrapper > div{width:100% !important;}
#thegrio-related{width:97%;}
#thegrio-related h3.widgettitle{width:auto;}
.vocativpsfed{ width:100%;}
.vocativpsfed + p{ clear:both;}
.single #top-news .top-news-category{ height:auto !important;}
#zergnet-widget-28611 .zergentity img{width:100% !important; height:auto !important}
#lead-story .entry-title a {line-height: normal; font-size:29px; overflow:visible;}
#colophon a, #copyright {font-size:14px !important;}
.menu-footer-nav-container ul a, .menu-second-footer-nav-container ul a {
	margin:0 10px;
}
.footer_sec #footer-access {width:100%;}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.stuck #s {width:90% !important;}
#access {width:100%; background:#ececec;}
#header-social {width:40%;}
#branding #searchform {width:50%; float:right;}
#header-social .follow-us{ font-size: 14px}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.stuck #s {width:94% !important;}	
#header-social .follow-us{ font-size: 14px}
}