/*
Theme Name: UGmedia Theme
Template: morning
Version: 1.0
*/

@import url("../morning/style.css");

body{background:#141414!important;}
img{max-width: 100%;}
body #pre-header, body nav#header-menu {
background: #454545; /* Old browsers */
background-color:#434343;

}
body div.wrapper {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    max-width: 980px;
    width:96%;
}
.ugm-logo-wrap {
    float: left;
    width: 40%;
}
.ugm-logo-wrap img {
    max-width: 100%;
}

body header#header {
    background: #141414;
    border-top: 0 none;
    padding: 10px 0 0; 
}
body ul#social-links {
    display: block;
    float: right;
    margin: 0;
    padding: 14px 0 0;
    text-align: right;
}
body ul#social-links li {
    display: inline-block;
    float: none;
    margin-left: 9px;
}
body ul#social-links li a {
    display: inline-block;
    height: 30px;
    margin: 0;
    padding: 0;
    width: 30px;
}
body ul#social-links li.ugm_social_fb a {
    background-image: url("img/social-icons-fb.png");
}
body ul#social-links li.ugm_social_tw a {
    background-image: url("img/social-icons_tw.png");
}
body ul#social-links li.ugm_social_gp a {
    background-image: url("img/social-icons-gp.png");
}
body ul#social-links li.ugm_social_inst a {
    background-image: url("img/social-icons-pin.png");
}
body ul#social-links li.ugm_social_rss a {
    background-image: url("img/social-icons-rss.png");
}
body .aymheader-adds-wrap {
    margin: 0 auto;
}

body nav#header-menu {
    border-bottom: 5px solid #141414;
    margin-top: 25px;
}
body .dropdown li:hover ul, body .dropdown li.sfHover ul{
    top:2.5em;
    border-radius:0;
}
body #main-menu li li a:hover{border-radius:0;}
body nav#header-menu div.wrapper {
    background: transparent;
    border: 0 none;
    border-radius: 0;
    box-shadow: inherit;
}
section#main {
    border-top: 13px solid #171717;
}
body #main div.wrapper {
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    padding: 6px 14px 0;
}
/*heading*/
h1, h2, h3, h4, h5, h6,
.single h1,
#footer-menu li,
ul#main-menu li,
.widget .title, 
.title,
h3.nr_title,p.title,
.posts li h2 a,
.ctx-links-header p,
#featured-posts li h1 a{
    font-family: Helvetica;
}
.home #content h2 {
    line-height: 28px;
}

#main #side p.title-medium {
    line-height: 26px;
}
body p.title {
    background: transparent url("img/back-title2.png") repeat-x scroll left center;
}

.ugms-social li {
    display: block;
    float: none;
    margin: 0 0 10px;
    width: 100%;
}
.ugms-social li a {
    background: none repeat scroll 0 0 #0088cc;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: helvetica;
    font-size: 14px;
    line-height: 14px;
    padding: 10px;
    text-transform: none;
    vertical-align: middle;
    width: 100%;
    -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
}
.ugms-social li a:hover{
    opacity: .85;
}
.ugms-social li a.facebook{
    background: #0088cc;
}
#side .ugms-social li a.twitter{
    background: #59d1df;
}
#side .ugms-social li a.pinterest{
    background: #cd252b;
}
.ugms-social li a span {
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 8px;
    vertical-align: top;
}
/*
#side p.title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    text-align: left;
}

#side p.title span{
    padding: 0;
}
*/
#side div.postmeta {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    max-width: 100%;
    padding: 0;
    position: static;
}
ul.posts div.postmeta a {
    color: #222 !important;
    font-size: 16px;
}
#featured-posts div.postmeta {
    max-width: 100%;
}
#featured-posts li h1 {
    line-height: 22px;
}
/*Advanced Slider*/
.ugm-page-setup1 .ais-image-section {
    float: left;
    margin-right: 3%;
    width: 62%;
}
.ais-image-section img {
    width: 100%;
}
.ugm-page-setup1 .ais-thumb-description-section {
    float: left;
    width: 35%;
}
.ugm-full-slider .ais-image-section,
.ugm-full-slider .ais-thumb-description-section{
    float: none;
    margin-right: 0;
    width: 100%;
}

