/*
Theme Name: GeneratePress Child
Theme URI: https://harrislarry.com
Description: Child theme for GeneratePress
Author: Harris Larry
Template: generatepress
Version: 1.0
Text Domain: generatepress-child
*/
.site-branding-container {flex-direction: column;}
.main-title {font-family: 'Lustria', sans-serif; margin-top: 12px; font-size: 33px;}
.site-description {font-size: 14px; text-align: center;}

footer
ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

li {
    margin: 0;
    padding: 0;
}

.breakout {    width: calc(100dvw - 15px) !important;
    max-width: calc(100dvw - 15px);
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);overflow-x: clip;}

.wp-block-post {margin-bottom: 30px;}
.wp-block-post-title {margin-bottom: 4px;}
.wp-block-read-more {color: #FFF;}
.wp-block-read-more:hover {color: #FCA311;}

.wp-block-post-title :where(a) {color: #FFF;}
.wp-block-post-title :where(a):hover {color: #fca311;}

.wp-block-cover {align-items: end;}

.wp-block-latest-posts__post-title {color: #000; text-decoration: none;}

.wp-block-latest-posts.wp-block-latest-posts__list li {margin-bottom: 30px;}

.menu-item > a {text-decoration: none;}

.wp-block-post-featured-image, .wp-block-post-featured-image > img {height: 100%;}

.wp-block-post .wp-block-cover__image-background {transition: 0.4s ease-in-out all;}
.wp-block-post:hover .wp-block-cover__image-background {width: 110%; margin-left: -10%; transition: 0.6s ease-in-out all;}

.taxonomy-category > a {text-decoration: none;}

.top-bar a:hover {color: #FFFFFF;}


/* CGPC Start */


.custom-heading-block-01 {width: 100%; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 50px;}

.cgpc_fullwidth {width: 100%; border-bottom: 1px solid #FCA311;}

.news-card {border-bottom: 1px solid #C9C9C9;}

.news-card-title > a {color: #333333; text-decoration: none;}
.news-card-title > a:hover {color: #000; text-decoration: underline;}

.news-card-title {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
    color: #000;
}

.news-card-img-cover {
    width: 100%;
    height: auto;
    overflow: hidden;
}


.news-card-img-cover:hover img {
    width: 110%;
    height: auto;
     transform: scale(1.1);
     transition: 0.7s ease-in-out all;
}

.news-card img {
    width: 100%;
    object-fit: cover;
}


.news-card > p {
    font-size: 15px;
    margin: 0px;
    text-align: center;
}

.bg-dark {background: #000; color: #EEE;}
.bg-white {background: #FFF; color: #000;}
.single-article img {width: 100%; object-fit: cover;}

.custom-tag {font-size: 12px; text-transform: uppercase; border-radius: 5px; padding: 8px;}
.custom-line {width: 100%; background: #FFF; height: 1px; display: block;}

.cta {padding: 10px 15px 10px 15px; background: #FFF; text-transform: uppercase; color: #000; font-family: var(--font-body); font-size: 14px; font-weight: 600;}
.cta:hover {background: #000;}

.default-hold {width: min(90%, 1200px); padding-bottom: 50px; padding-top: 50px; margin: 0 auto;}


.custom-hero {
    width: 100%;
    height: max(content-fit, 60vh);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: end;
    position: relative;
    color: #FFFFFF;
border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000) fill 0;
}



.hero-head {
    display: inline-flex;
}


.custom-hero-hold {
    width: min(90%, 1200px); padding-bottom: 50px; padding-top: 50px;
    margin: 0 auto; display: inline-flex; flex-direction: column; row-gap: 25px;
}

.custom-hero-hold > h4 {font-family: var(--font-body);}

.custom-split-div {
    width: min(90%, 1200px); padding-bottom: 50px; padding-top: 50px; margin: 0 auto;
    display: flex;
}

.custom-split-div > * {flex: 1;}



.custom-simple-hold {   
    width: min(90%, 1200px); padding-bottom: 50px; padding-top: 50px; margin: 0 auto;
}


.custom-contact-form {
    width: min(100%, 400px);
}


.custom-contact-form input {width: 100%; margin-top: 5px;}
.custom-contact-form textarea {height: 150px;}


footer {
    background: #F0F0F0;
    width: 100%;
}

.footer-menu > ul {justify-content: center; gap: 20px; font-size: 14px;}
.footer-menu > ul > li > a {color: #000; text-decoration: none;}

footer > div > a > img {height: 120px; width: 120px; margin: 0 auto; display: block;}


@media screen and (max-width: 700px) {
 
    .custom-split-div {
    flex-direction: column;
    gap: 20px;}


    .lg-only {visibility: hidden; display: none !important;}
}


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

.mb-only {
    visibility: hidden; display: none !important;
}

}