/*
Theme Name: Extendable-child
Theme URI: https://github.com/extendify/extendable
Author: Extendify
Author URI: https://extendify.coms
Description: A Child Theme of the Extendable Theme
Template: extendable
Requires at least: 6.3
Tested up to: 6.6
Requires PHP: 7.4
Version: 2.0.15
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: extendable
Tags: one-column, custom-colors, custom-menu, custom-logo, e-commerce, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

Extendable is a derivative work of the code from the
Twenty Twenty-Two WordPress Theme, which is licensed GPLv2.

Extendable WordPress Theme, (C) 2022 Extendify Inc.
Extendable therefore is also distributed under the terms of the GNU GPL.
*/


/* Fallback for deprecate variables.
---------------------------------------------------------------------------- */

.pos-relative{
	position: relative;
}
.dis-inline-block{
	display: inline-block;
}
.hover-underline,
.hover-underline > a{
	text-decoration: none;
}
.hover-underline:hover,
.hover-underline > a:hover {
	text-decoration: underline;
}
.make-inline{display:inline;}
.opacity-class{
	opacity: 0.7;
}
body.not-logged .hide-for-now{
	display: none;
}
.my-gradient{
	background: linear-gradient(45deg, #12172f, #3147ad);
}

/* Hidden things */
body.page-id-38 header,
body.page-id-38 footer,
body.page-id-41 header,
body.page-id-41 footer {
    display: none;
}

.dark-back-filter {z-index: 1;} /* Must set the parent so that the psudo z-index can work. */
.dark-back-filter::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: #000000;
	opacity: 0.6;
    z-index: -1; 
}
.parallax-effect {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* The main logo */
body > div > header > div > div > div.wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex > div.wp-block-site-logo > a > img {
	transition height 3s, width 3s;
}
.wp-block-site-logo.is-default-size img {
    max-height: 45px !important;
    height: auto !important;
    width: auto !important;
}
.logo-mobile-height {
	height: 42px !important;
	width: auto !important;;
    position: relative;
}
header h1 {
    text-align: left;
}
header .mtagline {
    margin:0;
}

/* Transparency behind the Hero text */
body.home #wp--skip-link--target > div
> div > div > div > div >div.add-trans-background { /* add the class 'add-trans-background' to the element that you want to work with. */
    z-index: 3; /* psudo parent element must have z-index setting to set psudo elment z-index order */
}
body.home #wp--skip-link--target > div
> div > div > div > div >div.add-trans-background::before
{
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: #000000;
	opacity: 0.3;
    z-index: -1; 
} 

/* Trick menu starts */
body > div.wp-site-blocks > header > div {
    height: 72px;
    position: fixed;
    top: 0;
    transition: top 0.3s ease-in-out;
    width: 100%;
}
.nav-up {
    top: -72px !important;
}

body > div.wp-site-blocks > header > div::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0px;
	background-color: #000000;
	opacity: 0.3;
	z-index: -1;
}
body > div.wp-site-blocks > header > div.nav-down::before {
    opacity: 0.4;
}
/* Set the padding on the header button */
body > div > header > div > div > div.wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex > div > a {
    padding: 8px;
}
/* The off-canvas menu background */
.wp-block-navigation__responsive-container.is-menu-open.is-menu-open {
    width: 70%;
    min-width: 300px;
    border-right: solid 1px #000;
    /* box-shadow: 10px 10px 5px 12px #333; */
}
.wp-block-navigation__responsive-container.is-menu-open.is-menu-open a > span {
    font-size: 20px; /* larger text size on the mobile menu */
}
nav ul > li.wp-block-navigation-item.current-menu-item.wp-block-navigation-link a span {
    text-decoration: underline;
    font-weight: bold;
}
#modal-1-content > ul > li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu > ul > li {
    padding-bottom: 10px; /* increase the gap betwen menu items on the sub menus */
}
/* Trick menu ends */


h1.wp-block-site-title > a,
body > div.wp-site-blocks > header > div {
	color: #FFF;
}
body.not-logged .trans-background{
	z-index: -1;
	opacity: 0.7;
    height: 100%;
    width: 100%;
    position: absolute;
	background-color: #000000 !important;
}
body.not-logged header div.trans-sticky-menu{
    position:absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    max-width: 100%;
    width:100%;
    height:100%;

}

body.not-logged header div.trans-nav-background{
    display: block;
	opacity: 0.7;
	background-color: #000000 !important;
}
body main{
	margin-top: -0px !important;
	padding-top: -0px !important;
}
body.home main{
/* 	margin-top: -120px !important; */
}

header{
	position: relative;
    margin-top: 0px;
    z-index: 500;
}
header > div {
	padding: 15px !important;
}

body.not-logged header > div > 
div.wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-4.wp-block-group-is-layout-flex{
	margin-top: 0px;
}