.ais-thumbs.slick-slider {
    margin-bottom: 10px;
}
.ais-thumbs .slick-prev, .ais-thumbs .slick-next{
    opacity: .5;
}
.ais-thumbs:hover .slick-prev, .ais-thumbs:hover .slick-next{
    opacity: .85;
}
.ais-thumbs:hover .slick-prev:hover, .ais-thumbs:hover .slick-next:hover{
    opacity: 1;
}
.ais-thumbs .slick-prev{
    left: 10px;
}
.ais-thumbs .slick-next{
    right: 10px;
}
.ais-thumbs .slick-prev:before, .ais-thumbs .slick-next:before{
    color: #000;
}
.slick-slide a{
    box-sizing: border-box;
    display: block;
    padding: 0 5px 0 0;
}
.slick-slide img {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.ais-current-thumb img {
    border: 4px solid #141414;
}
.ais-thumbs-number {
    position: relative;
    margin-bottom: 35px;
}
.ais-thumbs-number .slick-prev:before, .ais-thumbs-number .slick-next:before{
    color: #000;
}
.ais-thumbs-number > p {
    margin: 0;
    padding: 0 25px;
    text-align: center;
}
.ais-thumbs-number .slick-prev,.ais-title-section .slick-next:hover{
    background: transparent url('img/arow-left.png') no-repeat 0 0!important;
    left: 0;
    width: 27px;
    height: 29px;
}
.ais-thumbs-number .slick-next,.ais-title-section .slick-next:hover{
    background: transparent url('img/arow-right.png') no-repeat 0 0!important;
    right: 0;
    width: 27px;
    height: 29px;
}
.ais-title-section h2{
    position: relative;
    display: inline-block;
    padding: 0 25px;
}
.ais-title-section .slick-prev,.ais-title-section .slick-next:hover{
    background: transparent url('img/arow-left.png') no-repeat 0 0!important;
    left: 0;
    width: 27px;
    height: 29px;
}
.ais-title-section .slick-next, .ais-title-section .slick-next:hover{
    background: transparent url('img/arow-right.png') no-repeat 0 0!important;
    right: 0;
    width: 27px;
    height: 29px;
}

.ais-title-section .slick-prev:before, .ais-title-section .slick-next:before, 
.ais-thumbs-number .slick-next:before, .ais-thumbs-number .slick-prev:before{
    color: transparent!important;
    content: ''!important;
}

.full-post-bl, 
.ful-post-bottom-side {
	float: left;
	display: inline;
}
.full-post-bl {
	margin-right: 2.1052%;
	max-width: 100%;
	overflow: hidden;
	width: 66.3157%;
}
.ful-post-bottom-side {
	width: 31.5789%;
	font-size: 12px;
	line-height: 18px;
}
.adds-widget {
    margin-bottom: 15px;
}
.essb_links .essb_links_list li a{
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}
.mhpages {
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #ccc;
    margin: 10px 0;
    padding: 10px;
}
.mhpages .mhpages-list {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
}
.mhpages .mhpages-list li {
    display: inline-block;
    margin: 0 2px;
}
.mhpages .mhpages-list li.mhprev {
    float: left;
}
.mhpages .mhpages-list li.mhnextt {
    float: right;
}
.mhpages .mhpages-list li a {
    background: #9b0000;
    color: #fff;
    display: inline-block;
    padding: 6px 10px;
    text-decoration: none;
}
.mhpages .mhpages-list li.mhcurrent a, .mhpages .mhpages-list li a:hover {
    background: #f7b74e;
}

#side .widget.single-post .cover a,
#side .widget.popular-posts  .cover a{
    display: block;
    height: 125px;
    overflow: hidden;
    width: 100%;
}
#side .single-post img {
    height: auto;
    width: 100%;
}
#side .widget .small {
    line-height: 18px;
}
#side .widget .cover {
    margin-bottom: 5px;
}
#side .widget ul.posts li.secondary {
    margin-bottom: 20px;
}

body div#jp-relatedposts h3.jp-relatedposts-headline{
    float: none;
    font-size: 20px;
    line-height: 1.25em;
    color: #141414;
    font-family: Helvetica;
    font-weight: normal;
    margin: 0;
    padding-bottom: 15px;
    text-transform: capitalize;
}
body div#jp-relatedposts .jp-relatedposts-headline span,body .nr_title span {
    font-style: normal;
    font-weight: bold;
}
body div#jp-relatedposts .jp-relatedposts-headline span::before {
    border-top: 0 none;
    content: "";
    display: none;
    margin-bottom: 0;
}
body div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post{
    opacity: 1;
    padding-right: 12px;
}
body div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
    font-weight: 700;
    padding-top: 12px;
    text-align: center;
}
body div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
    color: #222;
    font-weight: 600;
}
body div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover,
body div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a{
    color: #eb6841;
    text-decoration: none !important;
}
#content article p.postmetadata{
    color: #aaa;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}
