/*
Theme Name: Patrickhorsman Child
Template: hello-biz
Theme URI: https://elementor.com/products/hello-biz/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Author: Hamdan From Dev Logic Studio
Author URI: http://devlogicstudio.com/
Description: Patrickhorsman Child is a free, user-friendly Hybrid WordPress Theme that was crafted for seamless integration with the Elementor site builder and tailored specifically for business websites. Perfect for beginners, but far from limited to just them, it features a dedicated beginner-oriented “Home” screen to simplify and streamline the web-building process. Hello Biz also integrates with Elementor’s premium features, giving you access to tools like AI, and accessibility enhancements in one place. Whether launching a startup site or refining a company portfolio, Hello Biz offers a solid, responsive foundation for all web creators. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities.
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.2.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: patrickhorsman-child
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

html body {
    background: #005c99 !important; 
    --e-global-color-text: #e9e5e6 !important;
    color: #e9e5e6;
}
body h2 {
    font-size: 37px;
    margin-top: 30px;
    margin-bottom: 30px;
}
body p {
    font-size: 18px;
    line-height: 1.3;
    font-family: 'Source Sans Pro';
}
header .has-base-background-color {
    background-color: #02426b !important;
    color: #e9e5e6;
}
.header-container, .footer-container {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 990px;
    margin: 0 auto;
    gap: 30px;
}
.header-container img.custom-logo {
    max-width: 154px;
    object-fit: contain;
    width: 100%;
}
.copywright-text {
    text-align: center;
    color: #e9e5e6;
    font-size: 18px;
    font-family: "Source Sans Pro";
}
header#site-header {
    position: relative;
    background: #02426b;
}
header#site-header:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 90px;
    background: #02426b;
    z-index: 99;
    top: auto;
    bottom: -89px;
    clip-path: polygon(0 0, 100% 0, 0 100%);
}
.site-navigation ul.menu li a {
    padding: 8px 18px;
	color: #e9e5e6;
}
footer#site-footer {
    background: #02426b;
    position: relative;
    margin-top: -8px;
}
.copywright-text {
    padding: 10px;
}

h1.elementor-image-box-title {
    color: #e9e5e6;
}
.site-navigation ul.menu li a {
    border: 2px solid #0000;
}
.site-navigation ul.menu li {
    margin: 0 5px;
}
nav.site-navigation {
    padding-right: 30px;
}
h1.elementor-image-box-title {
    font-size: 45px !important;
    margin-bottom: 30px;
}
.site-navigation ul.menu li a {
    font-family: 'Source Sans Pro';
    font-size: 16px;
}

.home-banner-wrap .elementor-image-box-content p {
    color: #e9e5e6;
}
input.navigation-menu-toggle-trigger {
    margin-left: auto;
    width: 24px;
    height: 24px;
    opacity: 0;
    cursor: pointer;
    position: relative;
    left: -20px;
    z-index: 999;
}
.navigation-mobile-icons {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 18px;
    right: 20px;
    z-index: 998;
}
.navigation-mobile-icons * {
    color: #fff;
    fill: #fff;
}
.navigation-mobile-icon.navigation-close-icon {
    display: none;
}
input.navigation-menu-toggle-trigger:checked + .navigation-mobile-icons .navigation-mobile-icon.navigation-close-icon {
    display: block;
}
input.navigation-menu-toggle-trigger:checked + .navigation-mobile-icons .navigation-mobile-icon.navigation-menu-icon {
    display: none;
}
.elementor-element.main-banner {
    padding: 0;
}
.elementor-element.main-banner {
    position: relative;
}
.elementor-element.main-banner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(2, 59, 108, 0.8), rgba(2, 59, 108, 0.8));
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
}
.main-banner .elementor-widget-heading {
    position: absolute;
    z-index: 99;
    width: 100%;
    transform: translateY(50%);
    top: 50%;
}
.main-banner .elementor-widget-heading * {
    color: #fff !important;
}
.elementor-element.main-banner img {
    max-height: 524px;
    object-fit: cover;
    width: 100%;
}
@media screen and (min-width: 1025px) {
    .navigation-menu-toggle-trigger, .navigation-mobile-icons {
        display: none;
    }
    .site-navigation ul.menu li a[aria-current="page"] {
        border: 2px solid #fff;
        border-radius: 100px;
    }
    .site-navigation ul.menu li a:hover {
        color: #fff;
        opacity: 0.5;
        border: 2px solid #fff;
        border-radius: 100px;
        transition: all 0.3s ease;
    }
}
@media screen and (max-width: 1025px) {
    nav.site-navigation {
        background: #02426b;
        display: none;
        text-align: center;
    }
    .navigation-menu-toggle-trigger:checked+.navigation-mobile-icons+ nav.site-navigation {
        box-shadow: 0 12px 12px -12px #0006;
        display: block;
        left: 0;
        margin-bottom: 8px;
        max-height: 568px;
        overflow: auto;
        padding: 64px 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99;
    }
    .site-navigation ul.menu li {
        width: 100%;
        max-width: 100%;
        justify-content: center;
        text-align: center;
    }
    .home-banner-wrap .elementor-image-box-content h1.elementor-image-box-title {
        margin-bottom: 100px;
    }
    .home-banner-wrap .elementor-image-box-content {
        padding-top: 200px;
    }
    .site-navigation ul.menu li a:hover {
        color: #fff;
        opacity: 0.9;
    }
}
@media screen and (max-width: 767px) {
    .home-banner-wrap .elementor-image-box-content {
        padding-left: 20px;
        padding-right: 20px;
    }
    .home-banner-wrap .elementor-image-box-content h2 {
        font-size: 30px;
    }
    .home-banner-wrap .elementor-image-box-content h1.elementor-image-box-title {
        font-size: 36px !important;
    }
    .copywright-text {
        max-width: 80%;
        margin: 0 auto;
    }
    .site-navigation ul.menu li a:hover {
        color: #fff;
        opacity: 0.9;
    }
    h1.elementor-image-box-title {
        font-size: 36px !important;
    }
    body h2 {
        font-size: 30px;
    }
}