#wp--skip-link--target > div > div.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained 
> div > div > div.wp-block-group.pos-relative.is-content-justification-center.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-8.wp-block-group-is-layout-flex 
> div > div.wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex 
> div > div.wp-block-columns.alignwide.pos-relative.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex 
> div > div > div.wp-block-column.is-vertically-aligned-center.pos-relative.is-layout-flow.wp-container-core-column-is-layout-1.wp-block-column-is-layout-flow 
> h3{
	margin-left: 30px;
}

/* Font Awesome Icons on Hero Area */
.main-points-row.dark-background .group-heading-row h2,
.main-points-row.dark-background .group-heading-row  p {
	color: #FFF !important;
}
.main-points-row div.wp-block-group.services-font-awesome-group {
	margin-top: -85px !important;
}

div.services-font-awsome-icons-row > div > div.services-font-awesome-group div.font-awesome-icon-div {
	position: relative;
    z-index: 100;
    width: 120px;
    height: 120px;
    border: solid 1px #060c29;
    border-radius: 50%;
}
div.services-font-awsome-icons-row > div > div.services-font-awesome-group > div svg {
  	margin: 0;
  	position: absolute;
  	top: 50%;
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
/* 	font-size: 3.5em; */
}

div.services-font-awsome-icons-row 
> div > div > div.wp-block-group.font-awesome-icon-div figure{
	text-align: center; /* if using an image, this centers the image */
}
div.services-font-awsome-icons-row 
> div > div > div.wp-block-group.font-awesome-icon-div figure img{
	margin-top: 5px;
}


/* Details Block */
/* Add a custom transition when opening/closing. */
.wp-block-details {
	transition: all 0.5s ease-in-out;
}

/* Add horizontal margin to nested blocks/elements. */
.wp-block-details > :where( :not( summary ) ) {
	margin-left: 2rem;
	margin-right: 2rem;
}

/* If open, add some bottom padding to avoid content butting against the bottom. */
.wp-block-details[open] {
	padding-bottom: 2rem;
}
/* Base `summary` element styling. */
.wp-block-details summary {
	transition: all 0.5s ease-in-out;
	box-sizing: border-box;
	padding: 1rem;
	font-weight: 500;
}

/* Change the background of the `summary` element based on state. */
.wp-block-details[open] summary,
.wp-block-details summary:hover,
.wp-block-details summary:focus {
/* 	background: #32322d; */
}

/* Referrals tweeks */
div.ti-review-header {
    background-color: #A89F84;
    padding-bottom: 4px !important;
    border-radius: 4px;
}

/* Untested Below */
/* Phone number column on menus*/
div.u_1711478356.dmRespCol{
    width:175px;
}
.email-icon,
.location-icon,
.phone-icon{
    max-width:35px;
    width: 28px;
    height: 28px;
    display:inline-block;
    vertical-align: middle;
	margin-right: 20px;
}
div.u_1232671919.graphicWidget{
    width: calc(100% - 0px) !important;
  height: 28px !important;
  /* display: block !important; */
  float: none !important;
  top: 0 !important;
  left: 0 !important;
  position: relative !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 0 !important;
  /* margin-right: 162px !important; */
  margin-left: 0 !important;
  max-width: 28px !important;
  margin-top: 5px !important;
  margin-bottom: 10px !important;
  padding-right: 0 !important;
  min-width: 25px !important;
  text-align: center !important;
  display: inline-block;
  vertical-align: middle;
}


.trans-button{
	background: transparent none !important;
    border-color: currentColor !important;
    border-width: 2px !important;
    border-style: solid !important;
    color: currentColor !important;
    padding-top: 0.667em !important;
    padding-right: 1.33em !important;
    padding-bottom: 0.667em !important;
    padding-left: 1.33em !important;
}
#wpforms-submit-163{ width: 100%;}
/* @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
} */

/* Map Iframe*/
#contact_us_map { 
    border: none;  
    width: 100%;
    height: 100%;
    max-height: 690px;
    border: none;
    min-height:280px;
}
/* Main Points Rows */
div.main-points-row {
    padding-bottom: 40px !important;
}
div.main-points-row.dark-background {
	background-color: #999 !important;
}

/* Adding Google Fonts Stargs*/
body {
     font-family: Open Sans;
    font-weight: 300;
    font-size: 16px;
}
body h1 {
    margin-bottom: 16px;
    font-family: Open Sans;
    font-weight: 300;
    font-size: 3.375em;
    line-height: 1.26;
}
body .h-lead p {
    margin-bottom: 16px;
    font-family: Open Sans;
    font-weight: 300;
    font-size: 1.25em;
    line-height: 1.5;
}
body .h-lead p {
    margin-bottom: 16px;
    font-family: Open Sans;
    font-weight: 300;
    font-size: 1.25em;
    line-height: 1.5;
}
body p {
    margin-bottom: 16px;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;

}
body h2 {
    margin-bottom: 16px;
    font-family: Open Sans;
    font-weight: 300;
    font-size: 2.7em;
    line-height: 1.55;
}
body h3 {
    margin-bottom: 16px;
    font-family: Open Sans;
    font-weight: 600;
    font-size: 2.5em;
    line-height: 1.55;
    color: rgb(32, 42, 84);
}
body h5 {
    margin-bottom: 16px;
    font-family: Open Sans;
    font-weight: 600;
    font-size: 1.125em;
    line-height: 1.55;
}
/* Adding Google Fonts Ends */

