/*
Theme Name: Tweak Your Biz - Kaya child theme
Author: Anphira, LLC
Template: kaya
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kaya
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Tweak Your Biz Specific Constants
# Typography
# Elements
# Forms
# Header
# Footer
# Sidebar
# Home Page
# Archives
# Single
# newsletter sign-up
# Categories Carousel
# Title Generator
--------------------------------------------------------------*/

/*******************
 * Tweak Your Biz Specific Constants
 *******************/
:root {
	--tweak-black: #111;
    --tweak-reviews: #9B59B6; /* pink */
    --tweak-business: #057e90; /* sky blue */
    --tweak-finance: #3c8638; /* green */
    --tweak-tech: #a76809; /* yellow */
    --tweak-growth: #db3938; /* orange */
    --tweak-sales: #822990; /* purple */
    --tweak-marketing: #bf2641; /* red */
    --tweak-management: #027cc2; /* blue */
    --tweak-yellow: #faa619; /* Yellow for hover of white text (links) */
}
.container {
    max-width: 1300px;
    margin:  auto;

}


/*******************
 * Typography
 *******************/
/* Host fonts locally */
@font-face {
  font-family: Montserrat;
  src: url(/wp-content/themes/kaya-child/fonts/Montserrat.ttf)  format("truetype-variations");
  font-style: normal;
  font-weight: 1 999;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(/wp-content/themes/kaya-child/fonts/OpenSans.ttf)  format("truetype-variations");
  font-style: normal;
  font-weight: 1 999;
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  src: url(/wp-content/themes/kaya-child/fonts/Montserrat-Italic.ttf)  format("truetype-variations");
  font-style: italic;
  font-weight: 1 999;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(/wp-content/themes/kaya-child/fonts/OpenSans-Italic.ttf)  format("truetype-variations");
  font-style: italic;
  font-weight: 1 999;
  font-display: swap;
}

b, strong {
    font-variation-settings: "wght" 700;
}



/*******************
 * Header
 *******************/
body #masthead .container {
    background: var(--tweak-black);
    border-radius: 10px;
    display: flex;
    margin-top: 15px;
}
@media (min-width: 768px) {
    #masthead .container .kaya-columns-7,
    #masthead .container .kaya-columns-3 {
        padding-top: 15px;
    }
}
@media (max-width: 1330px) {
    body #masthead .container {
        margin-right: 15px;
        margin-left: 15px;
    }
}
@media (max-width: 767px) {
    #masthead .kaya-columns-3 {
        margin-top: 30px;
    }
}




/*******************
 * Footer
 *******************/
.newsletter-signup {
    color: white;
}
#colophon .newsletter-signup {
    padding:  0;
    text-align: left;
}
#colophon .newsletter-signup p {
    padding:  0;
}
body #colophon a,
body #colophon a:visited {
    color: white;
}

.site-info .copyright-line,
.site-info .site-info-bottom-line {
    text-align: left;
}


/*******************
 * Sidebar
 *******************/
@media (min-width: 768px) {
    body .sidebar-right #secondary {
        padding-top: 0;
    }
}
.sidebar-right #primary.has-sidebar {
    border-right: none;
}
#sidebar-latest-articles,
#sidebar-careers {
    background: var(--tweak-black);
    padding: 20px;
    border-radius: 10px;
}

#sidebar-latest-articles a {
    display: block;
}
#sidebar-latest-articles a,
#sidebar-latest-articles h2,
#sidebar-latest-articles a h3,
#sidebar-careers h2,
#sidebar-careers p {
    color: white;
}
#sidebar-latest-articles h2,
#sidebar-stay-connected h2,
#sidebar-careers h2 {
    font-size: 1.2rem;
}
#sidebar-latest-articles a h3,
#sidebar-careers p {
    font-size: 0.8rem;
}
#sidebar-latest-articles .latest-articles-img {
    max-width: 75px;
    float: left;
}
#sidebar-latest-articles .latest-articles-img img {
    border-radius: 5px;
}