ul.posts-archive h2 {
    line-height: 28px;
    margin-bottom: 4px;
}
#main .wrapper-main.wrapper-has-left-sidebar {
    position: relative;
}
.ugm-left-sidebar {
    background-color: transparent;
    width: 160px;
}
.ugm-left-sidebar .adds-widget {
    background-color: #141414;
}
@media screen and (min-width: 1340px) {
    .ugm-left-sidebar {
        position: absolute;
        left: -174px;
        top: -1px;
    }
}
@media screen and (min-width: 1300px) and (max-width: 1339px) {
	.ugm-left-sidebar {
        position: absolute;
        left: -174px;
        top: -1px;
    }
/*    .wrapper-has-left-sidebar .wrapper-main-inner {
        margin-left: 170px;
    }
	.wrapper-has-left-sidebar #content {
		width: 59.433%;
	}
	.wrapper-has-left-sidebar #side {
		width: 38.4615%;
	}
    .ugm-left-sidebar {
        position: absolute;
        left: 10px;
        top: 10px;
    }
    #side .widget ul.posts li.secondary {
        max-width: 100%;
    }*/
}
@media screen and (min-width: 1025px) and (max-width:1299px) {
	.ugm-left-sidebar {
        display: none;
    }
    .ugm-left-sidebar .adds-widget {
        display: none;
    }
}
@media screen and (max-width: 1024px) {
    .ugm-left-sidebar {
        display: none;
    }
    .ugm-left-sidebar .adds-widget {
        display: none;
    }
}
/*
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .wrapper-has-left-sidebar .wrapper-main-inner {
        margin-left: 170px;
    }
    .ugm-left-sidebar {
        position: absolute;
        left: 10px;
        top: 10px;
    }
    #side .widget ul.posts li.secondary {
        max-width: 100%;
    }
    #side .widget.single-post .cover a, #side .widget.popular-posts .cover a{
        height: auto;
    }
}
*/
/*@media screen and (max-width: 1024px) {
    .ugm-left-sidebar {
        width: auto;
    }
    .ugm-left-sidebar .adds-widget {
        display: inline-block;
        margin-right: 15px;
    }
}*/
/*
@media screen and (max-width: 767px) {
    .ugm-left-sidebar {
        display: none;
    }
    .ugm-left-sidebar .adds-widget {
        display: none;
    }
}
*/
@media screen and (max-width: 1020px) {
    body div.wrapper{width:96%;}
}
@media screen and (max-width: 960px) {
    .full-post-bl {
        width: 65%;
    	margin-right: 3%;
    }
    .ful-post-bottom-side {
        width: 32%;
    }
    .full-post-bl div.widget {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 768px) {
    .ais-image-section {
        float: none;
        margin-right: 0;
        width: 100%;
        text-align: center;
    }
    .ais-thumb-description-section {
        float: none;
        width: 100%;
        margin-top: 10px;
    }
}
@media screen and (max-width: 640px) {
    .ugm-logo-wrap {width:100%;text-align:center;}
    body ul#social-links {width:100%;text-align:center;max-width: 100%;}
    
    .full-post-bl, .ful-post-bottom-side {
        margin-right: 1%;
        margin-left: 1%;
        width: 98%;
    }
    #featured-posts li .postmeta h1 a{
        color: #222 !important;
        font-size: 16px !important;
        line-height: 18px;
        text-shadow: none;
    }
    #featured-posts div.postmeta {
        max-width: 95%;
        padding-left: 5%;
        padding-right: 5%;
        position: static;
    }
}
@media screen and (max-width: 480px) {
    .ugm-logo-wrap {width:100%;text-align:center;}
    body ul#social-links {width:100%;text-align:center;max-width: 100%;}
}
@media screen and (max-width: 400px) {
    .ugm-logo-wrap {width:100%;text-align:center;}
    body ul#social-links {width:100%;text-align:center;max-width: 100%;}
}
@media screen and (max-width: 320px) {
    .ugm-logo-wrap {width:100%;text-align:center;}
    body ul#social-links {width:100%;text-align:center;}
}

.recommendation-article-title { 
   font-size: 15px !important; 
}

h3.nr_title {
  color:#141414;
  font-weight:normal !important;
  font-family:arial;
  padding-bottom:15px;
  text-transform:Capitalize;
}

#comments{
    margin-top: 30px;
}

.ugm-comment-tab-con {
    display: table;
    width: 100%;
}
.ugm-comment-tabs {
    display: table-row;
}
.ugm-comment-tabs-nav {
    border-bottom: 3px solid #dedede;
    display: table-cell;
    padding-right: 3px;
}
.ugm-comment-tabs-nav:last-child {
    padding-right: 0;
}
.ugm-comment-tabs-nav a {
    background: #efefef;
    border-bottom: 3px solid #fff;
    color: #4c4c4c;
    display: block;
    font-family: Helvetica;
    font-weight: bold;
    padding: 8px;
    text-align: center;
}
.ugm-comment-tabs-nav a.ugm-tab-active {
    background: none repeat scroll 0 0 #dedede;
    border-bottom: 3px solid #dedede;
}
.ugm-tab {
    background: #fafafa;
    margin-bottom: 25px;
    padding: 20px 15px;
}
#ugm-facebook-comment{
    margin-bottom: 25px;
}