/*
Theme Name: Tagora
Theme URI: https://sensationaltheme.com/downloads/tagora-free/
Template: blogbee
Author: Sensational Theme
Author URI: http://sensationaltheme.com/
Description: Tagora is a modern & stylish blog theme, that can give your readers immersive browsing experience. Tagora theme polished & beautifully balanced pages make it an ideal WordPress template for almost all types of blog. The theme is a perfect fit for all kind of blogs such as food blogs, travel journals, personal blogs many more. Tagora 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.
Version: 1.0.0
Tested up to: 5.8
Requires PHP: 5.6
Text Domain: tagora
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
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

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.

Tagora 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: 'Ubuntu', sans-serif;
    font-weight: 400;
}
.main-navigation a,
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #222;
    margin: 16px 0;
    line-height: 1.3;
    font-weight: 400;
    font-family: 'Bad Script', cursive;
}
#masthead {
   background-color: #fff;
}
.main-navigation .menu-item-has-children > a::after {
    content: "+";
}
.section-header {
    text-align: left;
    margin-bottom: 0;
}
.section-title {
    font-size: 36px;
   	padding: 0;
}
.featured_slider-wrapper {
    width: 90%;
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}

#featured_slider {
    margin-top: 30px;
}

#featured_slider article {
    padding: 260px 0;
}

.about-item-wrapper {
    background-color: #000;
    padding: 80px 0;
    text-align: center;
    background-size: cover;
    background-position: 50%;
    position: relative;
}
.about-item-wrapper,
#about .about-item-wrapper::before, 
#about .about-item-wrapper::after{
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
#about .about-item-wrapper::before {
    content: "";
    border: 1px solid #fff;
    display: block;
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    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 .about-item-wrapper::after {
    content: "";
    border: 1px solid #fff;
    display: block;
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    opacity: 0.6;
    -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-title {
    background-color: transparent;
}

#message {
    text-align: center;
    padding: 0;
}

#message .section-content {
    background-color: #e9e9e9;
    padding: 40px 0;
}
#message .author-thumbnail a::before {
    display: none !important;
}

#message .entry-container {
    max-width: 850px;
    width: 100%;
    float: none;
    padding: 0 20px;
    margin-right: auto;
    margin-left: auto;
}

#message .author-thumbnail {
    width: 100%;
    position: relative;
    float: none;
}

#message .author-thumbnail img{
    max-width: 150px;
    max-height: 150px;
    border-radius: 50%;
}

#message .separator {
    display: none;
}

#popular .section-content{
	margin: 0 -10px;
}

#popular article,
#popular article.has-post-thumbnail.full-width{
	width: 33.33%;
	padding:0;
	display: block !important;
	float: left;
	 padding: 0 10px;
}

#popular article.has-post-thumbnail.full-width .entry-container {
    width: 100%;
    float: none;
    display: block;
    text-align: center;
    position: relative;
    padding: 20px !important;
    background: #fff;
}

#popular article.has-post-thumbnail.full-width .featured-image {
    width: 100%;
    position: relative;
    right: auto;
    top: auto;
    display: block;

}

#popular article.has-post-thumbnail.full-width .entry-container::after {
    display: none !important;
}

#popular .featured-image {
    background-color: #333;
    background-size: cover;
    background-position: 50%;
    position: relative;
    padding: 260px 0;
}
#popular .entry-meta .byline{
	display: none;
}
#popular .cat-links a{
	font-weight: bold;
	font-size: 14px;
}

.blog-posts-wrapper .entry-meta > span:not(:last-child)::after {
    content: "/";
    margin-left: 10px;
    margin-right: 5px;
    color: #aaa;
    font-size: 11px;
}
#blog .col-3 article,
.blog-posts-wrapper .col-3 article {
    width: 100% !important;
    float: none;
}
.blog-posts-wrapper .entry-meta .date, 
.blog-posts-wrapper .entry-meta .byline, 
.blog-posts-wrapper .entry-meta .read-time {
    background-color: transparent;
}

.blog-posts-wrapper .entry-meta .byline,
.blog-posts-wrapper .entry-meta .date a, 
.blog-posts-wrapper .entry-meta .byline a, 
.blog-posts-wrapper .entry-meta .read-time {
    font-size: 13px;
    color: #999;
    font-weight: bold;
    padding: 4px 5px;
}
 
.blog-posts-wrapper .entry-meta .date a:hover, 
.blog-posts-wrapper .entry-meta .byline a:hover, 
.blog-posts-wrapper .entry-meta .date:hover, 
.blog-posts-wrapper .entry-meta .byline:hover, 
.blog-posts-wrapper .entry-meta .read-time:hover {
    font-size: 13px;
    color: #DB6060;
    background-color: transparent;
}

.blog-posts-wrapper .cat-links a,
.cat-links a {
	border:none;
    background-color: transparent;
    color: #DB6060;
    text-transform: uppercase;
    padding: 0 2px;
}
.post-categories li {
    display: inline-block;
    margin-bottom: 0;
}
.cat-links li::after{
	content: ",";
	color: #DB6060;
}

.cat-links a:hover, 
.cat-links a:focus {
    color: #000;
    background-color: transparent;
    border: none;
}
.home.right-sidebar #secondary, 
.home.left-sidebar #secondary {
    padding:0 0 100px;
}

.blog .wrapper.page-section {
    padding: 50px 0;
}

@media screen and (min-width: 567px) {
    #blog .col-3 article,
    .blog-posts-wrapper .col-3 article {
        width: 100%;
        float: none;
    }
}

@media screen and (max-width: 767px) {
    #popular article,
	#popular article.has-post-thumbnail.full-width {
        width: 100%;
        float: left;
    }

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

    #popular article:nth-last-child(-n+2),
    #blog .col-3 article:nth-last-child(-n+2){
        margin-bottom: 0;
    }
    #popular .featured-image {
	    padding: 180px 0;
	}
}

@media screen and (min-width: 767px) {
    #popular article {
        width: 33.33%;
        float: left;
    }

     #popular article:nth-child(3n+1) {
        clear: left;
    }

     #popular article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    #message .author-thumbnail img {
	    width: 100%;
	    height: 150px;
	}
}


.backtotop,
#respond input[type="submit"],
.menu-toggle span,
.post-navigation a:hover, 
.posts-navigation a:hover,
.post-navigation a:focus, 
.posts-navigation a:focus,
.widget_search form.search-form button.search-submit,
input[type="submit"],
.wpcf7 input[type="submit"],
.jetpack_subscription_widget input[type="submit"]:hover,
.jetpack_subscription_widget input[type="submit"]:focus,
#secondary .jetpack_subscription_widget input[type="submit"]:hover,
#secondary .jetpack_subscription_widget input[type="submit"]:focus,
.blog-posts .post-categories,
.reply a,
.reply a:hover:before,
.reply a:focus:before,
.btn,
.slick-prev,
.slick-next,
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus,
.slick-dots li.slick-active button:before,
.more-link:hover,
.more-link:focus,
#colophon .widget_search form.search-form button.search-submit,
.main-navigation ul ul li:hover > a,
.pagination .page-numbers.current, 
.pagination .page-numbers:hover, 
.pagination .page-numbers:focus,
#top-bar,
#colophon,
#message .separator,
#featured_slider .content-overlay .separator
{
    background-color: #DB6060;
}
.site-title a:hover,
.site-title a:focus,
.main-navigation ul.nav-menu > li:hover > a,
.main-navigation ul.nav-menu .current-menu-item > a,
.menu-toggle i,
button.dropdown-toggle .fa,
.pagination .page-numbers,
.pagination .page-numbers.dots:hover,
.pagination .page-numbers.dots: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,
.tags-links a,
.tags-links a:hover,
.tags-links a:focus,
.comment-meta .url:hover,
.comment-meta .url:focus,
.comment-metadata a,
.comments-link a,
.edit-link a,
#commentform a,
.comment-metadata a time,
#featured-slider .entry-meta .cat-links a,
#about .post-title:hover,
#about .post-title:focus,
.about-item-wrapper .entry-title a:hover,
.about-item-wrapper .entry-title a:focus,
.blog-posts-wrapper .entry-title a:hover,
.blog-posts-wrapper .entry-title a:focus ,
#popular .entry-title a:hover,
.blog-posts-wrapper .comments-link a:hover,
.blog-posts-wrapper .comments-link a:focus,
#message .entry-title a:hover,
#message .entry-title a:focus,
.content-overlay.featured-content-wrapper .entry-title:hover,
.entry-meta .date a:hover,
.entry-meta .byline 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,
#call-to-action .btn:hover .more-icon svg, 
#call-to-action .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="submit"],
.wpcf7 input[type="submit"],
.tags-links a,
.tags-links a:hover,
.tags-links a:focus,
.reply a,
.btn,
.more-link:hover,
.more-link:focus
{
	border-color: #DB6060;
}
#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;
}
.woocommerce-info {
    border-top-color: #DB6060;
}

@media screen and (min-width: 1024px) {
	.main-navigation ul#primary-menu ul li.current-menu-item > a,
	.main-navigation ul#primary-menu ul li:hover > a,
	.main-navigation ul#primary-menu ul li:focus > a {
	    color: #DB6060;
	}
	.main-navigation ul ul li.menu-item-has-children:hover > a > svg, 
	.main-navigation ul ul li.menu-item-has-children > a:hover > svg {
		fill: #DB6060;
	}
	#search:before {
	    border-bottom-color: #DB6060;
	}
}
@media screen and (min-width: 1200px) {
	#special-menu article:hover .entry-title a {
		color: #DB6060;
	}
}