/*
Theme Name: GG Dev Client Theme Child
Theme URI: https://gg-dev.co/
Description: Child theme for GG Dev Client Theme
Author: GG Dev
Author URI: https://gg-dev.co/
Template: ggdevclienttheme
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: ggdevclienttheme-child
*/

/* Put your overrides below. */


header.site-header .c-header__logo a, header.site-header .c-header__logo img {
    max-height: 100px;
}
.inner-desktop-nav {
    display: flex;
}
.wp-singular header.site-header i.fa-brands.fa-pinterest {
	font-size: 1.25rem;
}
header.site-header .header-nav .menu li a, header.site-header ul#menu-main-menu li a {
    font-size: 1rem;
}
.inner-desktop-nav ul.social-icons.social-icons {
    margin-block-end: 0;
    margin-block-start: 0;
    padding-left: 0;
    padding-right: 2em;
	display: flex;
}
.inner-desktop-nav ul.social-icons.social-icons li.social-icons__item {
    padding: 0 1em;
}
.inner-desktop-nav ul.social-icons.social-icons li.social-icons__item:first-child, .inner-desktop-nav ul.social-icons.social-icons li.social-icons__item:last-child {
    padding: 0;
}
.social-icons__item i.fa-brands {
    color: #0182b2;
}
.social-icons__item i.fa-brands:hover {
    color: #0182b2;
}
.main-mobile-menu ul.social-icons.social-icons {
    padding-left: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}
.main-mobile-menu ul.social-icons.social-icons li.social-icons__item {
    padding: 1em 0;
}
.main-mobile-menu ul.social-icons.social-icons .social-icons__item i.fa-brands {
    font-size: 1.5rem;
}

.footer-social .footer-icons {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 4rem;
}
ul#menu-footer-menu {
	display: flex;
	justify-content: space-between;
	padding-inline-start: 0;
}
ul#menu-footer-menu li {
    padding: 0 0.5rem;
    list-style-type: none;
}
ul#menu-footer-menu li:first-child {
    padding-left: 0;
}
ul#menu-footer-menu li:last-child {
    padding-right: 0;
}
img[src="https://homeagainbyj.com/wp-content/plugins/google-analytics-for-wordpress/assets/images/monsterinsights-badge-light.svg"] {
    display: none !important;
}


figure.wp-block-pullquote {
    padding: 0.5em 0;
}
.wp-block-pullquote p {
    margin-bottom: 0.5rem;
}


figure.wp-block-pullquote blockquote {
	position: relative;
}
figure.wp-block-pullquote blockquote::before {
	font-family: 'Font Awesome 5 Free'; /* Or 'Font Awesome 6 Free' depending on your version */
    font-weight: 900; /* For solid icons (fas) */
    content: '\f10d'; /* Unicode for fa-quote-left */
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.5rem; /* Adjust size as needed */
    color: #0182b2; /* Adjust color as needed */
}
blockquote::after {
	font-family: 'Font Awesome 5 Free'; /* Or 'Font Awesome 6 Free' */
    font-weight: 900; /* For solid icons (fas) */
    content: '\f10e'; /* Unicode for fa-quote-right */
    position: absolute;
    bottom: 4rem;
    right: 0;
    font-size: 1.5rem; /* Adjust size as needed */
    color: #0182b2; /* Adjust color as needed */
}


p.privacy-policy-info-col {
    margin-block-start: 0;
}
p.consent-text.has-base-font-size {
    margin-block-start: 0;
    margin-block-end: 0;
}


.about-page-banner-heading-two span {
    text-transform: lowercase;
}


.right-column-about p {
    margin-block-start: 16px;
}
.wp-singular i.fa-brands.fa-pinterest {
    font-family: "Font Awesome 6 Brands" !important;
}
.about-page-pinterest {
    display: flex;
}
.about-page-pinterest p {
    margin-block-end: 0;
    margin-block-start: 0;
    padding-right: 2em;
	margin-top: 0.25rem;
}
.right-column-about i.fa-brands.fa-pinterest {
    font-size: 2rem;
}

