/*
Theme Name: AFD, Inc. Block Theme
Theme URI: https://github.com/studiopress/genesis-block-theme/
Author: Asher Rosenquist
Author URI: https://mediaworksweb.com/
Template: genesis-block-theme
Description: A theme custom-built for AFD, August 2023
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: genesis-block-theme
Domain Path: /languages/
*/


body {
    line-height: 1.6;
    background: #fff;
    font-family: roboto, sans-serif;
    min-height: 800px;
    color: #3a3a3a;
    font-weight: 300;
}


/* Core functions */

.site-title-wrap {
    display: inline-block;
    vertical-align: top;
    max-width: 30%;
    width: 100%;
    position: relative;
    margin-top: -15px;
}
.top-navigation > .container {
    max-width: 1400px;
    margin: 0 auto !important;
    padding: 0 !important;
}
.meta-list, .featured-image {
    display: none !important;
}
.single .entry-title {
    margin-top: -145px !important;
}
.wp-block-columns {
    margin: 0;
}
.container {
    padding: 0 5%;
}
.site-content, .alignfull, .alignwide {
    margin: 0;
    padding: 0;
}
.site-header {
    background: none;
}
.site-identity{
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.custom-logo{
    margin: 0 0.5em;
}
.top-navigation-right{
    margin: 0 0 0 auto;
}
#page {
    padding: 0;
}
#primary {
    width: 100%;
    max-width: 1400px;
    padding: 0 5%;
    box-sizing: border-box;
}



                             
/*Site-unique
===============================================================================*/

.homebox h3 {
    color: white !important;
}
.homebox img {
    filter: saturate(0);
}
.homebox:hover {
    box-shadow: 0px 16px 30px rgba(0,0,0,0.4);
    transform: translateY(-2px);
    transition: .2s linear;
}
.homebox {
    transition: .2s linear;
}

.home p {
    margin-bottom: 0 !important;
}
/*Nav
===============================================================================*/

.top-navigation {
    background: #fff !important;
    user-select: none;
}

.site-identity {
    margin-top: 15px;

}

.main-navigation ul {
    position: relative;
    line-height: 1 !important;
    padding-bottom: .8em; 
    padding-top: .4em;
}
.main-navigation li {
    font-size: 1.25em;
    display: inline-block;
    margin: 0 -2px !important;
    padding: 0 !important;
    font-family: bicyclette, sans-serif;
    font-weight: normal;
}


/* top-level menu items */
.main-navigation li a {
    color: #313243;
    z-index: 9999;
    height: 1.8em;
    transition: linear 0.08s !important;
    margin-bottom: 0 !important;
    padding: 0em 1em 0;
    line-height: 1.6 !important;
}
.main-navigation li a:hover {
    color: #565cd2 !important;
}


/* Sub-menus */

/* sub menu container */
.main-navigation .sub-menu {
    opacity: 0;
    background: white;
    left: 0px !important;
    pointer-events: none !important;
    margin: -22px 0 0 -3px !important;
    padding-top: 1em;
    border-radius: 0 !important;
    border-top: none;
    transition: .09s linear;
    box-shadow: 0px 5px 10px rgba(0,0,0,.1);
    width: calc(100% + 120px);
}
.menuspace .sub-menu a, .menuspace .sub-menu li {
    margin-right: 0em !important;
}
.menuspace .sub-menu{
    width: 90% !important;
}

.main-navigation li li{
    font-weight: normal !important;
    font-size: 2em;
    margin: 0 !important;
}

.main-navigation ul li:hover .sub-menu {
    opacity: 1;
    pointer-events: all !important;
    transition: .1s linear;
}


/* all sub menu items follow these rules: */
.main-navigation li ul li a, .main-navigation ul li.current-menu-item ul a {
    color: #313243 !important;
    padding: .5em 0em .3em 1.35em;
    font-size: 70%;
    width: calc(100% + 0px) !important;
    height: 100% !important;
}
/* default sub menu hover behavior */
.main-navigation li ul li a:hover {
    color: white !important;
    background-color: #acacb0 !important;
    background: none;
}



/* Current menu items */

/* links of current menu item */
.main-navigation ul li.current-menu-item a, .main-navigation ul li.current-page-item>a {
    font-weight: 700;
    z-index: 999999 !important;
    transition: linear 0.15s !important;
    text-shadow: none !important;
    text-decoration: underline;
    color: #021c56;
}
/* children of parent menu item, which is the current one */
.main-navigation ul li.current-menu-item ul a, .main-navigation ul li.current-page-item ul a {
    border: none !important;
    background: white !important;
    pointer-events: none !important;
}
/* hover over the above */ 
.main-navigation ul li.current-menu-item ul a:hover {
    background-color: #acacb0 !important;
}
/* hover over current menu item */
.main-navigation ul li.current-menu-item a:hover, .main-navigation ul li.current-page-item a:hover {
    color: #021c56 !important;
}







