/*
Theme Name: Blog22
Theme URI: http://sensationaltheme.com/downloads/blog22-free/
Template: zago
Author: Sensational Theme
Author URI: http://sensationaltheme.com/
Description: Blog22 is a modern WordPress theme that comes with high-quality features and minimal design. The theme is a perfect fit for all kind of blogs such as food blogs, travel journals, personal blogs many more. Blog22 is a fully responsive design that always remains mobile-friendly and will render perfectly on all devices. You also get support for custom headers, two column layout, full-width layout, and tons of easy customization options.
Tags: translation-ready,custom-background,theme-options,custom-menu,threaded-comments,featured-images,footer-widgets,editor-style,right-sidebar,full-width-template,two-columns,grid-layout,custom-colors,custom-header,custom-logo,featured-image-header,blog,entertainment
Version: 1.0.0
Tested up to: 5.8
Requires PHP: 5.6
Text Domain: blog22
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

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.

Blog22 business is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

body {
    margin: 0;
    font-family: 'Raleway', serif;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #333;
    margin: 16px 0;
    line-height: 1.3;
    font-weight: 400;
    font-family: 'Bad Script', cursive;
}
.wrapper {
    max-width: 1400px;
}

.site-menu .site-branding, 
.site-menu .widget_social_icons{
    width: 100%;
    float: none;
    text-align: center;
}
.site-menu {
	padding: 10px 0 60px;
}
.site-menu .top-search{
	display: none;
}
.site-menu .widget.widget_social_icons {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
}
#masthead .social-icons li a {
    border: 1px solid #fff; 
    color: #db6060;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    background-color: transparent;
}
#masthead .social-icons li a:hover,
#masthead .social-icons li a:focus {
    border: 1px solid #db6060; 
    color: #db6060;
    background-color: transparent !important;
}
.main-navigation ul.nav-menu > li > a,
.main-navigation ul ul li a{
	font-family: 'Bad Script', cursive; 
}
.main-navigation ul ul li a{
	font-weight: 600;
}
.main-navigation .menu-item-has-children > a:after {
    content: "\f067";
    padding-left: 8px;
    font-weight: 300;
}

.default-slider #featured-slider {
    margin-top: 0; 
}
.content-overlay.featured-content-wrapper {
    background-color: rgba(255, 255, 255, 0.6 );
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    margin-left: 0; 
    margin-right: 0;
    position: absolute;
    max-width: 750px;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 11%;
}
.featured-content-wrapper .entry-meta,
#featured-slider .content-overlay .separator{
    display: none;
}
#featured-slider .wrapper {
    width: 100%;
}
#message .section-content {
    max-width: 950px;
}
#message .author-thumbnail {
    max-width: 30%;
    max-height: 100%;
    margin: 0 auto 15px;
    border-radius: 0;
    position: relative;
    float: left;
}
#message .wrapper {
    padding:40px 0;
    box-shadow: 0px 5px 5px rgb(0 0 0 / 20%);
}
#message .entry-header {
    padding: 20px 0 0 0;
}
#message .entry-contanier	 {
    width: 70%;
    position: relative;
    float: right;
    padding: 0 0 0 30px;
}
#message .entry-content	 {

    padding: 0;
}
#message .entry-content {
    margin-bottom: 0;
}
#message .author-thumbnail img {
    max-width: 100%; 
    border-radius: 0; 
    max-height: 290px;
    border: 3px solid #db6060;
}
#about .featured-image {
    padding: 190px 0;
    background-size: cover;
    position: relative;
}
#about article .entry-title {
    padding: 0 10px;
}
#about .post-item-wrapper:after {
    content: "";
    border: 1px solid #fff;
    display: block;
    position: absolute;
    top: 20px;
    left: 25px;
    right: 35px;
    bottom: 10px;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#about .post-item-wrapper:before {
    content: "";
    border: 1px solid #fff;
    display: block;
    position: absolute;
    top: 10px;
    left: 35px;
    right: 25px;
    bottom: 20px;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#about .post-item-wrapper:before {
    z-index: 1;
}
.default-about #about .entry-container {
    padding: 0 7px 15px;
    text-align: center;
    position: absolute;
    bottom: 15%;
    width: 93%;
    z-index: 99;
}
.blog-posts-wrapper .col-1 article{
	width: 33.33%;
	float: left;
}
.blog-posts-wrapper .entry-meta.posted-on, #popular .entry-meta.posted-on {
    padding: 0 20px;
    text-align: center;
    position: relative;
    width: 100%;
    top: -25px;
    line-height: 2;
}
.blog-posts-wrapper .entry-meta .date span {
    padding: 0 5px 0 0;
    color: #db6060;
    background-color: transparent;
    font-size: 20px;
}
.blog-posts-wrapper .entry-meta .date a:hover span,
.blog-posts-wrapper .entry-meta .date a:hover,
.blog-posts-wrapper .entry-meta .date a:focus span,
.blog-posts-wrapper .entry-meta .date a:focus{
	background-color: transparent;
	color: #333;
}
.home .entry-meta > span.cat-links a, .blog-posts-wrapper .entry-meta > span.cat-links a {
    color: #333;
    text-transform: none;
}
.blog-posts-wrapper .entry-meta span.byline {
    font-size: 14px;
}
.blog-posts-wrapper .latest-read-more{
	display: none;
}
.blog-posts-wrapper  .entry-meta.posted-on{
	position: absolute;
	bottom: 30px;
	top: auto;
	left: 20px;
	right: auto;
	text-align: left !important;
	z-index: 99;
}
.blog-posts-wrapper .entry-container {
    max-width: 750px;
    padding: 70px 30px 30px;
    margin: 0 auto;
    position: relative;
}
.blog-posts-wrapper  .entry-meta.author{
	position: absolute;
	bottom: 30px;
	top: auto;
	left: auto;
	right: 20px;
	text-align: right !important;
	z-index: 99;
}
#featured .entry-meta .cat-links::before, 
.home .entry-meta .cat-links::before, 
.blog-posts-wrapper .entry-meta .cat-links::before,
#featured .entry-meta .cat-links::after, 
.home .entry-meta .cat-links::after, 
.blog-posts-wrapper .entry-meta .cat-links::after {
   display: none;
}

#featured .entry-meta .cat-links li::after, 
.home .entry-meta .cat-links li::after, 
.blog-posts-wrapper .entry-meta .cat-links li::after {
   content: ",";
}
.blog-posts-wrapper article,
.home.blog.no-sidebar .blog-posts-wrapper article {
    padding: 0 15px !important;
} 
.blog-posts-wrapper .entry-content p {
    color: #777;
    text-align: center;
}
.single-page .entry-content p, 
.single .entry-content p, 
.blog-posts-wrapper .entry-content {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 2;
    color: #222;
}
.blog-posts-wrapper article figure:hover img {
    transform: scale(1);
}
.blog-posts-wrapper figure {
    margin-bottom: 35px;
}
.blog-posts-wrapper article:not(:last-child) {
    margin-bottom: 40px;
}

/*--------------------------------------------------------------
#                   RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
    #blog .col-2 article,
    #blog .col-3 article,
    #blog .col-4 article,
    .blog-posts-wrapper .col-2 article {
        width: 50%;
        float: left;
    }

    #blog .col-2 article:nth-child(2n+1),
    #blog .col-3 article:nth-child(2n+1),
    #blog .col-4 article:nth-child(2n+1),
    .blog-posts-wrapper .col-2 article:nth-child(2n+1) {
        clear: left;
    }

    #blog .col-2 article:nth-last-child(-n+2),
    #blog .col-3 article:nth-last-child(-n+2),
    #blog .col-4 article:nth-last-child(-n+2),
    .blog-posts-wrapper .col-2 article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    
}
@media screen and (max-width: 1200px) {
    .blog-posts-wrapper .col-1 article{
		width: 50%;
	}
    
}
@media screen and (max-width: 767px) {
    .blog-posts-wrapper .col-1 article{
		width: 100%;
		float: none;
	}
	#message .author-thumbnail {
	    max-width: 100%;
	    float: none;
	}
	#message .entry-contanier	 {
	    width: 100%;
	    float: none;
	}
    
}

@media screen and (min-width: 1900px) {
	.wrapper {
	    max-width: 1900px;
	}
	#featured-slider article {
	    padding: 370px 0;
	}
}

.backtotop,
#respond input[type="submit"],
.site-menu .top-search form.search-form input, 
.menu-toggle span,
.post-navigation a:hover, 
.posts-navigation a:hover,
.post-navigation a:focus, 
.posts-navigation a:focus,
.pagination .page-numbers.prev:hover, 
.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:focus, 
.pagination .page-numbers.next:focus,
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus,
.widget_search form.search-form button.search-submit,
.jetpack_subscription_widget input[type="submit"]:hover,
.jetpack_subscription_widget input[type="submit"]:focus,
input[type="submit"],
.wpcf7 input[type="submit"],
#secondary .jetpack_subscription_widget input[type="submit"]:hover,
#secondary .jetpack_subscription_widget input[type="submit"]:focus,
.blog-posts .post-categories,
.tags-links a:hover,
.tags-links a:focus,
.reply a,
.reply a:hover:before,
.reply a:focus:before,
.btn,
.social-icons li a,
.slick-prev,
.slick-next,
.slick-dots li.slick-active button:before,
#featured-slider .content-overlay .separator,
#about .slick-dots li.slick-active button::before,
.more-link,
#colophon .widget_search form.search-form button.search-submit,
#message .separator,
.main-navigation ul ul li:hover > a
{
    background-color: #db6060;
}

a,
.site-title a:hover,
.site-title a:focus,
.main-navigation ul.nav-menu > li:hover > a,
.main-navigation ul.nav-menu > li:focus > a,
.main-navigation ul.nav-menu .current-menu-item > a,
.menu-item a:focus,
.menu-toggle:focus,
button.dropdown-toggle:focus,
.featured-content-wrapper a:focus,
.menu-toggle i,
button.dropdown-toggle .fa,
.pagination .page-numbers,
.pagination .page-numbers.dots:hover,
.pagination .page-numbers.dots:focus,
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus,
.pagination .page-numbers.prev,
.pagination .page-numbers.next,
#secondary a:hover,
#secondary a:focus,
.widget_popular_post h3 a:hover,
.widget_popular_post h3 a:focus,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a:hover,
.widget_latest_post h3 a:focus,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time,
.page-header small,
.entry-meta a:hover,
.entry-meta a:focus,
.tags-links a,
.comment-meta .url:hover,
.comment-meta .url:focus,
.comment-metadata a,
.comment-metadata a time,
#featured-slider .entry-meta .cat-links a,
.image-overlay.featured-content-wrapper .entry-title:hover,
.image-overlay.featured-content-wrapper a:focus .entry-title,
.content-overlay.featured-content-wrapper .entry-title:hover,
.content-overlay.featured-content-wrapper a:focus .entry-title,
#about article .entry-title a:hover,
#about article .entry-title a:focus,
.entry-meta .cat-links a,
.blog-posts-wrapper .comments-link a:hover,
.blog-posts-wrapper .comments-link a:focus,
.blog-posts-wrapper .entry-title a:hover,
.about-two #about .entry-meta .cat-links a,
.cat-links a,
.btn:hover, 
.btn:focus,
#masthead .social-icons li a,
.top-search .fa-search,
.blog-posts-wrapper .entry-meta > span.cat-links a:hover, 
.blog-posts-wrapper .entry-meta > span.cat-links a:focus,
.entry-meta.author a,
a:focus,
.default-about #about .entry-meta a:hover, 
.default-about #about .entry-meta a:focus,
.default-about #about .entry-meta a:hover, 
.default-about #about .entry-meta a:focus,
.site-description,
.featured-content-wrapper .read-more a:hover
{
	color: #db6060;
}
.main-navigation ul#primary-menu li:hover > svg,
.main-navigation ul#primary-menu li:focus > svg,
.main-navigation li.menu-item-has-children:hover > a > svg,
.main-navigation li.menu-item-has-children > a:hover > svg,
.main-navigation li.menu-item-has-children > a:focus > svg,
.main-navigation ul#primary-menu > li.current-menu-item > a > svg,
.navigation.post-navigation a:hover svg,
.navigation.posts-navigation a:hover svg,
.navigation.post-navigation a:focus svg,
.navigation.posts-navigation a:focus svg,
.widget_search form.search-form button.search-submit:hover svg,
.widget_search form.search-form button.search-submit:focus svg,
.featured-content-wrapper .btn:hover .more-icon svg, 
.featured-content-wrapper .btn:focus .more-icon svg,
.main-navigation li.search-menu a:hover svg,
.main-navigation li.search-menu a.search-active:hover svg,
.main-navigation ul#primary-menu li.search-menu:hover > a.search-active svg {
    fill: #db6060;
}
#respond input[type="submit"],
.pagination .page-numbers,
.pagination .page-numbers.dots:hover,
.pagination .page-numbers.dots:focus,
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus,
.pagination .page-numbers.prev,
.pagination .page-numbers.next,
.pagination .page-numbers.prev:hover, 
.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:focus, 
.pagination .page-numbers.next:focus,
.widget_search form.search-form input[type="search"]:focus,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
input[type="submit"],
.wpcf7 input[type="submit"],
.tags-links a,.tags-links a:hover,
.tags-links a:focus,
.reply a,
.btn,
.more-link,
#featured .entry-meta .cat-links::before,
.home .entry-meta .cat-links::before,
.blog-posts-wrapper .entry-meta .cat-links::before,
.home .entry-meta .cat-links::after,
.blog-posts-wrapper .entry-meta .cat-links::after,
#masthead .social-icons li a:hover,
.about-item-wrapper .btn, 
#blog .post-item .btn, 
.post-item .btn
{
	border-color: #db6060;
}
.site-menu
{
	padding: ' . esc_attr($header_padding) . 'px 50px !important;
}
#secondary .widget > ul li:first-child, 
#secondary .widget > ul li:hover, 
#secondary .widget_nav_menu ul li:first-child, 
#secondary .widget_nav_menu ul li:hover {
	border-left-color: #db6060;
}