.wpcf7 h3 {
    font-family: var(--wp--preset--font-family--belleza) !important;
}


.archive-masonry h2.entry-title {
    font-family: var(--wp--preset--font-family--charm) !important;
    font-size: 1.5rem;
}


.wp-block-gg-blocks-home-page-hero.home-page-hero.alignfull.about-page {
    height: 30vh !important;
}


.mc-modal {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(0,0,0,.6);
    z-index: 9999;
    font-family: var(--gg-body-font) !important;
}
.mc-modal[hidden]{
    display: none;
}
.mc-dialog {
    background-color: #edeff1;
    width: min(600px,92vw);
    padding: 3rem 0 3rem 2rem;
    border-radius: 1.5rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .05);
    position: relative;
}
.mc-close { 
    position: absolute;
    top: .5rem;
    right: .75rem;
    border: 0;
    background: none; 
    font-size: 1.5rem; 
    cursor: pointer; 
}
.mc-field-group {
    margin: .75rem 0;
}
.mc-modal h3#mc-modal-title {
    display: none;
}
.mc-field-group input { 
    width: 90%;
    padding: .75rem;
    border: 1px solid #ccc;
    border-radius: 8px;
}
.mc-modal .button { 
    margin-top: .75rem; 
    background-color: #0182b2;
    border: #0182b2;
    padding: .75rem 2rem;
    font-size: 1.2rem;
    cursor: pointer;
    color: #fff;
    border-radius: .5rem;
    font-family: var(--gg-body-font) !important;
}


@media only screen and (max-width: 954px) {
	.footer-social .footer-icons a, .footer-social-links-widget p {
    	font-size: 0.9rem;
	}
}
@media only screen and (max-width: 819px) {
	.footer-social .footer-icons a, .footer-social-links-widget p {
    	font-size: 0.8rem;
	}
}
@media only screen and (max-width: 768px) {
	.styled-image-block .styled-image-aspect {
    	width: 100% !important;
	}
    .inner-desktop-nav { 
        display: none !important; 
    }
	ul#menu-footer-menu {
		padding-inline-start: 0;
	}
	ul#menu-footer-menu li {
		padding: 0 0.25rem;
	}
	.footer-social .footer-icons {
	    gap: 0rem;
	}
	:root :where(.wp-block-pullquote) {
		font-size: 1.25em;
	}
	figure.wp-block-pullquote blockquote::before {
		top: 0;
		left: 120px;		
	}
	figure.wp-block-pullquote blockquote::after {
		top: 0;
    	left: 27rem;
	}
    .cta-fw .two-col-cta-wrapper .two-col-cta-button { 
        text-align: left !important; /* in case a parent sets text-align:right */
    }

    .cta-fw .two-col-cta-wrapper .two-col-cta-button 
    .wp-block-buttons,
    .cta-fw .two-col-cta-wrapper .two-col-cta-button 
    .wp-block-buttons.is-layout-flex,
    .cta-fw .two-col-cta-wrapper .two-col-cta-button 
    .wp-block-buttons[class*="is-content-justification-"],
    .cta-fw .two-col-cta-wrapper .two-col-cta-button 
    .wp-block-buttons[style*="justify-content"] {
        display: flex !important;
        justify-content: flex-start !important;
        width: 100%;
    }

    /* kill any auto-pushing on the first/last buttons */
    .cta-fw .two-col-cta-wrapper .two-col-cta-button 
    .wp-block-buttons > .wp-block-button {
        margin-left: 0 !important;
    }
    .cta-fw .two-col-cta-wrapper .two-col-cta-button 
    .wp-block-buttons > .wp-block-button:last-child {
        margin-right: 0 !important;
    }
    .cta-fw .two-col-cta-wrapper {
        align-items: normal;
    }
}
@media only screen and (max-width: 710px) {
	figure.wp-block-pullquote blockquote::before {
		left: 100px;		
	}
}
@media only screen and (max-width: 680px) {
	.footer-social .footer-icons a, .footer-social-links-widget p {
    	font-size: 0.7rem;
	}
	figure.wp-block-pullquote blockquote::before {
		left: 88px;		
	}
}
@media only screen and (max-width: 650px) {
	figure.wp-block-pullquote blockquote::before {
		left: 70px;		
	}
}
@media only screen and (max-width: 600px) {
	.footer-social .footer-icons a, .footer-social-links-widget p {
    	font-size: 0.6rem;
	}
	figure.wp-block-pullquote blockquote::before {
		left: 50px;		
	}
}
@media only screen and (max-width: 550px) {
	figure.wp-block-pullquote blockquote::before {
		left: 35px;		
	}
}
@media only screen and (max-width: 525px) {
	figure.wp-block-pullquote blockquote::before {
		left: 20px;		
	}
}
@media only screen and (max-width: 500px) {
	.footer-social .footer-icons a, .footer-social-links-widget p {
    	font-size: 1rem;
	}
	figure.wp-block-pullquote blockquote::before {
		left: 0;		
	}
	figure.wp-block-pullquote blockquote::after {
    	left: 26rem;
	}
}
@media only screen and (max-width: 450px) {
	figure.wp-block-pullquote blockquote::after {
    	left: 24rem;
	}
}
@media only screen and (max-width: 400px) {
	.footer-social .footer-icons a, .footer-social-links-widget p {
    	font-size: .8rem;
	}
	figure.wp-block-pullquote blockquote::after {
    	left: 21rem;
	}
	.wp-block-gg-blocks-home-page-hero.home-page-hero.alignfull.about-page {
    	height: 40vh !important;
	}
	.wp-block-gg-blocks-home-page-hero.home-page-hero.alignfull.about-page .home-page-hero-overlay {
		padding-top: 3.5rem !important;
	}
}