#sidebar-stay-connected .social {
    background: #0F4880;
    display: block;
    color: white;
    border-radius: 5px;
    padding: 8px;
    margin-bottom: 10px;
}
#sidebar-stay-connected .social:hover,
#sidebar-stay-connected .social:active,
#sidebar-stay-connected .social:focus {
    background: var(--tweak-black);
}
#sidebar-stay-connected .twitter {
    background: #2574A9;
}
#sidebar-stay-connected .linkedin {
    background: #0c66c2;
}

#sidebar-careers a {
    background: white;
    color: var(--tweak-black);
    display: block;
    border-radius: 30px;
    padding: 8px;
    text-align: center;
    font-family: Montserrat;
    font-weight: 600;
}
#sidebar-careers a:hover,
#sidebar-careers a:active,
#sidebar-careers a:focus {
    background: var(--tweak-yellow);
}

@media (min-width:  768px) {
    .main_content {
        display: flex;

    }
    .sidebar-right .main_content #primary.has-sidebar {
        float: none;
    }
    .sidebar-right .main_content #secondary {
        float: none;
    }
    .sticky-sidebar {
        position: sticky;
        top: 50px;
    }
}


/* Table of Contents collapsable */
#collaspe-lwptoc.toggle-closed {
    height: calc(20rem + 30px);
    overflow: hidden;
}
#collaspe-lwptoc.toggle-open {
    height: auto;
    overflow: hidden;
}
#collaspe-lwptoc.toggle-open .fa-plus:before {
    content: "\f068";
}
#collaspe-lwptoc #lwptoc-toggle {
    border-radius: 10px;
}
#collaspe-lwptoc {
    position: relative;
}
#lwptoc-toggle {
    position: absolute;
    bottom: 15px;
    right: 10px;
}




/*******************
 * Home Page
 *******************/
.featured-link {
    margin: 0 30px 30px 0;
    border-radius: 10px;
}
@media (max-width: 767px) {
    .featured-link {
        margin: 0 0 20px;
        display: block;
    }
}
.featured-link:hover .featured-content,
.featured-link:active .featured-content,
.featured-link:focus .featured-content {
    backdrop-filter: blur(3px) brightness(40%);
    transition: 0.3s;
}
.featured-post {
    border-radius: 10px;
    color: white;
    position: relative;
    height: 100%;
    background-size: cover;
}
.featured-post::after {
    content: '';
    background: rgba(0,0,0,.25);
    background: linear-gradient(180deg, rgba(0,0,0,0) 18%, rgba(0,0,0,1) 90%);
    width: 100%;
    height: 100%;
    position: absolute;
    top:  0;
    left: 0;
    z-index: 1;
    border-radius: 10px;
}
.featured-post.reviews::after
.featured-post.business::after,
.featured-post.finance::after,
.featured-post.technology::after,
.featured-post.growth::after,
.featured-post.sales::after,
.featured-post.marketing::after,
.featured-post.management::after {
    content: none;
}
.featured-content {
    padding: 10px;
    z-index: 2;
    position: relative;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    border-radius: 10px;
    background: var(--tweak-black);
    background: linear-gradient(180deg, rgba(0,0,0,0) 18%, rgba(0,0,0,1) 90%);
}
.featured-content h3,
.featured-content .featured-info {
    color: white;
}
@media (min-width: 768px) {
    .featured-content h3 {
        max-height: 4.5em;
        overflow: hidden;
    }
}
.featured-cat {
    font-weight: 600;
    font-size: 0.8rem;
    padding: 7px 20px;
    color: white;
    background: var(--tweak-business);
    display: inline-block;
    border-radius: 20px;
}
.featured-cat.Reviews,
.featured-post.reviews {
    background: var(--tweak-reviews);
}
.featured-cat.Business,
.featured-post.business {
    background: var(--tweak-business);
}
.featured-cat.Finance,
.featured-post.finance {
    background: var(--tweak-finance);
}
.featured-cat.Technology,
.featured-post.technology {
    background: var(--tweak-tech);
}
.featured-cat.Growth,
.featured-post.growth {
    background: var(--tweak-growth);
}
.featured-cat.Sales,
.featured-post.sales {
    background: var(--tweak-sales);
}
.featured-cat.Marketing,
.featured-post.marketing {
    background: var(--tweak-marketing);
}
.featured-cat.Management,
.featured-post.management {
    background: var(--tweak-management);
}
.featured-link:not(:first-of-type) h3 {
    font-size: 1rem;
}
.featured-info {
    font-size: 0.8rem;
}

