/*
Theme Name: Birnie Electrical Contractors
Author: Redding Designs
Author URI: https://reddingdesigns.com
Description: A theme custom-designed for Birnie Electrical Contractors.
Version: 999.99
Text Domain: birnie
*/

/*RESET*/

    * {
        box-sizing: border-box;
        padding: 0px;
        margin: 0px;
        color: inherit;
        text-decoration: none;
    }

    .full {
        width: 100%;
    }

    body {
        overflow-x: hidden;
    }

/*SCROLLBARS*/

    body::-webkit-scrollbar {
        width: 15px
    }

    body::-webkit-scrollbar-track {
        background: #FFF;
        border-radius: 0px
    }

    body::-webkit-scrollbar-thumb {
        background:#ff521f;
    }

/*CENTER CLASSES*/

    .center {
        width: 95%;
        margin: 0 auto;
    }

    .no-center {
        margin: inherit;
    }

    .width-960 {
        max-width: 960px;
    }

    .width-1250 {
        max-width: 1250px;
    }

    .width-1565 {
        max-width: 1565px;
    }

/*PRIMARY BUTTON*/

    .primary-button {
        display: inline-block;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 15px;
        padding-bottom: 15px;
        background: #ff521f;
        color: #FFF;
        transition: .25s ease-out;
        text-transform: uppercase;
    }

    .primary-button:hover {
        background: #F5F1EE;
        color: #444;
        transition: .25s ease-in;
    }

/*ALTERNATIVE BUTTOM*/

    .alternative-button {
        display: inline-block;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 15px;
        padding-bottom: 15px;
        background: #F5F1EE;
        color: #444;
        transition: .25s ease-out; 
        text-transform: uppercase;
    }

    .wt-cli-accept-all-btn {
        padding-left: 25px !important;
        padding-right: 25px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        background: #F5F1EE !important;
        color: #444 !important;
        transition: .25s ease-out; 
        text-transform: uppercase;
    }

    .alternative-button:hover {
        background: #ff521f;
        color: #FFF;
        transition: .25s ease-in;
    }

    .wt-cli-accept-all-btn:hover {
        background: #444 !important;
        color: #FFF !important;
        transition: .25s ease-in;
    }

/*COOKIE BAR*/

    #cookie-law-info-bar {
        font-family: "Heebo", sans-serif !important;
    }

