/*
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 */
header.site-header, div#mobile-primary-menu {
    box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.18);
	background-color: transparent !important;
    width: 100%;
    position: absolute;
}
header.site-header .header-inner {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
header.site-header .header-nav .menu li a {
	font-size: 1.25rem;
}
header.site-header .c-header__logo a {
    color: #ffffff;
}

/* Footer */
.footer-social {
    padding: 0.7rem 0;
}

/* Home Page */
h2.htop-heading-1 {
    margin-block-start: 0;
    margin-block-end: 0;
}
h2.htop-heading-2 {
    margin-block-start: 0.5rem;
    margin-block-end: 0;
}

/* Services Page */
p.key-services-p {
	margin-block-end: 0;
}

/* About Page */
.wp-block-columns.about-page-columns ul {
	margin-block-start: 16px;
}
.wp-block-columns.about-page-columns p, .wp-block-columns.about-page-columns li {
    font-size: 0.9rem;
    margin-block-start: 16px;
}


/* Contact Page */
.wpcf7 {
    border-radius: 8px;
}

/* Media Queries */
@media only screen and (max-width: 1030px) {
	img.home-page-hero-image {
    	object-position: right center !important;
	}
}
@media only screen and (max-width: 768px) {
	.footer-social {
	    text-align: left;
		padding-left: 10px;
	}
	.footer-social .footer-icons {
		justify-content: left;
		align-items: flex-start;
	}
	.footer-social p {
		font-size: 14px;
	}
	div#mobile-primary-menu {
    	background-color: #2A2331 !important;
		padding-left: 1.8rem;
	}
}
@media only screen and (max-width: 384px) {
	header.site-header .c-header__logo a {
		font-size: 1.5rem;
	}
}
@media only screen and (max-width: 350px) {
	header.site-header .c-header__logo a {
		font-size: 1.4rem;
	}
}
@media only screen and (max-width: 308px) {
	header.site-header .c-header__logo a {
		font-size: 1.25rem;
	}
}
@media only screen and (max-width: 290px) {
	header.site-header .c-header__logo a {
		font-size: 1.1rem;
	}
}
@media only screen and (max-width: 270px) {
	header.site-header .c-header__logo a {
		font-size: .85rem;
	}
}
@media only screen and (max-width: 230px) {
	header.site-header .c-header__logo a {
		font-size: .7rem;
	}
}