.menu-item-has-children:hover {
    cursor: default !important;
}
/* disable "triangle" on sub menu containers */
.site-header .sub-menu::before {
    display: none !important;
}  

.main-navigation li.noclick {
    cursor: default !important;
}
.main-navigation li.noclick>a {
    pointer-events: none;
}


/* ancestry */
.main-navigation .current-page-ancestor a{
    outline: 1px solid rgba(138,161,214,.3);
}
.main-navigation .current-page-ancestor ul li a {
    outline: none !important;
}







/* Nav menu categories; tiered nav menu */
.menusep > a {
    border-right: 1px solid rgba(0,0,0,.1);
}
.menuspace > a {
    margin-right: 4em !important;
}
.menuright > a {
    font-weight: 400 !important;
}
.menuspace .sub-menu a, .menuright .sub-menu a {
    padding: .25em 0em .25em 1.35em !important;
    color: #313243 !important;
    font-size: 80% !important;
}
.sub-menu li.submenucategory:first-child a {
    padding: .25em 0em .25em 1.35em !important;
}
.submenucategory a {
    padding: .75em 0em .25em 1.35em !important;
    pointer-events: none;
    cursor: default !important;
    font-weight: bold !important;
    font-size: 80% !important;
}
.submenucategory {
    color: #b0b0b0 !important;
}





.single h2 {
    font-size: 1.75em !important;
    margin-top: 45px !important;
}
.single h3 {
    font-size: 1.5em !important;
    margin-top: 35px !important;
}
.nodesktop {
    display: none !important;
}


                       
/*Base Elements
===============================================================================*/

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: bicyclette, serif;
    margin: 0.5em 0;
    color: #3b3b3b;
}

/* hide h1s on pages, screen-reader friendly */
.page .entry-header, .page .entry-title {
    text-transform: none;
    visibility: hidden;
    position: absolute !important;
    left: -9999px;
}
.entry-header {
    margin-bottom: 0 !important;
}
.post-template-default .entry-header, .post-template-default .entry-title {
    display: block !important;
}
.post-template-default .entry-title {
    padding-top: 20px;
}
.post-template-default .entry-content {
    padding-bottom: 50px;
}
.home .entry-header, .home .entry-title {
    margin: 0 !important;
    padding: 0 !important;
}




.home h2{
    margin-bottom: -5px !important;
    color: #3b3b3b !important;
}

h2{
    margin-top: 0 !important;
    font-size: 3.0em;

    line-height: 108%;
    font-weight: bold;
}
h3{
    font-size: 2.05em;
    margin-bottom: .2em !important;
    font-weight: 300 !important;

}
h4 {
    font-size: 2em;
    margin-bottom: .5em !important;
    font-weight: 300 !important;
}
h5 {
    font-size: 1.3em;
}

.entry-byline {
    display: none;
}



/* lists */
.entry-content ul, .entry-content ol {
    margin: 0;
    padding: 0 0 1em 1em;
}
.entry-content li {
    margin: 0 !important;
}
.entry-content ul {
    list-style: none;
}
/* create custom bullets */
.entry-content ul:not(.wp-block-post-template)>li:before {
    content: "";
    border-color: transparent #021c56;
    border-style: solid;
    border-width: 0.25em 0 0.25em 0.4em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 1em;
    position: relative;
}

.wp-block-social-links li::before {
    display: none !important;
}
.wp-block-social-links, .wp-block-social-links li {
    padding-left: 0 !important;
}

ul.wp-block-post-template {
    margin-bottom: 3%;
    padding: 0;
}
ul.wp-block-post-template > li + li {
    margin-top: 2em !important;
}



.aligncenter {
    margin-bottom: 0 !important;
}

.entry-content p {
    margin: 0 0 1em
}



/* body links */

.site .entry-content a:hover {
    transition: .09s linear;
}
a img:hover {
    opacity: 0.8;
    transition: .09s linear;
}
img{
    transition: .09s linear;
}


/* buttons */

a.gb-button, a.wp-block-button__link, .pt-cv-wrapper .btn-success, .gform_button {
    background-color: transparent !important;
    transition: .075s linear;
    color: white !important;
    user-select: none;
    border-radius: 0;
    font-size: 1.5em !important;
    border: 1px solid white;
    font-family: bicyclette, sans-serif;
}
a.gb-button:hover, a.wp-block-button__link:hover, .pt-cv-wrapper .btn-success:hover, .gform_button:hover {
    background: white !important;
color: black !important;
}