/* Blog */
/* ===== Blog grid: FORCE visible gaps (3/2/1) ===== */
body.wp-child-theme-ggdevclienttheme-child .archive-masonry {
	--cols: 3;
	--col-gap: 2.25rem !important;
	--row-gap: 0.85rem !important;

	display: grid !important;
	grid-template-columns: repeat(var(--cols), minmax(0, 1fr));

	/* gap aliases, all with !important so nothing wins over them */
	gap: var(--row-gap) var(--col-gap) !important;
	grid-gap: var(--row-gap) var(--col-gap) !important;
	column-gap: var(--col-gap) !important;
	grid-column-gap: var(--col-gap) !important;
	row-gap: var(--row-gap) !important;
	grid-row-gap: var(--row-gap) !important;

	/* kill multi-columns without touching spacing */
	column-count: initial !important;

	margin-bottom: 3rem;
	margin-top: 3rem;
}

/* Breakpoints */
@media (max-width: 1100px) {
  	body.wp-child-theme-ggdevclienttheme-child .archive-masonry.max-3 { --cols: 2; }
}
@media (max-width: 640px) {
  	body.wp-child-theme-ggdevclienttheme-child .archive-masonry.max-3 { --cols: 1; }
}

/* Cards */
body.wp-child-theme-ggdevclienttheme-child .masonry-card {
  	display: block !important;   /* not inline-block */
  	margin: 0 !important;        /* spacing comes from grid gaps */
  	overflow: hidden;
  	box-sizing: border-box;
}

/* Media + body */
body.wp-child-theme-ggdevclienttheme-child .masonry-card .card-thumb { display:block; margin:0; }
body.wp-child-theme-ggdevclienttheme-child .masonry-card .card-thumb img { display:block; width:100%; height:auto; }
body.wp-child-theme-ggdevclienttheme-child .masonry-card .card-body { padding:.75rem 1rem .75rem 0; }