footer {
    background: #02235B;
    background: linear-gradient(0deg, rgba(2, 35, 91, 1) 0%, rgb(0 3 8) 100%);
}
footer h1 {
    text-align: left;
}
footer .mtagline {
    margin:0;
}
footer nav ul > li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu 
> ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu > li > a {
    color:#000;
}
/* Hide the footer hambur */
body > div > footer > div 
> div.wp-block-group.alignwide.has-global-padding.is-content-justification-center.is-layout-constrained.wp-block-group-is-layout-constrained 
> div > div > div:nth-child(2) > nav > button {
    display:none;
}


/* Animations not working, had to reset from base extensible theme */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        transition-duration: 0.2s !important;
    }
}

/* Fixes for the Modal */
body.page-id-266 #wp--skip-link--target > div > div:nth-child(3),
body.page-id-296 #wp--skip-link--target > div > div:nth-child(3) {
    padding: 0;
}
body.page-id-266 #wp--skip-link--target > div,
body.page-id-296 #wp--skip-link--target > div {
    padding: 0;
}

.faq-head summary {
    cursor: pointer;
}

@media (max-width: 780px) {
	/* spacing the points tiles (not top row) on homepage */
	body.home .main-points-row div.headline-tile {
    	    	margin-top: 100px;
	}
	.main-points-row .group-heading-row {
		margin-bottom: 70px !important;
	}
}


@media (max-width: 880px) {
    body {
       font-size: 17px;
    }
    /* Toggle Hamburger Menu Starts */
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    #modal-1 .wp-block-navigation__responsive-container-content { display:none;}
    #modal-1.is-menu-open .wp-block-navigation__responsive-container-content {display:block;}

    /* Swap the order of the Hamburger menu and the header phone number */
    body > div > header > div > div 
    > div.wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-6c531013.wp-block-group-is-layout-flex {
         order:2;
    }
    
    /* adjust the menu height down */
    body > div.wp-site-blocks > header > div {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        height: 55px;
    }
    body > div > header > div > div {
        height: 40px;
    }
    /* reposition the Hamburger menu */
    body > div > header > div > div 
    > div.wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-6c531013.wp-block-group-is-layout-flex 
    > nav > button {
        margin-top: 15px;
    }
    /* Toggle Hamburger Menu Ends */

    /* Adjust the header button dimentions */
    body > div > header > div > div > div.wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex > div > a {
            padding-top: 3px;
            padding-bottom: 3px;
    }


    /* Site Title */
    header > div > div > div.wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex 
	> div.wp-block-group.is-layout-flow.wp-block-group-is-layout-flow > h1 > a{
        font-size: larger;
    } 
 
    /* Cover Text */
    #about > div > div.wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow,
    #wp--skip-link--target > div 
	> div.wp-block-group.alignfull.has-tertiary-background-color.has-background.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-16.wp-block-group-is-layout-constrained 
	> div > div,
    #about > div.wp-block-columns.alignwide.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-7.wp-block-columns-is-layout-flex{
        padding: 0px 15px;
    }
    body > div.wp-site-blocks > footer > div.wp-block-group.is-content-justification-center.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-36.wp-block-group-is-layout-flex > div > div{
        margin: 0px 10px;
    }
    body > div > header > div > div > div.wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex > div.wp-block-site-logo img {
        max-height: 42px;
    	width: auto;
    }
	/* Homepage mobile screen adjustment */
	body.home #wp--skip-link--target > div 
	> div.wp-block-group.alignfull.has-background-background-color.has-background.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-72190d31.wp-block-group-is-layout-constrained 
	> div > div > div {
	    padding-top: 130px !important;
	    padding-bottom: 130px; !important;
	}
} 

@media screen and (max-width: 530px) {
    /* disappear the Phone number */
    header div.u_1333150053 a span.phone-number{ display:none;}
    header div.u_1711478356.dmRespCol{ width:35px;}
	#wp--skip-link--target > div 
	> div.wp-block-group.alignfull.has-background-background-color.has-background.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-8.wp-block-group-is-layout-constrained 
	> div > div > div > div > h1 {
		font-size: 2.375em;
	}

}

@media screen and (max-width: 450px) {
    /* Hide the logo making room for the menu */ 
    body > div > header > div > div 
	> div.wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex 
	> div.wp-block-site-logo {
        display:none;
    }
}

@media screen and (max-width: 400px) {
    /* disappear the Phone number */
    footer > div.wp-block-group.is-content-justification-center.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-35.wp-block-group-is-layout-flex 
	> div{
        padding: 0px 15px;
    }
}