.home .gb-button {
    margin-top: 20px;
}
.home a.gb-button, .home a.wp-block-button__link, .home .pt-cv-wrapper .btn-success {
    margin-top: 8px !important;
}
.home .gb-block-button {
    margin-bottom: 0 !important;
}

.site-content .wp-block-image {
    margin: 0;
}




/* topbar */

.topbar {
	margin: 0;
	padding: 0.75em .0em 0em 0;
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
    z-index: 999 !important;
    font-size: 86%;
    background-color: #021c56;
}
.topbar .widget_block{
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 10px;
}
.topbar a {
	color: #fff;
	margin-top: -1em;
    transition: .12s linear;
}
.topbar a:hover {
    color: #fff !important;
    text-decoration: underline;
    transition: .12s linear;
}
 .topbar ul {
	float: right;
    margin: 0 !important;
    padding-bottom: 12px !important;
 }
.topbar li {
	display: inline-block;
	margin: 0 0.75em;
    color: #fff;
}



/* gravity forms */

.formbox {
    margin-top: -85px;
    z-index: 99 !important;
    background-color: white;
    box-shadow: 0px 12px 18px rgba(0,0,0,.2); 
}
.gform_heading {
    display: none !important;
}
.gform-body .gfield_label, .gform-field-label {
    font-weight: normal !important;
}
.gfield_required {
    color: #3da1ff !important;
    font-weight: bold !important;
}
.gform_validation_errors h2 {
    font-size: 130% !important;
}


                             
/*Footer
===============================================================================*/

.site-footer li::marker {
    display: none !important;
    color: #fff !important;
}

.site-footer {
    padding: 0px 0 0 0;
    background-color: #10182a !important;
    z-index: 99 !important;
    font-size: 75%;
}

.is-style-wide {
    max-width: 1400px !important;
}

.site-footer li {
    color:#364c60 !important;
    line-height: 175%;
    color:#fff !important;
    font-family: bicyclette, sans-serif;
    font-size: 1.5em;
}
.site-footer p {
    color:#fff ;
}
.site-footer ul {
    text-align: right !important;
}

.footerbottomlinks, .footerbottomlinks li {
    display: inline-block;
}

.footerbottomlinks li {
    padding-right: 25px !important;
}

.site-footer a {
    color:#fff !important;
}

.mobilespacer {
    display: none
}

.site-footer h3 {
    color: white !important;
}

.noshadow img {
    box-shadow: none !important;;
}





           
/*Responsive
===============================================================================*/


/* desktop/mobile toggles */

.nodesktop {
    display: none;
}
.nomobile, .notablet {
    display: block;
}

@media (max-width: 1000px) {

    .nodesktop {
        display: block !important;
    }

    .notablet {
        display: none !important;
    }

    .mobilespacer {
        display: block !important;
    }
    .reverse-mobile {
        display: grid;
    }
    .reverse-mobile .wp-block-column:nth-of-type(1){
        order: 2;
    }


    /* mobile nav */
    .mobile-navigation {
        background-color: white !important;
    }
    .menu-toggle {
        font-family: bicyclette, sans-serif;
        color:rgb(54, 76, 96);
    }
    .menu-toggle span:hover, .mobile-navigation span:hover, .button-toggle:hover span, .button-toggle:focus {
        color: #acc2d5 !important;
    }

    /* mobile menu bg color */
    .drawer-menu-explore {
        background-color: white !important;
        padding-bottom: 5px !important;
    }
    .drawer-navigation {
        padding: 0 !important;
    }

    .drawer-navigation ul li a {
        color:rgb(54, 76, 96) !important;
    }



    .site-title-wrap {
        max-width: unset !important;
    }
    .custom-logo-link {
        margin-top: 10px !important;
    }




    /* open dropdown button */
    .toggle-sub {
        background-color: white !important;
        border: 1px solid #364c60;
        color:rgb(54, 76, 96) !important;
        padding: 10px 0 !important;
    }

    .menusep a{
        border-right: none !important;
    }
    .submenucategory {
        font-size: 1.2em !important;
    }
    .submenucategory a, .sub-menu li.submenucategory:first-child a {
        padding-left: 0 !important;
    }
    .menusep li:not(.submenucategory) a {
        font-size: 80% !important;
        padding: 0 0 0 15px !important;
    }
    
}


    
@media (max-width: 781px) {
    
    .nomobile {
        display: none !important;
    }



    .topbar ul li:nth-child(3) a:before {
        top: 0px !important;
        margin-left: -21px;

    }

    .topbar ul li:nth-child(2) a:before {
        top: 0px !important;
        margin-left: -21px;
    }

    .topbar ul li:nth-child(1) a{
        display: none !important;
    }





}