/* Login styles */

/* Password Hidden Dots - 
Look into this later?
https://css-tricks.com/methods-overriding-styles-wordpress/ */
 .password .meta-input {   
    font-family: Verdana !important;
    font-size: 22px !important;
} 


/* cowarn ticket / X */
    
    /* Back button / site wide positioning */
    /*#site-content .cowarn_ticket .post-inner{
        padding-left: 55px;
        padding-right: 55px;
    }*/
    /* Button positioning left */
    #site-content .cowarn_ticket .post-inner .entry-content .back-btn{
        padding-left: 1px;
        margin-bottom: 20px;
    }

/* modal menu  */
.menu-modal .menu-top .buttons {
    margin-bottom: 130px !important;
    margin-top: 23px !important;
}
.menu-modal .mobile-menu .modal-menu .menu-item .ancestor-wrapper a{
    padding-top: 21px;
    padding-bottom: 21px;
}

/* About Us Styles */

    /* Padding above numbers */ 
    /*#site-content .method-row .cowarn-image-with-block-wrapper .image-with-block-container {
        padding: 43px !important;
    }*/
    /* margin below icons */
    #site-content .method-row .cowarn-image-with-block-wrapper .details.grid .image{
        margin-bottom: 26px;
    }

/* Banner Template Styles */

/* Emergencies Styles */

    /* Border Radius Style */
    .answer-group-last .answer-yes .text {
        border-radius: 50px;
    }

    /* Fix utilities location */
        .incident-details-form .wpforms-container {
            margin: 0px;
        }
        .incident-details-form .wpforms-container .wpforms-submit-container{
            padding: 0px;
        }

    /* Add other utilities */
        .other-wrapper div#search-selected .search-result-row{
            font-family: Museo Sans;
            font-size: 14px;
            height: 33px;
        }
        .search-result-row .remove-item-btn{
            padding-right: 13px;
            height: 17;
            width: 17;
        }
    /* Fix title */
        /*#site-content .banner .info {
            padding-top: 17px;
            padding-bottom: 17px;
            padding-left:44.13px;
            padding-right: 44.13px;
        }*/
        @media only screen and (max-width: 767px){
            /* .banner .info .title {
                font: normal normal 900 38px/51px Museo Slab !important;
                letter-spacing: 0px;
                text-align: left;
            } */
            /* #site-content .banner .info {
                padding-top: 23.5px;
                padding-bottom: 23.5px;
                padding-left: 45.13px;
                padding-right: 45.13px;
            } */

        }    
        /* Emergency Activation - Space below last pill */
        @media only screen and (max-width: 767px){
            div#tree-content {
                padding-left: 27px;
                padding-right: 27px;
                margin-top: 82px;
                margin-bottom: 10px;
            }   
        }


/* Home Styles */


/* Status page */
.breadcrumb span * {
    display: inline-block;
    word-break:break-word !important;
}


/* Header Styles */

    @media only screen and (max-width: 767px){

        #site-header .header-inner {
            padding-left: 26px !important;
        }

        #site-header .header-titles-wrapper{
            padding-right: 60px;
        }
        
        /* .nav-toggle .toggle-inner {
            height: 30px;
            width: 30px;
            padding-left: 3px;
        } */

        .close-nav-toggle svg{
            height: 30px;
            width: 30px;

        }

        .menu-modal .section-inner {
            margin-left: 26px;
            margin-right: 24px;
        }

        .menu-modal .profile-button { 
            margin-right: 35px;
        }

        #site-header .profile-button svg {
            transform: scale(0.6395,0.6395);
        }
        
    }


    @media only screen and (max-width: 767px){
        /* #site-content .vc_row.join-us-row .cowarn-content-block-wrapper {
            padding-left: 5%;
        } */
        
        /* #site-content .vc_row.join-us-row .right-column .vc_column-inner {
            padding-left: 5% !important;
        } */
    }

    @media screen and (max-width: 1050px) and (min-width: 768px) {
        /* resizing logo */ 
        #site-header .site-logo img{
            width: 230px !important;
        }
        /* resizing links */
        body.home #site-header .primary-menu a {
            font-size: 1.9vw !important;
        }

        #site-header .primary-menu a {
            font-size: 1.9vw !important;
        }
        /* resizing profile icon */
        .profile-button {
            height: 15px !important;
            width: 15px !important;
        }

        #site-header .profile-button {
            height: 40px !important;
            width: 40px !important;
        }

        #site-header .profile-button svg {
            transform: scale(0.9);
        }


        #site-header .primary-menu li {
            margin: 0.8rem 2vw 0 0 !important;
        }

    }

    

    /* Reactive Dropdown Icon */
    #site-header .toggle-icon {
        width: 48px;
		height: 36px;
    }

    /* There is code in the main style.css that is simmilar to this
        It would make more sense to change those values to these. */
    nav-toggle .toggle-icon, .nav-toggle svg {
        height: 2.8rem; 
        width: 2.8rem; 
    }

    /* Prevents links in header from wrapping around one another */
    @media screen and (max-width: 650px) { 
        /* Added padding to stop icons in header from touching */
        #site-header .header-titles{
            padding-right: 0.5em;
        }
    }