html, body {
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
width: 100%;
overflow-x: hidden;
}
body{
font-family: 'Lato', sans-serif;
font-size:16px;
font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto Slab', serif;
font-weight: 600;
letter-spacing: inherit;
}
input[type="checkbox"] {
display: inline-block;
width: auto;
margin-right: 5px;
vertical-align: middle;
}
main#main {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.main-navigation ul li.hover{
opacity: 1;
}
.menu-bar.text-right .menu-main-menu-container {
text-align: right;
} .top-bar {
background: #000;
padding:5px 0;
}
.top-bar,
.top-bar a {
color: #fff;
font-size: 14px;
}
.top-time {
display: inline-block;
}
.topbar-menu {
display: inline-block;
float: right;
}
.custom-logo-link {
display: block;
}
ul#top-menu,
.top-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
ul#top-menu li,
.top-navigation ul li {
display: inline-block;
margin-right: 10px;
}
a{
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
ul#top-menu li {
position: relative;
}
ul#top-menu li ul {
position: absolute;
top: 22px;
left: 0;
background: #000;
z-index: 99;
display: inline-block;
width: auto;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
visibility: hidden;
}
ul#top-menu li ul li a {
padding: 10px 14px;
display: block;
}
ul#top-menu li ul li {
margin-right: 0;
}
ul#top-menu li:hover ul,
ul#top-menu li.hover ul {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
visibility: visible;
}
header.page-header {
text-align: center;
}
h1.entry-title {
text-transform: uppercase;
font-size: 36px;
}
h2.widget-title {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
border-bottom: 1px solid #ededed;
padding-bottom: 5px;
}
.nav-links {
margin: 20px;
}
a.more-link{
padding: 10px 20px;
border-radius: 2px;
}
nav#site-navigation {
text-align: center;
}
nav#site-navigation ul a{
text-align: left;
}
.site-title {
line-height: 60px;
}
article .entry-content {
margin-top: 0;
}
.site-main article .entry-header {
padding: 5px 15px 0 15px;
}
.site-main article .content-list .entry-header {
padding: 0;
}
header.baby-head-img .no-header-img .site-branding {
position: inherit;
margin: 0;
padding: 30px 0;
}
.redmore-btn {
margin-bottom: 1.5em;
display: block;
text-align: center;
}
header.baby-head-img .site-branding{
background: transparent !important;
}
header.baby-head-img .site-branding
.baby-head-img p.site-description{
color: inherit;
}
.baby-head-img p.site-description {
color: #000;
display: inline-block;
background: rgba(255,255,255,0.7);
padding: 10px 30px;
border-radius: 5px;
}
.hentry, .comments-area, 
.site-main section, 
.site-main .post-navigation, 
.site-main .posts-navigation, 
.paging-navigation, .widget, 
.page-header {
background: #fff;
box-shadow: 0 0.2rem 2.8rem rgba(36,36,36,.1);
-webkit-box-shadow: 0 0.2rem 2.8rem rgba(36,36,36,.1);
}
.main-navigation ul li ul {
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.main-navigation ul li a {
font-size: 16px;
}
.site-content .widget-area {
overflow: inherit;
}
.xgrid-item h2.entry-title {
font-size: 22px;
}
.xgrid-item span.comments-link {
display: block;
}
.xgrid-item .no-img {
min-height: 13px;
background: transparent;
margin-bottom: 10px;
}
.site-main article {
margin-bottom: 80px;
}
aside section.widget {
margin-bottom: 50px;
}
.entry-meta span a, .entry-footer span a{
font-size: inherit;
}
.post-meta span {
margin-right: 5px;
}
.post-meta, 
.post-meta i, 
.post-meta a {
font-size: 14px;
color: #888;
}
.post-meta a:hover {
color: #222;
}
.post-meta i {
margin-right: 2px;
}
.baby-feature-image {
margin-top: 0;
}
.site-main article{
padding: 0;
}
.image-hide {
height: 25px;
display: block;
width: 100%;
overflow: hidden;
}
.site-main .entry-header,
.entry-summary,
.site-main .entry-content{
padding: 30px;
}
.xgrid-item .entry-content {
padding: 20px 20px 10px;
}
.top-cat.post-meta.grid-cat {
padding: 0 20px;
text-align: center;
}
a.more-link{
-webkit-box-shadow:inherit;
box-shadow:inherit;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
width:auto;
display: inline-block;
}
.widget ul li {
border-bottom: 1px solid #ededed;
padding: 6px 0;
}
.footer-widget-area {
overflow: hidden;
background: #ededed;
padding: 50px 0;
}
section.footer-widget {
width: 32%;
float: left;
margin: 0 1.33% 15px 0;
border: 1px solid #fff;
} .site-main article.xgrid-item {
width: 32%;
margin-bottom: 30px;
}
.site-main .redmore-btn {
margin-bottom: 0;
}
.xgrid-item:nth-child(3n+2){
margin-left: 2%;
margin-right: 2%;
}
.xgrid-item .baby-feature-image {
max-height: 300px;
overflow: hidden;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
width: 100%;
}
.site-main .comment-navigation .nav-links,
.site-main .posts-navigation .nav-links, 
.site-main .post-navigation .nav-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
a.more-link:hover {
background: #ccc;
text-decoration: none;
}
.content-list .redmore-btn {
text-align: left;
display: inline-block;
}
.top-cat.post-meta.list-cat {
display: inline-block;
float: right;
margin-top: 8px;
}
.entry-meta.post-meta.list-meta {
margin-top: -12px;
}
.list-content .entry-content {
margin-top: 0;
padding: 0;
}
.content-list a.more-link {
border: inherit;
margin: -10px 0 0 0;
padding: 0;
}
.content-list a.more-link:hover {
background: inherit;
}
.footer-widget-area .widget {
-webkit-box-shadow: inherit;
box-shadow: inherit;
background: inherit;
}
.widget-footer .widget-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.footer-copyright a {
text-transform: lowercase;
} .pagination .nav-links a, .pagination .nav-links span {
border: 1px solid #ededed;
padding: 6px 11px;
box-shadow: 0 0.2rem 2.8rem rgba(36,36,36,.1);
-webkit-box-shadow: 0 0.2rem 2.8rem rgba(36,36,36,.1);
}
.pagination .nav-links a:hover, .pagination .nav-links .page-numbers.current {
background: #000;
color: #fff;
}
nav.navigation.pagination {
text-align: center;
display: block;
width: 100%;
overflow: hidden;
}
.tagcloud a {
border: 1px solid #ededed;
}
.comments-area {
display: block;
width: 100%;
}
@media only screen and (max-width: 991px) {
body{
font-size:16px;
line-height: 1.4
}
.site-main article {
margin-bottom: 50px;
}
aside section.widget {
margin-bottom: 30px;
}
.page-content, .entry-content, .entry-summary {
margin-top: 0;
}
a.more-link {
width: 130px;
font-size: 12px;
}
.card h2.entry-title {
font-size: 20px;
}
.site-main article.card .entry-header {
padding: 30px 10px 0 10px;
}
.site-main article.card .entry-content {
padding: 30px 15px;
}
.list-img {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.list-content {
display: inline-block;
width: 100%;
vertical-align: top;
padding:10px;
}
}
@media only screen and (max-width: 768px) {
header.baby-head-img .no-header-img .site-branding {
padding: 20px 0;
}
.site-main article.xgrid-item {
width: 100%;
float: left;
min-height: inherit;
margin-bottom: 20px;
}
section.footer-widget {
width:100% !important;
}
section.footer-widget {
margin: 0 0 15px !important;
}
.xgrid-item:nth-child(3n+2){
margin-left: 0;
margin-right: 0;
}
.xgrid-item .baby-feature-image img {
height: auto;
}
a.more-link {
width: inherit;
font-size: inherit;
}
.top-bar{
display: none;
}
header.baby-head-img .site-branding {
padding: 10px;
}
.site-title {
font-size: 35px;
}
.baby-head-img p.site-description{
padding: 10px 18px;
margin-top: -10px;
}
.comment-navigation .nav-previous, 
.posts-navigation .nav-previous, 
.post-navigation .nav-previous{
width:100%;
float: inherit;
}
.comment-navigation .nav-next, 
.posts-navigation .nav-next, 
.post-navigation .nav-next{
width:100%;
float: inherit;
text-align: right; 
}
}