/* Trending & home sections grids */
@media ( min-width:768px ) {
    #trending-posts .featured-link:nth-child(4),
    #trending-posts .featured-link:nth-child(5),
    .home-section .featured-link:not(:first-child) {
        margin-right: 0;
    }
    #trending-posts {
        display: grid;
        grid-template-columns: 50% 25% 25%;
        grid-template-rows: 250px 250px;
        grid-auto-flow: column;
    }
    #trending-posts .featured-link:first-of-type {
        grid-column: 1;
        grid-row: 1 / 3;
    }
    .home-section {
        display: grid;
        grid-template-columns: 65% 35%;
        grid-template-rows: 160px 160px 160px 50px;
        grid-auto-flow: column;
    }
    .home-section .featured-link:first-of-type {
        grid-column: 1;
        grid-row: 1 / 5;
    }
}
@media (max-width: 767px) {
    .featured-content h3 {
        font-size: 1rem;
    }
    /*.home .featured-post,
    .archive .featured-post {
        background-image: none !important;
    }*/
}




/*******************
 * Archives
 *******************/
.all-articles-image .wp-post-image {
    border-radius: 10px;
}
#all-articles-section .featured-info {
    color: var(--tweak-black);
}
@media ( min-width:768px ) {
    .home-section.archive-section {
        grid-template-columns: 33.3% 33.3% 33.3%;
        grid-template-rows: auto;
        column-gap: 20px;
        grid-template-areas: "archive-one archive-one archive-one"
        "archive-two archive-three archive-four";
    }
    .home-section.archive-section .featured-link:first-child {
        grid-area: archive-one;
        min-height: 400px;
        margin-right:  0;
    }
    .home-section.archive-section .featured-link:nth-child(2) {
        grid-area: archive-two;
    }
    .home-section.archive-section .featured-link:nth-child(3) {
        grid-area: archive-three;
    }
    .home-section.archive-section .featured-link:nth-child(4) {
        grid-area: archive-four;
    }

    .four-block {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-rows: 300px 300px;
        grid-auto-flow: column;
    }
    .all-articles .actual-articles {
        display: grid;
        grid-template-columns: 33.3% 33.3% 33.3%;
    }
    #all-articles-section {
        background: #f8f8f8;
        border-radius: 10px;
        padding: 40px 10px 40px 40px;
    }
}
.all-articles .pagination-links {
    text-align: center;
}
.all-articles .pagination-links .page-numbers {
    background:  white;
    border-radius: 3px;
    border-color: #eee;
    width: 2em;
    height: 2em;
    display: inline-block;
    line-height: 2em;
}
.all-articles .pagination-links .page-numbers.next,
.all-articles .pagination-links .page-numbers.prev {
    width: 6em;
}

@media (max-width: 767px) {
    .actual-articles.facetwp-template .featured-info {
        display: flex;
        justify-content: space-between;
    }
    .actual-articles.facetwp-template .all-articles-image .attachment-medium {
        width: 100%;
    }
    .actual-articles .wp-post-image {
        width: 100%;
    }
}

