/*
Skin Name: Potholes White
Version: 1.0
Description: Skin for Magazine
*/


a,
#main-nav ul a:hover,
#top-nav ul a:hover,
#top-nav a:hover,
#top-nav .current_page_item ul a:hover,
#top-nav ul .current_page_item a:hover,
#top-nav .current-menu-item ul a:hover,
#top-nav ul .current-menu-item a:hover,
#top-nav li:hover > ul a:hover,
#main-nav .has-mega-column .mega-column-wrapper a,
#main-nav .mega-column-list [class^="icon-"],
#main-nav .mega-column-list [class*=" icon-"] {
	color: #777;
}
.breaking-news .breaking-news-posts a:hover,
.post-nav a:hover span,
.social-widget a:hover,
.social-widget .rss a:hover,
.post-title a:hover,
.post-meta a:hover,
.author-box .author-name a:hover,
.post-nav a:hover,
.widget .feature-posts-list .feature-posts-title:hover,
#footer a:hover,
#footer .social-widget a:hover,
.module-slider.slider-overlay .slide-content .slide-title  a:hover {
	color: #3b3b3b !important;
}
a:hover {
	color: #ccc;
}
#main-nav .has-mega-column .mega-column-wrapper a:hover {
	color: #ccc !important;
}
header a { text-decoration: none; color: #fff; }
#header a #site-logo span {

-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}

#header a:hover #site-logo span { color: #46b786; }
#site-logo a:hover,
#main-nav .has-mega-column .mega-column-wrapper h3 a {
	color: #46b786 !important;
}
#main-nav .has-mega-column .mega-column-wrapper h3 a:hover {
	color: #ccc !important;
}
input[type=reset],
input[type=submit],
button,
.pagenav a,
.commentlist .comment-reply-link:hover,
#respond #cancel-comment-reply-link,
#main-nav a:hover,
#main-nav ul,
.module-slider .carousel-pager a.selected,
#respond #cancel-comment-reply-link:hover,
#footer .back-top a,
#top-nav ul,
#main-nav .current_page_item a,
#main-nav .current-menu-item a,
#main-nav li:hover {
	background: #46b786;
    color: #1c1c1c;
}
.button.more-button {
	background: #777 !important;
}
#headerwrap {
	background: #3b3b3b;
}
input[type=reset]:hover,
input[type=submit]:hover,
button:hover,
#footer .back-top a:hover,
.pagenav a:hover,
.button.more-button:hover {
	background: #55ab86 !important;
	color: #fff !important;
}
#main-nav .has-mega-sub-menu .mega-sub-menu,
#main-nav .has-mega-column .mega-column-wrapper,
#main-nav ul,
#main-nav .has-mega-sub-menu .mega-sub-menu,
.related-posts .related-title,
.comment-title, #reply-title,
.commentlist .bypostauthor > .comment-author img,
.widgettitle,
.module-title,
#top-nav ul {
	border-color: #1c1c1c;
}
.widget.feature-posts h4 { border-top: 0; }

#main-nav ul li:hover a,
#main-nav .current_page_item ul li:hover a,
#main-nav ul .current_page_item li:hover a,
#main-nav .current-menu-item ul li:hover a,
#main-nav ul .current-menu-item li:hover a,
#main-nav ul li:hover {
	background: #fff;
	color: #777;
}
#main-nav ul ul a {
	color: #fff !important;
	background: #777 !important;
}
#main-nav ul ul li:hover a {
	color: #777 !important;
	background: #fff !important;
}
.breaking-news .breaking-news-nav a:hover {
	color: #000;
}
.breaking-news .breaking-news-category {
	background: #000;
}
.breaking-news .breaking-news-category:after {
	border-left-color: #000 !important;
}

@media screen and (max-width: 780px) {
	#main-nav ul,
	#sidr,
	.sidr {
        background: #46b786 !important;
	}
	#top-nav a:hover,
	#top-nav ul a:hover,
	#main-nav ul a:hover,
	#main-nav .has-mega-column .mega-column-wrapper h3 a,
	#main-nav .has-mega-column .mega-column-wrapper a,
	#main-nav .has-mega-column .mega-column-wrapper h3 a:hover,
	#main-nav .has-mega-column .mega-column-wrapper a:hover {
		color: #fff !important;
	}
}

/* ADJUSTMENTS */

