/*
Theme Name: Fort Masonry
Theme URI: https://www.candidthemes.com/themes/fort/
Author: candidthemes
Author URI: http://www.candidthemes.com/
Description: A minimal WP blog theme. It comes with masonry and grid layout. It has font option and color option. It has customizer based theme setting.  It is compatible with Gutenberg plugins like Kadence Blocks, Ultimate Addons and PostX. Moreover, it comes with primary color, body and heading fonts, sidebar options and more.  A complete SEO optimized theme with support of Rank Math and Yoast SEO breadcrumb as well.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fort-masonry
Requires PHP: 5.2
Tested up to: 6.0
Template: fort
Tags: two-columns, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, rtl-language-support, footer-widgets, custom-header, three-columns, one-column, left-sidebar, news, blog
*/

:root {
    --primary-color: #1b1b1b;
    --secondary-color: #ea2f2f;
    --tertiary-color: #faf7ff;
    --secondary-color-light: #ee5d5d;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-black: 900;
}

p a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
    color: var(--secondary-color);
}

.site-title {
    font-family: var(--secondary-font);
    font-weight: var(--fw-bold);
    letter-spacing: 0;
}

.main-navigation a {
    font-size: 16px;
    font-weight: 700;
}

.fort-menu-social li a:before,
.social-menu li a:before {
    font-size: 16px;
}

.entry-meta>*,
.breadcrumb-trail .trial-items li,
.breadcrumbs ul li,
.main-navigation ul li>a,
.post-navigation .nav-subtitle,
.btn.btn-primary {
    letter-spacing: 1px;
}

.btn.btn-primary,
.ajax-pagination .show-more,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
    background-color: var(--secondary-color);
}

.btn.btn-primary:hover,
.ajax-pagination .show-more:hover,
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover,
.pagination .page-numbers:hover,
.pagination .page-numbers.current,
.site-header-topbar .fort-top-right-menu {
    background-color: var(--secondary-color);
}

.site-header-topbar .fort-top-right-menu {
    max-width: 170px;
}

.site-header-topbar .fort-top-right-menu a {
    font-size: 1rem;
}

.site-header-topbar .fort-top-right-menu i {
    background-color: var(--secondary-color-light);
}

.ajax-pagination .show-more {
    border-color: var(--secondary-color);
}

.entry-meta .min-read {
    margin-left: 1em;
    position: relative;
}

.entry-meta .min-read::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 7px;
    left: -16px;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    background: #ababab;
}

.category-label-group a {
    font-weight: 700;
    letter-spacing: 1px;
}

.card-single-article .category-label-group a {
    letter-spacing: 3px;
}

.pagination .page-numbers {
    letter-spacing: 2px;
    font-weight: 600;
}

.ajax-pagination .show-more,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
    letter-spacing: 2px;
    font-weight: 600;
    padding: 1em 2.5em;
}

.posts-navigation .nav-links .nav-previous a:hover {
    padding-right: 2.5em;
}

/* CHILD OVERWRITE CUSTOM CSS */
.site-content {
    overflow: hidden;
}

.site-title {
    font-size: 2em;
}

.site-header-top {
    padding-top: 60px;
    padding-bottom: 60px;
}

.hero-slider-section .container {
    padding-bottom: 4em;
}

.hero_slick-slider .slick-list {
    overflow: visible;
}

.hero_slick-slider .card .card_body {
    padding: 2em;
}

.hero_slick-slider .card {
    overflow: visible;
}

.hero_slick-slider .card .card_body {
    width: 90%;
    position: absolute;
    left: 50%;
    bottom: -10%;
    transform: translateX(-50%);
    background-color: var(--tertiary-color);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.hero_slick-slider .card .post-thumb {
    width: 100%;
}

.hero_slick-slider .card .post-thumb img {
    width: 100%;
}

.hero-slider-section .hero_slick-slider .slick-dots {
    width: 100%;
    margin: 0;
    padding: 0;
    bottom: -20%;
}

/* MEDIA QUERIES */
@media screen and (min-width: 600px) {
    .site-title {
        font-size: 3em;
    }

    .hero_slick-slider .card .card_body {
        width: 75%;
    }

}

@media screen and (min-width: 768px) {
    .site-title {
        font-size: 4em;
    }

    .hero_slick-slider .card .card_body {
        width: 60%;
    }

    .hero_slick-slider .slick-dots {
        width: 50%;
        margin-left: 50%;
    }

}

@media screen and (min-width: 992px) {

    .hero_slick-slider .card .card_body {
        width: 50%;
    }

    .hero-slider-section .container {
        padding-bottom: 6em;
    }
}