#subcategories-list {
    background: #f8f8f8;
    border-radius: 10px;
    padding: 15px;
}
#subcategories-list .subcategories-link {
    background: var(--tweak-black);
    padding: 6px 15px;
    font-family: Montserrat;
    color: white;
    text-transform: capitalize;
    margin: 0 15px 15px 0;
    display: inline-block;
    border-radius: 10px;
    font-weight: 600;
}
#subcategories-list.toggle-closed {
    height: calc(2.3rem + 30px);
    overflow: hidden;
}
#subcategories-list.toggle-open {
    height: auto;
    overflow: hidden;
}
#subcategories-list.toggle-open .fa-plus:before {
    content: "\f068";
}
#subcategories-list button {
    border-radius: 10px;
}




/*******************
 * Single Post
 *******************/
.single .entry-header .attachment-post-thumbnail {
    border-radius: 10px;
}
#related-posts .featured-post {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.author_bio_section {
    background: #f8f8f8;
    border-radius: 10px;
    padding: 20px;
    clear: both;
    margin-bottom: 60px;
    display: flex;
}
.author_bio_section .avatar {
    border-radius: 100px;
}
@media (max-width: 767px) {
    .single .sticky-sidebar {
        display: none;
    }
    .single #related-posts.mb50 {
        margin-bottom: 30px !important;
    }
}



/*******************
 * newsletter sign-up
 *******************/
.newsletter-signup {
    background: var(--tweak-black);
    padding:  60px;
    border-radius: 10px;
}
.newsletter-signup h2,
.newsletter-signup p {
    color: white;
    font-family: Montserrat;
}
.newsletter-signup .flex-area {
    display: flex;
    width: 100%;
}
.mc-field-group {
    width: calc(100% - 145px);
}
.mc-field-group input[type="email"] {
    padding: 7px 15px;
    border-radius: 30px;
}
body .optionalParent input[type="submit"] {
    border-radius: 30px;
    width: 125px;
    margin-left: 20px;
    background: white;
    color: var(--tweak-black);
    font-family: Montserrat;
    font-weight: 600;
}
body .optionalParent input[type="submit"]:hover,
body .optionalParent input[type="submit"]:active,
body .optionalParent input[type="submit"]:focus {
    background: var(--tweak-sales);
    color: white;
}
@media (min-width: 768px) {
    .newsletter-signup p {
        padding: 0 80px;
        font-size: 1.1rem;
    }
}
@media (max-width:  767px)  {
    .newsletter-signup {
        padding: 15px;
    }
}




/*******************
 * categories
 *******************/
.category-carousel {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
}
.category-carousel-link,
.category-carousel-link:visited {
    padding: 6px 10px;
    color: white;
    background: var(--tweak-business);
    border-radius: 10px;
    margin: 0 15px 20px 0;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1rem;
    display: flex;
    justify-content: center;
}
.home .category-carousel {
    justify-content: space-between;
}
.home .category-carousel-link,
.home .category-carousel-link:visited {
    font-size: 1.1rem;
    min-width: 8rem;
    padding: 15px 20px;
}
.category-carousel-link:last-child,
.category-carousel-link:last-child:visited {
    margin-right: 0;
}
body .category-carousel-link:hover,
body .category-carousel-link:active,
body .category-carousel-link:focus {
    background: var(--tweak-black);
    color: white;
}
.category-carousel-link.reviews {
    background: var(--tweak-reviews);
}
.category-carousel-link.finance {
    background: var(--tweak-finance);
}
.category-carousel-link.technology {
    background: var(--tweak-tech);
}
.category-carousel-link.growth {
    background: var(--tweak-growth);
}
.category-carousel-link.sales {
    background: var(--tweak-sales);
}
.category-carousel-link.marketing {
    background: var(--tweak-marketing);
}
.category-carousel-link.management {
    background: var(--tweak-management);
}



/*******************
 * title generator
 *******************/
.bul {
    max-height: 24.6em;
    overflow: scroll;
}