body {
    background: #f5f5f5;
    color: #595959;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

a, .post-title a { color: #46b786; }
p {
    font-size: .85em;
    line-height: 1.5em;
    color: #3b3b3b;
}
#nav-bar { background: #1c1c1c; }
#footerwrap { background: #1e1e27; }
.pagenav .current { background: #1c1c1c; }
/* -- POSTS -- */
.page-title  {  }
.category-description { display: none; }
.post-title {
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.4em;
    font-size: 1.7em;
}

.post-meta-details { border: 0; }
.post-meta-details .author-name, .post-meta-details .post-date, .post-meta-details .post-comment, .post-meta-details .post-tag { border-right: 1px solid #434343; }
article.post .post-content {
    border-top: 5px solid #3b3b3b;
    padding-top: 15px;
}

/* -- SIDEBAR -- */
.widget { margin: 0 0 2em; }
.widget select { width: 100%; }
select { background:#46b786; border: 0;  height: 30px; }

/* -- CONTENT -- */
.post-image img { float: left; width: 29%; margin-right: 1em; }
.post { margin: 0; padding: 0;  }
.loops-wrapper.list-post .post-content { margin: 0 0 2em; padding: 0 0 1.5em; }
.post-meta-details .entry-date { border-right: 0; }

#reply-title { margin: 0; padding: 0; border: 0;  }
/* -- POST -- */
.single #content .post-content { margin: 0 0 1.5em; padding: 15px 0 .5em; }
.single #content .post { margin: 0; }
.single-post .post-image { display: none; }
.related-posts .related-title { border: 0; margin: 0; padding: 0; }
.related-posts .post-meta { display: none; }
.single #content .related-posts article.post .post-content { border: 0; margin: 0; padding: 7px 0 0 0; border-top: 5px solid #3b3b3b}
.related-posts .related-title { margin-bottom: .9em; }
.related-posts { border-bottom: 5px solid #3b3b3b; padding-bottom: .5em;  }
.post-nav { padding: 1em 0; border-bottom: 5px solid #3b3b3b; }
.post-nav a { font-size: 1em; font-family: 'Oswald', Helvetica, Arial, sans-serif; }
.post-nav a:hover { color: #46b786 !important; }
/* -- SIDR - */
@media screen and (max-width: 950px) {
#menu-icon { background: #46b786; color: #444; margin: 17px 0; }
.sidr { }
.sidr #main-nav a {   }
}

#header hgroup { float: left; }
#site-logo a { font-size: .8em; font-weight: bold; }
#site-logo { margin: 3px 0 0; }
.logo { float: left; max-width: 106px; margin: -5px 1em 0 -27px; }
#header nav.right { float: right; }
#main-nav a { font-size: .9em; -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    padding: 30px 15px;
}

.edit-button { display: none; }

.header-widget { margin: 2% auto 0; }

/* FRONT PAGE */
.home .entry-content .post-image { display: none; }

.loops-wrapper.list-thumb-image .post-image { margin: 0 !important; }
.loops-wrapper.list-thumb-image .post-image img { padding: 0 20px 15px 0; }

#header hgroup { margin: 18px 20px 0 0; }

.featured { margin-bottom: .3em; }
.feature-posts-title { color: #46b786; font-size: 1.2em; }

.social-widget li:hover, .rss:hover { opacity: .5; }

@media screen and (max-width: 968px ) {
    #header nav.right { float: left; }
}

#header hgroup { width:  390px; }

#searchform-wrap { margin: 2px 11px 0 0; }

#featured_post .post-title { margin-bottom: 18px; }
#featured_post .thumbnail_wrap { position: relative; max-height: 253px; overflow: hidden; display: block; margin-bottom: 16px;  }
#featured_post .thumbnail_wrap img { width: 100%;   }
#featured_post .thumbnail_wrap h2 {
    padding: 10px 15px;
    position: absolute;
    bottom: 0;
    margin: 0;
    background-color: rgba(70, 183, 134, .8);
    width: 100%;
    color: #fff;
}

.share .share-facebook { margin-top: -6px; }


@media only screen and (min-width: 782px) and (max-width: 969px) {

    #main-nav .current-menu-item a, #main-nav li:hover, #main-nav a:hover { background: transparent !important; color: #46b786; }
    #main-nav a { font-size: 1.2em; padding: 1em 2.5em 1em 0;  }
}

.home .page-title { display: none; }

.post-nav { border: 0; }
.post-nav a { background: #46b786; color: #fff; padding: 1em; }
.post-nav a:hover { background: #1e1e27; color: #fff; }

@media only screen and (max-width: 380px) {
    .logo { display: none !important; }
    #header hgroup { margin: 10px 10px 0 !important; }
    #menu-icon { margin: 8px 0; }
}

.post-meta a, .post-meta-details .entry-date, .post-category { color: #3b3b3b; }

.feature-posts-list h1 { font-size: 1.3em; }

.ad_top { max-width: 728px; margin: 0 auto; }

#header.header-on-scroll #site-logo { font-size: 1.2em; margin: 3px 0 0 }
#header.header-on-scroll .logo { margin: -5px 1em 0 -27px; max-width: 72px; }
#header.header-on-scroll #main-nav a { padding:18px 15px; }

#comments { display: none; }
#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span {
    width: 100% !important;
}

.facebook_comments h3 { font-family: Oswald, sans-serif; text-transform: uppercase; font-size: 1.25em;  }