/*
Theme Name:My Baby Wolfie
Theme URI:http://mybabywolfie.com
Author:Vlatko Zdrale
Author URI:http://zemoon.com
Description:My Baby Wolfie is a theme based on athemes  and underscores
Version:1.0
Text Domain:mbw
Domain Path:/languages/

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Mbw is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - General
2.0 - Menu
3.0 - Posts and page navigation
4.0 - Social menu
5.0 - Accessibility
6.0 - Alignments
7.0 - Widgets
8.0 - Posts and pages
9.0 - Comments	
10.0 - Infinite scroll
11.0 - Media
	11.1 - Captions
	11.2 - Galleries
12.0 - Structure	
13.0 - Responsive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 General
--------------------------------------------------------------*/
/* Some styling to complement or overwrite the styles included in Bootstrap */

@import url('https://fonts.googleapis.com/css?family=Lato');
/*@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Roboto');*/

body {font-family:'Roboto', sans-serif; color:#333}
#page {display:none; -webkit-animation:fadein 1s; animation:fadein 1s}
@-webkit-keyframes fadein {
from {opacity:0;}
to {opacity:1;}
}
@keyframes fadein {
from {opacity:0;}
to {opacity:1;}
}
h1, h2, h3, h4, h5, h6 {font-family:'Lato', sans-serif; color:#555}
/*h1 {font-size:48px; color:#fd0; text-shadow:1px 1px 6px #555; text-transform:uppercase;}*/
h1 {font-size:32px; color:#000; text-shadow:1px 1px 6px #fff; font-weight:bold; text-align:center}
h1 a {color:#000}
.entry-content p, .entry-footer {font-size:1.1em; text-align:center}
footer.entry-footer {padding-bottom:2em}
footer.entry-footer span {color:#555; display: block; font-size:.8em}
footer.entry-footer span a {font-weight:bold}
footer.entry-footer span.cat-links {border-top: 1px solid #999; padding-top: 1em; margin-top: 2em}

a {color:#f0a}

/*--------------------------------------------------------------
2.0 Menu
--------------------------------------------------------------*/
.main-navigation {position:relative; clear:both; display:block; float:left; width:100%; text-align:center; box-shadow:0px 0px 10px 0px rgba(130, 142, 148, 0.1); background-color:rgba(255, 255, 255, 0.2); z-index:999}
.main-navigation ul {list-style:none; margin:0; padding-left:0}
.main-navigation li {position:relative; display:inline-block; font-size:13px; text-transform:uppercase; -webkit-transition:all 0.4; transition:all 0.4s}
.main-navigation li:hover {background-color:rgba(255, 0, 160, 0.8);}
.main-navigation li:hover > a {color:#fff !important}
/*.main-navigation a {display:block; text-decoration:none; font-weight:bold; color:#fd0; -webkit-transition:all 0.4; transition:all 0.4s; padding:10px}*/
.main-navigation a {display:block; text-decoration:none; font-weight:bold; color:#000; -webkit-transition:all 0.4;  transition:all 0.4s; padding:10px; letter-spacing:2px; font-style:italic;}

.main-navigation ul ul {box-shadow:0 3px 3px rgba(0, 0, 0, 0.2); float:left; position:absolute; top:100%; left:-999em; z-index:99999; text-align:left; background-color:rgba(60, 60, 60, 0.8)}
.main-navigation ul ul ul {left:-999em; top:0}
.main-navigation ul ul a {width:200px; color:#fff !important}
.main-navigation ul ul li {padding:10px; text-transform:none; border-bottom:1px solid #555}
.main-navigation ul ul li:last-child {border-bottom:0}
.main-navigation ul li:hover > ul {left:0}
.main-navigation ul ul li:hover > ul {left:100%}

/*--------------------------------------------------------------
3.0 Posts and pages navigation
--------------------------------------------------------------*/
.post-navigation, .paging-navigation {margin-bottom:60px}
.post-navigation .nav-previous, .post-navigation .nav-next, .paging-navigation .nav-previous, .paging-navigation .nav-next {max-width:50%; padding:15px; background-color:#f0a; font-weight:700; text-transform:uppercase; font-family:'Lato', sans-serif; font-size:18px; box-shadow:0px 0px 10px 0px rgba(130, 142, 148, 0.1); -webkit-transition:background-color 0.2s; transition:background-color 0.2s}
.post-navigation .nav-previous, .paging-navigation .nav-previous {float:left}
.post-navigation .nav-next, .paging-navigation .nav-next {float:right}
.paging-navigation .nav-next {margin-right:30px}
.post-navigation, .paging-navigation, .post-navigation a, .paging-navigation a {color:#fff; text-decoration:none}
.post-navigation .nav-previous:hover, .post-navigation .nav-next:hover, .paging-navigation .nav-previous:hover, .paging-navigation .nav-next:hover {background-color:#f0a}
/*--------------------------------------------------------------
4.0 Social Menu
--------------------------------------------------------------*/
.social-navigation {position:absolute; bottom:-80px; left:-600px; padding:15px 0}
.social-navigation ul {padding:0}
.social-navigation li {float:left; padding:0 5px; list-style:none; line-height:1; -webkit-transition:all 0.3s; transition:all 0.3s}
.social-navigation li a {text-decoration:none}
.social-widget li a::before, .social-navigation li a::before {font-family:FontAwesome; font-size:40px}
.social-widget a[href*="twitter.com"]::before, .social-navigation li a[href*="twitter.com"]::before {content:'\f081'}
.social-widget a[href*="facebook.com"]::before, .social-navigation li a[href*="facebook.com"]::before {content:'\f082'}
.social-widget a[href*="plus.google.com"]::before, .social-navigation li a[href*="plus.google.com"]::before {content:'\f0d4'}
.social-widget a[href*="dribbble.com"]::before, .social-navigation li a[href*="dribbble.com"]::before {content:'\f17d'}
.social-widget a[href*="pinterest.com"]::before, .social-navigation li a[href*="pinterest.com"]::before {content:'\f0d3'}
.social-widget a[href*="youtube.com"]::before, .social-navigation li a[href*="youtube.com"]::before {content:'\f166'}
.social-widget a[href*="flickr.com"]::before, .social-navigation li a[href*="flickr.com"]::before {content:'\f16e'}
.social-widget a[href*="vimeo.com"]::before, .social-navigation li a[href*="vimeo.com"]::before {content:'\f194'}
.social-widget a[href*="instagram.com"]::before, .social-navigation li a[href*="instagram.com"]::before {content:'\f16d'}
.social-widget a[href*="linkedin.com"]::before, .social-navigation li a[href*="linkedin.com"]::before {content:'\f08c'}
.social-widget a[href*="foursquare.com"]::before, .social-navigation li a[href*="foursquare.com"]::before {content:'\f180'}
.social-widget a[href*="tumblr.com"]::before, .social-navigation li a[href*="tumblr.com"]::before {content:'\f174'}
.social-navigation li a {color:#fd0}
.social-navigation li a {-webkit-transition:all 0.3s linear; transition:all 0.3s linear}
.social-navigation li a[href*="twitter.com"]:hover {color:#33ccff}
.social-navigation li [href*="facebook.com"]:hover {color:#3b5998}
.social-navigation li [href*="plus.google.com"]:hover {color:#dd4b39}
.social-navigation li a[href*="dribbble.com"]:hover {color:#ea4c89}
.social-navigation li a[href*="pinterest.com"]:hover {color:#c8232c}
.social-navigation li a[href*="youtube.com"]:hover {color:#c4302b}
.social-navigation li a[href*="flickr.com"]:hover {color:#ff0084}
.social-navigation li a[href*="vimeo.com"]:hover {color:#1ab7ea}
.social-navigation li a[href*="instagram.com"]:hover {color:#3f729b}
.social-navigation li a[href*="linkedin.com"]:hover {color:#0e76a8}
.social-navigation li a[href*="foursquare.com"]:hover {color:#0072b1}
.social-navigation li a[href*="tumblr.com"]:hover {color:#32506d }
/*--------------------------------------------------------------
5.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {clip:rect(1px, 1px, 1px, 1px); position:absolute !important; height:1px; width:1px; overflow:hidden}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6); clip:auto !important; color:#21759b; display:block; font-size:14px; font-weight:bold; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000; /* Above WP toolbar */ }
/*--------------------------------------------------------------
6.0 Alignments
--------------------------------------------------------------*/
.alignleft {display:inline; float:left; margin-right:1.5em}
.alignright {display:inline; float:right; margin-left:1.5em}
.aligncenter {clear:both; display:block; margin:0 auto}
/*--------------------------------------------------------------
7.0 Widgets
--------------------------------------------------------------*/
.widget {margin:0 0 30px; padding:20px; background-color:#fff}
/*.widget-area .widget:last-of-type {margin:0}*/
.widget, .widget a {color:#777}
.widget-title, .widgettitle {margin:0; color:#f0a; padding-bottom:.5em}
.widget ul {list-style:none; padding:0}
.widget .children {padding-left:20px}
/*.widget li:before {font-family:FontAwesome; content:"\f1db"; margin-right:10px; font-size:10px; position:relative; top:-2px}*/
#today {background-color:#fd0; color:#fff}
/* Make sure select elements fit in widgets */
.widget select {max-width:100%}
/* Search widget */
.widget_search .search-submit {display:none}
/* Tag cloud widget */
.tagcloud a {background-color:#fd0; padding:5px; color:#fff; font-size:14px !important; display:inline-block; margin-bottom:4px}
/* Custom widgets */
.mbw_recent_posts_widget h4 {margin:0 0 5px 0}
.mbw_recent_posts_widget h4 a, .widget .post-title {color:#858585}
.mbw_recent_comments .avatar {float:left; margin-right:15px}
.mbw_recent_comments a.post-title {font-weight:600}
.widget .list-group {padding-left:0; margin:0}
.list-group-item {background-color:transparent}
.widget .list-group-item {border-left:none; border-right:none; border-top:1px solid #adadad; border-bottom:none}
.widget .list-group-item:first-child {border-top:none}
.post-date {font-size:13px; color:#C8C8C8}
.mbw_recent_comments .col-md-8, .mbw_recent_posts_widget .col-md-8 {padding:0}
.mbw_recent_comments .col-md-4, .mbw_recent_posts_widget .col-md-4 {padding:0 15px 0 0}
.mbw_recent_comments .list-group-item, .mbw_recent_posts_widget .list-group-item {padding:10px 0}
.recent-thumb {-webkit-transition:opacity 0.3s; transition:opacity 0.3s}
.recent-thumb:hover {opacity:0.5}
.widget_archive select, .widget_categories select, .search-submit {color:#2A363B}
/* Social Widget */
.social-widget ul {margin:0}
.social-widget li {display:inline-block; padding:8px}
.social-widget li:before {content:''; margin:0}
.social-widget li a {text-decoration:none}
.social-widget li a::before {font-size:60px; line-height:1; color:#f0a}
/* Footer widget area */
.footer-widget-area {padding-top:30px; background-color:#f0a; box-shadow:0 0 1px #555}
.footer-widget-area .container, .sidebar-column {padding:0}
.footer-widget-area .widget {background-color:transparent; box-shadow:none}
.footer-widget-area .mbw_recent_posts_widget h4 a, .footer-widget-area .widget .post-title {color:#fff}
/*--------------------------------------------------------------
8.0 Posts and pages
--------------------------------------------------------------*/
.sticky {background-color:#eeeeee !important}
/*.hentry {background-color:#fff; padding:30px; margin-bottom:60px; box-shadow:0px 0px 10px 0px rgba(130, 142, 148, 0.1)}
.home .hentry {width:350px; margin:0 30px 30px 0}
.home.page .hentry {width:100%}
.home-layout .hentry {-webkit-transition:all 0.3s; transition:all 0.3s}
.home-layout .hentry:hover {box-shadow:0px 0px 10px 5px rgba(130, 142, 148, 0.2)}
.entry-thumb {position:relative; margin:-30px -30px 30px; border-bottom:2px solid #f0a; background-color:rgba(255, 0, 160, 0.25);}
.thumb-icon {display:table; width:100%; position:absolute; font-size:50px; color:#3C3C3C; top:20%; left:-20%; text-align:center; opacity:0; -webkit-transition:0.3s all 0.2s; transition:0.3s all 0.2s}
.entry-thumb img {-webkit-transition:all 0.5s; transition:all 0.5s; display:table; margin:0 auto}
.entry-thumb:hover img {opacity:0.3}
.entry-thumb a:hover > .thumb-icon {top:calc(50% - 35px); left:0; z-index:999; opacity:1}
.single-thumb {margin:-30px -30px 30px}
.entry-title {margin:0 0 15px}
.entry-title a {font-size:26px; -webkit-transition:color 0.2s; transition:color 0.2s}
.single .entry-title, .page .entry-title {padding-top:0}
.entry-title, .entry-title a {color:#555; font-weight:700; text-decoration:none}
.entry-title a:hover {color:#fd0}*/
/*.byline, .updated {display:none}
.single .byline, .group-blog .byline {display:inline}
.entry-header {margin-bottom:15px; overflow:hidden}
.entry-content {overflow:auto}
.entry-footer {margin-top:15px}
.entry-meta, .entry-meta a, .entry-footer, .entry-footer a {color:#C8C8C8; font-size:13px}
.entry-meta span, .entry-footer span {margin-right:10px}
.entry-meta .fa-calendar, .widget .fa-calendar {margin-right:5px}
.page-links {clear:both; margin:0 0 1.5em}*/
/* Author bio
.author-bio {margin-bottom:60px; padding:30px; background-color:#fff; box-shadow:0px 0px 10px 0px rgba(130, 142, 148, 0.1)}
.author-bio .avatar {display:block; margin:0 auto}
.author-name {padding-bottom:15px; border-bottom:3px solid #fd0}
.author-social {padding-top:15px; text-align:center}
.author-social a {font-size:25px; color:#fd0; line-height:1; margin-right:5px}
.author-social a:last-child {margin-right:0}
.author-desc {padding-top:15px}
.view-all {padding-top:15px}
.view-all, .view-all a {font-weight:600; color:#fd0} */
/* Asides */
.blog .format-aside .entry-title, .archive .format-aside .entry-title {display:none}
/*--------------------------------------------------------------
9.0 Comments
--------------------------------------------------------------*/
.comments-area {margin-bottom:60px}
.comments-title {margin:0 0 30px 0; font-size:24px}
.comments-area ol {list-style:none}
.comments-area ol {padding:0}
.comments-area .children {padding-left:20px}
.comments-area .fn {color:#555}
.comment-author .avatar {position:absolute}
.comment-author .fn, .comment-metadata {margin-left:80px}
.comment-metadata {font-size:12px; margin-bottom:30px}
.comment-body {padding:30px; margin-bottom:20px; box-shadow:0px 0px 10px 0px rgba(130, 142, 148, 0.1); background-color:#fff}
.reply {text-align:right}
.comment-reply-link {padding:5px; background-color:#fff; box-shadow:0px 0px 10px 0px rgba(130, 142, 148, 0.1); font-size:12px; -webkit-transition:all 0.4s; transition:all 0.4s}
a.comment-reply-link {color:#555; text-decoration:none}
a.comment-reply-link:hover {color:#000; box-shadow:0 0 1px #555}
.comment-meta a {color:#c7c7c7}
.comments-area a.url {color:#555; text-decoration:underline}
.bypostauthor {}
/* Respond form */
input#author, input#email, input#url, textarea#comment {width:100%; max-width:100%; padding:10px; border:0; box-shadow:0px 0px 10px 0px rgba(130, 142, 148, 0.1)}
.comment-form-author:before, .comment-form-email:before, .comment-form-url:before, .comment-form-comment:before {font-family:FontAwesome; color:#555}
.comment-form-author:before {content:"\f007 "}
.comment-form-email:before {content:"\f003 "}
.comment-form-url:before {content:"\f0c1 "}
.comment-form-comment:before {content:"\f040 "}
.comment-respond input[type="submit"] {padding:15px; color:#fff; font-weight:700; text-transform:uppercase; border:none; background-color:#f0a; box-shadow:0px 0px 10px 0px rgba(130, 142, 148, 0.1); -webkit-transition:all 0.4s; transition:all 0.4s}
.comment-respond input[type="submit"]:hover {background-color:#f0a}
/*--------------------------------------------------------------
10.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer {/* Theme Footer (when set to scrolling) */ display:none}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {display:block}
/*--------------------------------------------------------------
11.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley {border:none; margin-bottom:0; margin-top:0; padding:0}
img {max-width:100%; height:auto}
.entry-content img {max-width:100%; height:auto; width:100%; padding:10px; background:#fff; box-shadow:2px 2px 10px 0px rgba(130, 142, 148, 0.8); margin-bottom:15px; margin-top:15px}
.entry-content a img {-webkit-transition:all 0.4; transition:all 0.4s}
.entry-content a:hover img {box-shadow:5px 5px 10px 0px rgba(130, 142, 148, 0.9)}
/* Make sure embeds and iframes fit their containers */
embed, iframe, object {max-width:100%}
/*--------------------------------------------------------------
11.1 Captions
--------------------------------------------------------------*/
.wp-caption {/*border:1px solid #adadad;*/ margin-bottom:30px; max-width:100%}
.wp-caption img[class*="wp-image-"] {display:block; margin:0 auto}
.wp-caption-text {text-align:center}
.wp-caption .wp-caption-text {margin:0.8075em 0}


/*--------------------------------------------------------------
11.2 Galleries
--------------------------------------------------------------*/
.gallery {margin-bottom:1.5em}
.gallery-item {display:inline-block; text-align:center; vertical-align:top; width:100%}
.gallery-columns-2 .gallery-item {max-width:50%}
.gallery-columns-3 .gallery-item {max-width:33.33%}
.gallery-columns-4 .gallery-item {max-width:25%}
.gallery-columns-5 .gallery-item {max-width:20%}
.gallery-columns-6 .gallery-item {max-width:16.66%}
.gallery-columns-7 .gallery-item {max-width:14.28%}
.gallery-columns-8 .gallery-item {max-width:12.5%}
.gallery-columns-9 .gallery-item {max-width:11.11%}
.gallery-caption {}
.gallery-item .attachment-thumbnail {width:100%; padding-left:15px; padding-right:15px}
/*.gallery-item:first-child .attachment-thumbnail {padding-left:0}
.gallery-item:last-child .attachment-thumbnail {padding-right:0}*/
/*--------------------------------------------------------------
12.0 Structure
--------------------------------------------------------------*/
.nicescroll-rails {z-index:999 !important; /* Makes sure that the nicescroll scroller stays above objects */ }
.site-header {position:relative; margin-bottom:60px}
.site-branding {text-align:center; padding:20px}
.site-title {margin:0; font-size:70px; padding-bottom:15px; font-weight:700}
.site-title a {color:#fff; text-decoration:none}
.site-description {margin:0; font-size:20px; color:#B9B9B9; font-family:'Open Sans', sans-serif}
.site-content {clear:both; position:relative; overflow:hidden}
.home .content-area {width:100%}
.home-layout {margin:0 0 30px 15px}
.site-info a {color:#fff}
/* Banner - styles used in case the user sets a header image */
/*.has-banner .site-branding {padding:100px 0 20px}*/
.has-banner .main-navigation {position:absolute; box-shadow:none}
.has-banner .main-navigation li {padding:0}
.has-banner .main-navigation ul ul li {padding:10px}
.has-banner .site-branding {position:relative; z-index:1}
.has-banner .site-title a {text-shadow:0 0 1px #000}
.has-banner .site-description {text-shadow:0 0 1px #000}
/* Singles */
.content-area {width:750px; float:left}
.widget-area {width:360px; float:right}

.cat-link {position:absolute; top:0; left:0;  display:none}
.cat-link a {color:#fff; padding:0 8px; font-size:12px; background-color:#fae; margin: -2px 5px 0 0;}


.home .widget-area {position:relative; top:0; right:-360px; margin-left:-360px; float:left; -webkit-transition:all 0.4s; transition:0.4s; opacity:0; display:none}
/*.sidebar-toggle {position:absolute; bottom:-85px; right:0; font-size:30px; line-height:1; z-index:999; cursor:pointer; width:0; height:0; border-bottom:80px solid transparent; border-right:80px solid #f0a}*/
.sidebar-toggle {position:absolute; right:0; line-height:1;  z-index:999;  cursor:pointer; width:0; height:0; margin-right:80px}
.sidebar-toggle .fa {position:relative; left:45px; top:15px; color:#fff}
.content-area {position:relative; -webkit-transition:all 0.4s; transition:0.4s; right:0; padding:0}
.slide-content {position:relative; right:440px}
.home .slide-sidebar {right:0; opacity:1}
.social-slide {left:80px}
.social-toggle {position:absolute; bottom:-85px; left:0; font-size:30px; line-height:1; z-index:999; cursor:pointer; width:0; height:0; border-bottom:80px solid transparent; border-left:80px solid #f0a}
.social-toggle .fa {position:relative; left:-65px; top:15px; color:#fff}
/*Archives, author, tags etc */
.page-header {margin:0 0 30px; border-bottom:3px solid #f0a}
.page-header .page-title {margin-top:0}
.error404 .search-form {margin-bottom:30px}
.search-submit {padding:3px 10px; border:0; background-color:#f0a; color:#fff; box-shadow:0px 0px 10px 0px rgba(130, 142, 148, 0.1)}



#posts-loop article {margin-top:10px; margin-bottom:10px}

.hovereffect { width:100%; height:100%; float:left; overflow:hidden; position:relative; text-align:center; cursor:default; margin-top:10px; margin-bottom:10px}
.hovereffect .overlay { width:100%; height:100%; position:absolute; overflow:hidden; top:0; left:0; opacity:0;  background-color:rgba(255, 0, 160, 0.2); -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out }
.hovereffect img { display:block; position:relative; -webkit-transition:all .4s linear; transition:all .4s linear; border:5px solid #fff; width:100%;}
.hovereffect a:hover {box-shadow:2px 2px 10px 0px rgba(130, 142, 148, 0.8);}
.hovereffect h2 { text-transform:uppercase; color:#fff; text-align:center; position:relative; font-size:17px; background:rgba(255,0,160,0.6); -webkit-transform:translatey(-100px); -ms-transform:translatey(-100px); transform:translatey(-100px); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; padding:10px}
.hovereffect h2 a {color:#fff; cursor:pointer}
.hovereffect time {display:block; color:#eee; text-align:center; position:relative; font-weight:bold; -webkit-transform:translatey(-50px); -ms-transform:translatey(-50px); transform:translatey(-50px); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out }
.hovereffect a.info { text-decoration:none; display:inline-block; text-transform:uppercase; color:#f0a; background-color:#fff; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; margin:50px 0 0; padding:7px 14px}
.hovereffect a.info:hover { box-shadow:0 0 5px #fff}
.hovereffect:hover span.cat-link {display:inline-block}
.hovereffect:hover img { -ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2)}
.hovereffect:hover .overlay { opacity:1; filter:alpha(opacity=100)}
.hovereffect:hover h2, .hovereffect:hover a.info, .hovereffect:hover time { opacity:1; filter:alpha(opacity=100); -ms-transform:translatey(0); -webkit-transform:translatey(0); transform:translatey(0)}
.hovereffect:hover a.info { -webkit-transition-delay:.2s; transition-delay:.2s}

.slb_details {display:none!important;}

img.mybabywolfiekiss {width:inherit; background:transparent; box-shadow:none; margin:30px auto; padding:10px}

.search-form label {width:100%}
.search-form input.search-field {border: 1px solid #ccc; color:#f0a; width:100%}
.search-form input.search-field:focus {border: 1px solid #f0a;}
.site-footer {bottom:0;   width:100%; background-color:rgba(255, 255, 255, 0.2); box-shadow:0px 0px 10px 0px rgba(130, 142, 148, 0.1); text-align:center}


/*--------------------------------------------------------------
13.0 Responsive
--------------------------------------------------------------*/

@media only screen and (max-width:1199px) {
.home .hentry {width:440px}
.content-area {width:550px}
}

@media only screen and (max-width:991px) {
.home .hentry {width:330px}
.widget-area, .footer-widget-area {display:none}
.home-layout {margin:0 auto}
.content-area {width:100%}

.hovereffect span.cat-link {display:inline-block}
.hovereffect img { -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1)}
.hovereffect .overlay, .hovereffect h2, .hovereffect a.info, .hovereffect time { opacity:1; filter:alpha(opacity=100); -ms-transform:translatey(0); -webkit-transform:translatey(0); transform:translatey(0)}
.hovereffect time {display:block; margin-top:5em }
}

@media only screen and (max-width:749px) {
.home .hentry {width:440px; margin-right:0}
.sidebar-toggle, .social-toggle {display:none}
}

@media only screen and (max-width:499px) {
.home .hentry {width:340px}
.site-title {font-size:46px}
.site-description {font-size:16px}
.single .entry-title, .page .entry-title {font-size:26px}
table {table-layout:fixed}
.comments-area .children {padding-left:0}
.post-navigation .nav-previous, .post-navigation .nav-next, .paging-navigation .nav-previous, .paging-navigation .nav-next {font-size:14px}
.site-header {margin-bottom:30px}
}

@media only screen and (max-width:399px) {
.home .hentry {width:290px; padding:15px}
.entry-thumb {margin:-15px -15px 0}
}

@media only screen and (max-width:319px) {
.home .hentry {width:210px}
}
/* Small menu */
.menu-toggle {display:none; font-size:25px; color:#2a363b}

@media screen and (max-width:991px) {
.menu-toggle, .main-navigation.toggled .nav-menu {display:block}
.has-banner .main-navigation {background-color:#f0a}
.main-navigation li, .has-banner .main-navigation li {width:100%; border:0; padding:10px 0}
.main-navigation li:hover {background:transparent !important}
.main-navigation li:first-child {padding-top:15px}
.main-navigation ul ul li:hover {background-color:transparent}
.main-navigation ul {display:none}
.main-navigation .children {display:block !important; float:none; position:static; border:none; background:transparent; box-shadow:none}
.btn-submenu {position:relative; top:3px; font-family:"FontAwesome"; font-size:20px; padding:0 15px; text-align:center; cursor:pointer; display:inline-block; margin-left:1px}
.btn-submenu:before {content:"\f107"; color:#fff}
.btn-submenu.active:before {content:"\f106" }
.main-navigation ul ul {position:relative; background-color:#333; left:0}
.main-navigation a {display:inline-block}
}

/* Pop */
@-webkit-keyframes pop {
   50% {-webkit-transform:scale(1.2); transform:scale(1.2);}
	100% {-webkit-transform:scale(1); transform:scale(1);}
}
 @keyframes pop {
 50% {-webkit-transform:scale(1.2); transform:scale(1.2);}
 100% {-webkit-transform:scale(1); transform:scale(1);}
}
.pop { display:inline-block; -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0)}
.pop:hover, .pop:focus, .pop:active { -webkit-animation-name:pop; animation-name:pop; -webkit-animation-duration:0.3s; animation-duration:0.3s; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:1; animation-iteration-count:1}