/*FLEX*/

    .flex-row-between-start {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
    }

    .flex-row-start-center {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }

    .flex-row-start-stretch {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
    }

    .flex-row-start-start {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .flex-row-center-center {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .flex-row-between-center {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .flex-rowreverse-between-center {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .flex-rowreverse-between-stretch {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
    }

    .flex-row-between-stretch {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
    }

    .flex-row-end-center {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
    }
    
    .flex-col-center-center {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

/*LINKS*/

    a {
        cursor: pointer;
    }

/*FONTS*/

    .title {
        font-family: "Heebo", sans-serif;
        font-size: 64px;
        font-weight: 900;
        line-height: 72px;
    }

    .subtitle {
        font-family: "Heebo", sans-serif;
        font-size: 48px;
        font-weight: 900;
        line-height: 60px;
    }

    .subhead {
        font-family: "Heebo", sans-serif;
        font-size: 24px;
        font-weight: 900;
        line-height: 35.25px;
    }

    .copy {
        font-family: "Heebo", sans-serif;
        font-size: 23px;
        font-weight: 400;
        line-height: 34.5px;
    }

    .subcopy {
        font-family: "Heebo", sans-serif;
        font-size: 12pt;
        font-weight: 400;
    }

/*404*/

    .pagenotfound .center {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .pagenotfound .center p {
        color: #444;
    }

/*FORMS*/

    .wpcf7 {
        width: 100%;
    }

    .wpcf7 form {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
    }

    .wpcf7 label, .wpcf7 .wpcf7-response-output {
        width: 100%;
        font-family: "Heebo", sans-serif;
        font-size: 23px;
        color: #444;
    }

    .wpcf7 p {
        width: 100%;
    }

    .wpcf7 input, .wpcf7 textarea {
        width: 100%;
        background: none;
        border: 1px solid #F5F1EE;
        font-family: "Heebo", sans-serif;
        font-size: 23px;
        color: #444;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .wpcf7 input[type="submit"] {
        background: #F5F1EE;
        cursor: pointer;
        text-transform: uppercase;
        transition: .25s ease-out;
    }

    .wpcf7 input[type="submit"]:hover {
        background: #FF521F;
        color: #FFF;
        transition: .25s ease-in;
    }

    /*MAIN CONTACT FORM*/

        #main-contact-form p {
            width: 100%;
        }

    /*MAIN EMPLOYMENT FORM*/

        #main-employment-form p {
            width: 48%;
        }

/*HEADER*/

    header {
        position: relative;
        background: url(./assets/hero-grandview.webp) no-repeat center;
        background-size: cover;
    }

    /*HOME PAGE*/

	
    
        /*VEGAS TIMER*/

            /*PROGRESS BAR*/

                .vegas-timer-progress {
                    background: #FF521F !important;
                }

            /*CONTROLS*/

                header .arrows {
                    position: absolute;
                    z-index: 9998;
                    bottom: 0px;
                    padding-left: 25px;
                    padding-right: 25px;
                    padding-bottom: 25px;
                    color: #FFF;
                    font-size: 32pt;
                    opacity: 0;
                    animation-name: arrowin;
                    animation-iteration-count: infinite;
                    animation-duration: 5s;
                    animation-fill-mode: forwards;
                }

                @keyframes arrowin {
                    0% { opacity: 0; }
                    25% { opacity: 0.5; text-shadow: 0px 0px 0px rgba(255,255,255,0.5); }
                    50% { opacity: 1; text-shadow: 0px 0px 4px rgba(255,255,255,0.75); }
                    75% { opacity: 0.5; text-shadow: 0px 0px 4px rgba(255,255,255,0.75); }
                    100% { opacity: 0; text-shadow: 0px 0px 0px rgba(255,255,255,0.5); }
                }

    /*PROJECT PAGE*/

        .post-type-archive-project header {
            background: url(./assets/uploads/2021/12/projects.jpg) no-repeat center !important;
            background-size: cover !important;
        }

    /*GRADIENT*/

        header .header-gradient {
            position: absolute;
            top: 0px;
            left: 0px;
            height: 100%;
            background: rgb(0,0,0);
            background: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
            z-index: 9997;
        }

    /*HOLDER*/

        header .header-holder {
            position: relative;
            background: rgb(0,0,0);
            background: linear-gradient(180deg, rgba(0,0,0,0.85) 0%, rgba(255,255,255,0) 100%);
            transition: .15s ease-out;
            z-index: 9998;
        }

    /*IS ACTIVE*/

        header .header-holder.is-active {
            background: #FF521F;
            transition: .15s ease-in;
        }

        header .header-holder.is-active .main-menu-holder {
            box-shadow: none !important;
        }

    /*MAIN MENU HOLDER*/

        /*MENU HOLDER*/

            header .header-holder .center .menu-holder {
                padding-top: 50px;
            }

            /*MENU ITEMS*/

                header .header-holder .center .menu-holder .menu-items .menu-item {
                    font-family: "Heebo", sans-serif;
                    font-size: 1.313em;
                    color: #FFF;
                    margin-right: 50px;
                    cursor: pointer;
                }

                /*LAST OF TYPE*/
                
                    header .header-holder .center .menu-holder .menu-items .menu-item:last-of-type {
                        margin-right: 0px;
                    }

            /*HAMBURGER*/

                header .header-holder .center .menu-holder .hamburger {
                    margin-left: 50px;
                    cursor: pointer;
                }

    /*SERVICES MENU*/

        header .header-holder .services-menu {
            opacity: 0;
            visibility: hidden;
            height: 0px;
            background: #F5F1EE;
            padding-top: 25px;
            padding-bottom: 25px;
            transition: .15s ease-out;
        }

        /*IS ACTIVE*/

            header .header-holder .services-menu.is-active {
               opacity: 100%;
               visibility: visible;
               height: auto;
               transition: .15s ease-in;
            }

        /*SERVICES MENU ITEM*/

            header .header-holder .services-menu .center .menu-item {
                font-family: "Heebo", sans-serif;
                font-size: 1.313em;
                color: #444;
                margin-right: 50px;
                cursor: pointer;
                padding-right: 25px;
                transition: .25s ease-out;
            }

            header .header-holder .services-menu .center .menu-item:hover {
                color: #FF521F;
            }

        /*MENU BUTTON*/

            header .header-holder .services-menu .center a.menu-button {
                font-family: "Heebo", sans-serif;
                font-size: 1.313em;
                font-weight: bold;
                text-transform: uppercase;
                color: #444;
                padding: 20px;
                margin-left: 50px;
                border: 1px solid #DDDDDD;
                box-shadow: 0px 6px 13px -9px rgba(0,0,0,0.75);
                -webkit-box-shadow: 0px 6px 13px -9px rgba(0,0,0,0.75);
                -moz-box-shadow: 0px 6px 13px -9px rgba(0,0,0,0.75);
                transition: .25s ease-out;
            }

            header .header-holder .services-menu .center a.menu-button:hover {
                background: #FF521F;
                color: #FFF;
                transition: .25s ease-in;
            }

    /*TITLE HOLDER*/

        header .center .title-holder {
            position: relative;
            padding-top: 100px;
            padding-bottom: 100px;
            width: 100%;
            max-width: 800px;
            z-index: 9998;
        }

	/*CHANGE HOME PAGE PADDING BOTTOM*/

		.page-id-9 header .center .title-holder {
			padding-bottom: 200px;
		}

        /*SUBTITLE*/

            header .center .title-holder .subtitle {
                color: #FFF;
            }

/*NAVIGATION*/

    .main-navigation {
        position: fixed;
        top: 0px;
        right: 0px;
        width: 0px;
        height: 100%;
        padding: 0px;
        max-height: 100vh;
        overflow-y: auto;
        background: #F5F1EE;
        z-index: 10000;
        color: #444;
        transition: .25s ease-out;
    }

    .main-navigation.is-active {
        width: 400px;
        padding: 50px;
        transition: .25s ease-in;
    }

    .main-navigation .main-navigation-content {
        opacity: 0;
        visibility: hidden;
        transition: .15s ease-out;
    }

    .main-navigation.is-active .main-navigation-content {
        opacity: 1;
        visibility: visible;
        transition: .75s ease-in;
    }

    /*TRIGGER EXIT*/

        .main-navigation .trigger-exit {
            cursor: pointer;
            padding-bottom: 25px;
        }

    /*LINKS*/

        .main-navigation a {
            transition: .25s ease-out;
        }

        .main-navigation a:hover {
            color: #FF521F;
            transition: .25s ease-in;
        }

    /*MENU HOLDER*/

        /*LIST*/

            .main-navigation .menu-holder .menu {
                list-style-type: none;
                transition: .25s ease-out;
            }

        /*LIST ITEM*/

            .main-navigation .menu-holder .menu li {
                transition: .25s ease-out;
            }

            .main-navigation .menu-holder .menu li:hover {
                color: #FF521F;
            }

    /*CONTENT*/

        /*KEYLINE*/

            .main-navigation .keyline-holder .keyline {
                height: 3px;
                border-top-left-radius: 2px;
                border-top-right-radius: 2px;
                border-bottom-left-radius: 2px;
                border-bottom-right-radius: 2px;
                background-color: #DDD;
                margin-top: 25px;
                margin-bottom: 25px;
            }

    /*ADDRESS*/

        /*PHONE NUMBERS*/

            .main-navigation .telephone-link {
                color: #FF521F;
                transition: .25s ease-out;
            }

            .main-navigation .telephone-link:hover {
                color: #444;
                transition: .25s ease-in;
            }

    /*SOCIAL ICONS*/

        .main-navigation .social-icons {
            margin-top: 25px;
        }

        .main-navigation .social-icons a {
            margin-right: 15px;
        }

        .main-navigation .social-icons a:last-of-type {
            margin-right: 0px;
        }

        .main-navigation .social-icons a i {
            color: #FF521F;
            transition: .25s ease-out;
        }

        .main-navigation .social-icons a i:hover {
            color: #444;
            transition: .25s ease-in;
        }

/*PROJECTS ARCHIVE*/

    .projects-archive {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    /*FILTER HOLDER*/

        .projects-archive .filter-holder {
            padding-bottom: 50px;
        }

        /*SUBHOLDER*/

            .projects-archive .filter-holder .filter-subholder {
                width: calc(50% - 25px);
                margin-right: 50px;
            }

            .projects-archive .filter-holder .filter-subholder:last-of-type {
                margin-right: 0px;
            }

            /*TITLE*/

                .projects-archive .filter-holder .filter-subholder p.copy {
                    color: #444;
                }

            /*DROPDOWNS*/

                .projects-archive .filter-holder .filter-subholder select {
                    width: 100%;
                    font-family: "Heebo", sans-serif;
                    font-size: 23px;
                    padding: 15px;
                    border: 1px solid #F5F1EE;
                }

    /*ARTICLE*/

        .projects-archive article {
            margin-bottom: 100px;
        }

        .projects-archive article:last-of-type {
            margin-bottom: 0px;
        }

        /*IMAGE*/

            .projects-archive .article-holder .article-image {
                width: calc(60% - 25px);
            }

        /*CONTENT*/

            .projects-archive .article-holder .article-content {
                width: calc(40% - 25px);
                padding-top: 100px;
                padding-bottom: 100px;
            }

            /*TITLE*/

                .projects-archive .article-holder .article-content .subhead {
                    margin-bottom: 25px;
                    color: #444;
                }

            /*KEYLINE*/

                .projects-archive .article-holder .article-content .keyline-holder .keyline {
                    width: 10%;
                    height: 3px;
                    border-top-left-radius: 2px;
                    border-top-right-radius: 2px;
                    border-bottom-left-radius: 2px;
                    border-bottom-right-radius: 2px;
                    background-color: #DDD;
                    margin-bottom: 25px;
                }

            /*COPY*/

                .projects-archive .article-holder .article-content p:not(.subhead) {
                    font-family: "Heebo", sans-serif;
                    font-size: 23px;
                    line-height: 34.5px;
                    color: #444;
                }

            /*LEARN MORE*/

                .projects-archive .article-holder .article-content .text-link {
                    display: block;
                    margin-top: 25px;
                    color: #FF521F;
                    text-decoration: underline;
                }

/*FOOTER*/

    footer {
        background: #F5F1EE;
    }

    /*CUSTOMERS*/

        footer .footer-customers {
            text-align: center;
            padding-top: 100px;
            padding-bottom: 100px;
        }

        /*SUBTITLE*/

            footer .footer-customers .subtitle {
                color: #444;
                margin-bottom: 50px;
            }

        /*KEYLINE*/

            footer .footer-customers .keyline {
                width: 100px;
                height: 3px;
                border-top-left-radius: 2px;
                border-top-right-radius: 2px;
                border-bottom-left-radius: 2px;
                border-bottom-right-radius: 2px;
                background-color: #DDD;
                margin-bottom: 50px;
            }

        /*IMAGES*/

            footer .footer-customers .footer-customers-logo {
                max-width: 48%;
                mix-blend-mode: multiply;
            }

    /*LINKS*/

        footer .footer-links {
            margin-top: 50px;
        }

        /*LINK*/

        footer .footer-links a {
            margin-right: 15px;
            text-decoration: underline;
            color: #FF521F;
        }
        
    /*INFO*/

        footer .footer-info {
            padding-top: 100px;
            padding-bottom: 100px;
            background: #FF521F;
            color: #FFF;
        }

        /*HOLDERS*/

            footer .footer-info .holder {
                padding: 25px;
            }

            footer .footer-info .holder-01 {
                order: 1;
            }

            footer .footer-info .holder-02 {
                order: 2;
            }

            footer .footer-info .holder-03 {
                order: 3;
            }

            footer .footer-info .holder-04 {
                order: 4;
                /* width: 66.666%; */
            }

            footer .footer-info .holder-05 {
                order: 5;
            }

            footer .footer-info .holder-06 {
                order: 6;
            }

            footer .footer-info .holder:last-of-type img:first-of-type {
                margin-right: 25px;
            }

            .d-flex {
                display: flex;
            }

            .d-lg-none {
                display: none;
            }

        /*IMAGES*/

            footer .footer-info img {
                max-width: 100%;
            }

        /*SUBLINKS*/

            footer .footer-info .footer-sublinks {
                margin-top: 25px;
            }
            
            .footer-sublinks-logos {
                display: block;
                margin-top: 0 !important;
            }

            

            /*LINKS*/

                footer .footer-info .footer-sublinks .text-link {
                    text-decoration: underline;
                    padding-right: 25px;
                    border-right: 1px solid #FFF;
                }

                footer .footer-info .footer-sublinks .text-link:not(:first-of-type) {
                    margin-left: 25px;
                }

                .footer-logo-smaller {
                    width: 85%;
                }

                /*SOCIAL ICONS*/

                    footer .footer-info .footer-sublinks .footer-social-icons {
                        margin-left: 25px;
                    }

                    /*ICONS*/

                        footer .footer-info .footer-sublinks .footer-social-icons a {
                            margin-right: 15px;
                        }

                        footer .footer-info .footer-sublinks .footer-social-icons a:last-of-type {
                            margin-right: 0px;
                        }

/*QUICK FIXES*/

    /*SPECIFIC BLOCKS*/

        /*BLOW OUT ADVISORY BOARD BLOCK ON TEAM PAGE*/

            #advisoryboard-block .center {
                width: 85% !important;
            }


/*MEDIA QUERIES*/

    @media (max-width: 1650px) {

        footer .footer-info .holder {
            width: 33.333%;
        }

        /* footer .footer-info .holder-01 {
            order: 4;
        } */

        footer .footer-info .holder-04 {
            width: 66.666%;
            align-items: center;
        }

        .d-lg-none {
            display: block;
        }

        .footer-sublinks-logos {
            display: none;
        }

    }

    @media (max-width: 1400px) {

        .center {
            width: 75%;
        }

        .title {
            font-family: "Heebo", sans-serif;
            font-size: 52px;
            font-weight: 900;
            line-height: 60px;
        }
    
        .subtitle {
            font-family: "Heebo", sans-serif;
            font-size: 36px;
            font-weight: 900;
            line-height: 48px;
        }
    
        .subhead {
            font-family: "Heebo", sans-serif;
            font-size: 24px;
            font-weight: 900;
            line-height: 35.25px;
        }
    
        .copy {
            font-family: "Heebo", sans-serif;
            font-size: 23px;
            font-weight: 400;
            line-height: 34.5px;
        }
    
        .subcopy {
            font-family: "Heebo", sans-serif;
            font-size: 12pt;
            font-weight: 400;
        }

        header .center {
            width: calc(100% - 50px);
        }

        header .center .title-holder {
            max-width: 75%;
        }

        header .header-holder .services-menu .center {
            margin: 0 auto;
            justify-content: center;
            align-items: center;
        }

        header .header-holder .services-menu .center .menu-item {
            text-align: center;
            width: 33.333%;
            margin-right: 0px;
            margin-bottom: 15px;
        }

        header .header-holder .services-menu .center a.menu-button {
            width: 100%;
            text-align: center;
            margin-left: 0px;
        }
    
        .subtitle {
            font-family: "Heebo", sans-serif;
            font-size: 36px;
            font-weight: 800;
            line-height: 48px;
        }
    

        .projects-archive .article-holder .article-image {
            width: calc(50% - 25px);
        }

        .projects-archive .article-holder .article-content {
            width: calc(50% - 25px);
        }

    }

    @media (max-width: 1200px) {

        #main-employment-form p {
            width: 100%;
        }

    }

    @media (max-width: 1000px) {

        .center {
            width: 85%;
        }

        .center {
            width: calc(100% - 50px);
        }

        .title {
            font-family: "Heebo", sans-serif;
            font-size: 44px;
            font-weight: 900;
            line-height: 50px;
        }
    
        .subtitle {
            font-family: "Heebo", sans-serif;
            font-size: 34px;
            font-weight: 900;
            line-height: 40px;
        }
        
        header .center {
            width: calc(100% - 25px);
        }

        header .center .title-holder {
            max-width: 85%;
        }

        header .header-holder .official-logo {
            width: 150px;
        }

        header .header-holder .center .menu-holder {
            padding-top: 25px;
        }

        header .header-holder .center .menu-holder .menu-items {
            display: none;
        }

        .projects-archive {
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .projects-archive article {
            margin-bottom: 50px;
        }

        .projects-archive .article-holder .article-image {
            width: 100%;
            height: 400px;
        }

        .projects-archive .article-holder .article-content {
            padding-top: 25px;
            padding-bottom: 50px;
            width: 100%;
        }

        footer .footer-info {
            padding-top: 50px;
            padding-bottom: 50px;
        }

        footer .footer-links {
            flex-direction: column !important;
            justify-content: center !important;
            align-items: center !important;
            text-align: center;
        }

        footer .footer-links a {
            width: 100%;
            text-align: center;
        }

        footer .footer-info .holder {
            padding: 0px;
            margin-bottom: 25px;
            width: 100%;
            text-align: center;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }

        footer .footer-info .holder:last-of-type {
            margin-bottom: 0px;
        }

        footer .footer-sublinks {
            width: 100%;
            text-align: center;
            justify-content: center !important;
        }

        footer .footer-info .footer-sublinks .text-link {
            width: 100%;
            padding-right: 0px;
            border-right: none;
        }

        footer .footer-info .footer-sublinks .text-link:not(:first-of-type) {
            margin-left: 0px;
        }

        footer .footer-info .footer-sublinks .footer-social-icons {
            margin-top: 25px;
            margin-left: 0px;
        }

        footer .footer-info .holder:last-of-type img:first-of-type {
            margin-right: 0px;
        }

    }

    @media (max-width: 800px) {

        .main-navigation.is-active {
            width: 100%;
            max-width: 100%;
        }

        .center, .center {
            width: calc(100% - 50px);
        }

        #advisoryboard-block .center {
            width: calc(100% - 50px) !important;
        }

        .projects-archive .filter-holder .filter-subholder {
            width: 100%;
            margin-right: 0px;
            margin-bottom: 25px;
        }

        .projects-archive .filter-holder .filter-subholder:last-of-type {
            margin-bottom: 0px;
        }

    }

    @media screen and (max-width: 1650px) and (min-width: 1000px) {
        .holder-04 {
            padding-right: 0 !important;
        }

        .footer-logo-smaller {
            width: 100%;
        }
    }