/*!
Theme Name: Hadoq
Theme URI: http://hadoq.com/
Author: Hadoq
Author URI: https://hadoq.com
Description: Top Performance Theme created by Hadoq.com
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hadoq
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Template for Single

# Media
	## Captions
	## Galleries
*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Cateogories footer posts
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Tags footer posts
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Author box
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Footer fixed
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/

#breadcrumbs {
    margin: 0;
    width: 100%;
    font-family: Roboto;
    font-size: 0.8rem;
    text-transform: uppercase;
}

#breadcrumbs span.cat:before {
    content: ">";
    padding: 0 0.5rem;
    color: #0db8c4;
}

#breadcrumbs a {
    color: #000000;
}

#breadcrumbs a:hover {
    background-color: transparent;
    color: #0db8c4;
    -webkit-text-decoration-color: #000000;
    -moz-text-decoration-color: #000000;
    text-decoration-color: #000000;
}

#breadcrumbs .post_title {
    display: none;
}

.archive #breadcrumbs {
    text-align: center;
}

.single #breadcrumbs {
    margin-bottom: 1rem;
    margin-top: 1rem;
}


/*--------------------------------------------------------------
# Social share
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Table of content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Mobile Menu
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.social_share a {
    display: block;
}

.single .article-content figure {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}


/* Section post_per_column */

.post_per_column>article {
    padding: 1em 0.5em;
    -ms-flex: 1 1;
    flex: 1 1;
}

.post_per_column>article .post-thumbnail {
    height: 100%;
}

.post_per_column>article .post-thumbnail a {
    height: 100%;
}

.post_per_column>article .post-thumbnail img {
    height: 100%;
}

.post_per_column>article.home-layout-5-1-col:after {
    background: transparent;
}

.post_per_column>article .post-thumbnail a img {
    -o-object-fit: cover;
    object-fit: cover;
}

.post_per_column>article.home-layout-5-1-col .post-thumbnail:after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, #303036 100%) repeat 0 0;
    z-index: 3;
}

@media (min-width: 480px) {
    .home-layout-5-1-col .entry-title .title a {
        font-size: 1.75rem;
        margin: 0;
    }
}

.home-layout.post_column_1,
.home-layout.post_column_2,
.home-layout.post_column_3,
.home-layout.post_column_4 {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
}

@media screen and (min-width: 480px) {
    .home-layout.post_column_3,
    .home-layout.post_column_4 {
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
    }
}

@media screen and (min-width: 768px) {
    .home-layout.post_column_1 {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
    }
    .home-layout.post_column_2 {
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
    }
    .home-layout.post_column_3 {
        -ms-flex: 1 1 33%;
        flex: 1 1 33%;
        max-width: 33%;
    }
    .home-layout.post_column_4 {
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
    }
}

.no-content-container {
    position: relative;
    width: 100%;
    min-height: 300px;
    margin: 24px;
    display: -ms-flexbox;
    display: flex;
}

.no-content.grayscale-background {
    position: absolute;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.125;
}

.no-content-text {
    margin: auto;
    text-align: center;
}

.single .header-single-group {
    padding: 1rem;
    text-align: center;
}

.single .header-single-group .entry-title {
    margin: 1rem 0 2rem 0;
    font-size: 2rem;
    line-height: 1.2;
}

.single .header-single-group .caption {
    display: block;
    text-align: center;
}

.single .header-single-group .entry-subtitle {
    text-transform: uppercase;
    margin-bottom: 2rem;
    display: block;
}

.single .entry-content {
    margin: 1rem;
}

.single .entry-content iframe[src*=youtube],
.single .entry-content iframe[src*=vimeo] {
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    width: 100%;
}

.single .entry-content twitterwidget {
    margin: 0 auto;
}

.single .entry-content .article-content {
    max-width: 600px;
    margin: 0 auto;
}


/* .single .entry-content .article-content>p:first-of-type {
    font-size: 125%;
    margin-top: 2rem;
} */


/* .single .entry-content .article-content>p:first-of-type:first-letter {
    font-size: 200%;
    line-height: 1.2;
} */

.single .entry-content .entry-separator {
    color: #0db8c4;
}

.single .entry-content a {
    color: #000000;
    text-decoration: underline;
    -webkit-text-decoration-color: #0db8c4;
    -moz-text-decoration-color: #0db8c4;
    text-decoration-color: #0db8c4;
    font-weight: bold;
}

.single .entry-content a:hover {
    background-color: #0db8c4;
}

.single .site-main {
    margin: 0 auto;
}

.single .second-column {
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    padding: 0 1rem;
}


/*tablets*/

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .single .entry-content {
        padding-right: 2rem;
    }
    .single .entry-footer {
        margin: 1rem;
    }
}

@media screen and (min-width: 768px) {
    .single .header-single-group .entry-title {
        font-size: 2.5rem;
        padding: 0 1rem;
    }
}

@media screen and (min-width: 1024px) {
    .single .header-single-group .entry-title {
        font-size: 3rem;
    }
    .single .header-single-group img {
        max-height: 60vh;
        -o-object-fit: contain;
        object-fit: contain;
    }
}


/*--------------------------------------------------------------
# Category Infinite scroll
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Single Infinite scroll
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}


/* Make sure logo link wraps around logo image. */

.custom-logo-link {
    display: inline-block;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}


/*--------------------------------------------------------------
## 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 {
    display: block;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/