/*
    Theme Name: Brooklyn HPP
    Template: brooklyn
*/
    @import url("../brooklyn/style.css");

/**
    - Colors: 
        1: #808080
        2: #f0ba00
        3: #bb8f00

**/

/* OverWrites Color */ 
#header-section.ut-header-light {
    background: rgba(35,35,35,.95);
    border-bottom: 1px solid #808080;
}
body ,
#ut-hero {
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-size: cover !important;
    background-image: url("/wp-content/uploads/2020/02/nasa.jpg") !important;
    background-color: #000000;
}
.ut-footer-custom {
    border-top: 1px solid #bb8f00 ! important;
}
.footer.ut-footer-custom .footer-content {
    /*
    background: rgba(20,20,20,.95);
    padding-top: 40px;
    */
}
#header-section .site-logo .logo , 
#header-section .site-logo .logo a, 
#header-section .site-logo .logo a:hover, 
#header-section .site-logo .logo a:active {
    color: #FFFFFF;
    text-align: left;
    text-shadow: 1px 1px 0 #000, 1px 1px 3px #000;
}
#header-section .site-logo .logo small {
    display: block;
    margin-top: -7px;
    color: rgba(119, 119, 119, 1) !important;
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 1.5px;
}

.site-logo ,
#header-section {
    height: 80px !important;
    line-height: 80px !important;
}
.bklyn-btn {
    font-family: "Helvetica, sans-serif";
    padding: .6em 1.6em .5em;
    font-size: 12px ! important;
    line-height: 1.6 ! important;
    text-transform: none;
    font-weight: Bold;

    color: #ffffff ! important;
    border-style: none;
    background-color: #bb8f00;
    border: 1px solid #808080;
}
.bklyn-btn:hover {
    color: #000 ! important;
    background-color: #f0ba00;
    border-color: #262626;
}

.ut-hero-style-1 {
    padding-top: 60px ! important;
}

.site-logo-wrap {
    display: block ! important;
    float: left;
    width: auto;
}
.ut-header-secondary-extra-module {
    display: block ! important;
    float: right;
    width: auto;
}

.ut-hero-style-1 .hero-title {
    background-attachment: scroll;
    background-image: url('images/divider.png');
    background-repeat: repeat-x;
    background-position: top center;
    padding-top: 14px;
}
.hero-title br {
    display: inline ! important;
}

/*
body {
    position: relative;
}
body > #main-content > ,
body > #main-content > .main-content-background ,
body > #main-content > .main-content-background > .grid-container ,
body > #main-content > .main-content-background > .grid-container > #primary ,
body > #main-content > .main-content-background > .grid-container > #primary .entry-content ,
body > #main-content > .main-content-background > .grid-container > #primary .hero-inner {
    position: static ! important;
}
*/
.custom-container {
    position: relative;
    
    width: 100%;
    max-width: 300px;
    margin: 50px auto 0 auto;
    padding: 20px;
    
    text-align: center;
    
    border-radius: 5px;
    border: 1px solid rgba(255,255,255,.5);
    box-shadow: 0 0 5px rgba(0,0,0,.85);
}
.custom-container:before {
    position: absolute;
    width: 100% ! important;
    height: 100% ! important;
    top: 0 ! important;
    left: 0 ! important;
    z-index: -1;
    content: "";
    
            /* filter: blur(4px);
    -webkit-filter: blur(4px); */
    background-color: rgba(0,0,0,.85);
}
/*

*/
.custom-container.no-mrgt {
    /* margin: 0 auto; */
}
.custom-container.principal  {
    max-width: 600px;
}
.custom-container label {
    display: block;
        
    font-size: 10px;
    letter-spacing: 0.05em;
    line-height: 150%;
    text-align: left;
    text-transform: uppercase;
}
.custom-container input.wpcf7-submit {
    border: 1px solid #808080 ! important;
}
.custom-container span.wpcf7-not-valid-tip {
    display: block;
    margin-top: -12px;
    font-size: 10px;
    letter-spacing: 0.05em;
    line-height: 150%;
    text-align: left;
}
.custom-container .text-small {
    display: block;
    padding-top: 15px;
    font-size: 11px;
    line-height: 150%;
    text-align: left;
}
.custom-container .text-small a {
    text-decoration: underline;
}
.custom-container .text-small a:hover {
    color: #f0ba00;
    text-decoration: none;
}

.custom-container .wp-block-columns {
    margin-bottom: 0 ! important;
}

.custom-container fieldset {
    padding: 10px;
    border: 1px solid #404040;
}
.custom-container fieldset legend {
    padding: 0 10px;
    font-size: 10px;
    letter-spacing: 0.05em;
    line-height: 150%;
    text-align: left;
    text-transform: uppercase;
}

.custom-button {
    display: inline-block !important;
    width: auto;
    margin-bottom: 0 !important;
    padding: 8px 12px !important;
    
    color: #FFFFFF !important;
    font-family: sans-serif !important;
    font-weight: bold !important;
    line-height: 24px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    
    border: none !important;
    
    vertical-align: baseline !important;
    *vertical-align: middle !important;
    text-decoration: none !important;
    cursor: pointer !important;
    background: #151515 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-clip: padding-box;
    -webkit-appearance: none;
    outline: none !important;
    -webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.custom-button {
    margin-top: 20px;
    
    color: #FFF;
    font-weight: bold;
    
    font-family: sans-serif;
    font-weight: bold;
    line-height: 24px;
    font-size: 12px;
    background: rgba(163, 126, 43, 1) !important;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    
    border: 1px solid #808080 !important;
}

.custom-button ,
.custom-container button ,
.custom-container input[type="submit"] ,
.custom-container input[type="submit"].wpcf7-submit {
    font-family: sans-serif;
    font-weight: bold;
    line-height: 24px;
    background: rgba(163, 126, 43, 1) ! important;
}
.custom-button:hover ,
.custom-button:focus ,
.custom-button:active ,
.custom-container button:hover ,
.custom-container button:focus ,
.custom-container button:active ,
.custom-container input[type="submit"]:hover ,
.custom-container input[type="submit"]:focus ,
.custom-container input[type="submit"]:active ,
.custom-container input[type="submit"].wpcf7-submit:hover ,
.custom-container input[type="submit"].wpcf7-submit:focus ,
.custom-container input[type="submit"].wpcf7-submit:active {
    background: #f0ba00 ! important;
    color: #000 ! important;
    border-color: #262626 ! important;
    
    /* -webkit-box-shadow: 0 0 10px 0px rgba(255, 255, 255, .75) ! important;
    -moz-box-shadow: 0 0 10px 0px rgba(255, 255, 255, .75) ! important;
    box-shadow: 0 0 10px 0px rgba(255, 255, 255, .75) ! important; */
}
.custom-container button {
    border: 1px solid #808080 !important;
}

.custom-button[disabled] ,
.custom-container button[disabled] ,
.custom-container input[type="submit"][disabled] ,
.custom-container input[type="submit"].wpcf7-submit[disabled] {
    background: #a19364 ! important;
    color: #858071 ! important;
    border-color: #858071 ! important;
}

#main-content ,
.page-template-page-historical #main-content ,
.page-template-page-custom #main-content ,
.page-template-page-form #main-content ,
.hero .parallax-scroll-container {
    background: none ! important;
}

/* Form Template
.page-template-page-form #main-content ,
.page-template-page-form #header-section {
    background-color: #08090a ! important;
    background-image: url("../brooklyn/images/overlay-pattern.png") ! important;
}
.page-template-page-form #header-section {
    position: fixed ! important;
    line-height: 80px ! important;
    border-color: rgb(255,255,255) ! important;
    border-color: rgba(255,255,255,0.1) ! important;
    
    -webkit-box-shadow: none ! important;
    -moz-box-shadow: none ! important;
    box-shadow: none ! important;
} */
.page-template-page-historical #ut-header-placeholder ,
.page-template-page-custom #ut-header-placeholder ,
.page-template-page-form #ut-header-placeholder {
    display: none ! important;
    height: 0 ! important;
}
/*
.page-template-page-form #header-section .site-logo .logo , 
.page-template-page-form #header-section .site-logo .logo a , 
.page-template-page-form #header-section .site-logo .logo a:hover , 
.page-template-page-form #header-section .site-logo .logo a:active {
    color: #FFFFFF;
}
*/
.page-template-page-historical .hth ,
.page-template-page-historical .hdb ,
.page-template-page-custom .hth ,
.page-template-page-custom .hdb ,
.page-template-page-form .hth ,
.page-template-page-form .hdb {
    text-align: center ! important;
}
.page-template-page-cuhistoricalstom .hth > * ,
.page-template-page-historical .hdb > * ,
.page-template-page-custom .hth > * ,
.page-template-page-custom .hdb > * ,
.page-template-page-form .hth > * ,
.page-template-page-form .hdb > * {
    display: inline-block ! important;
}
.page-template-page-historical .hth ,
.page-template-page-custom .hth ,
.page-template-page-form .hth {
    margin-top: 50px;
}
.page-template-page-custom .hdb ,
.page-template-page-form .hdb {
    margin-top: 0;
}
.page-template-page-historical form p ,
.page-template-page-historical .wpcf7-response-output ,
.page-template-page-custom form p ,
.page-template-page-custom .wpcf7-response-output ,
.page-template-page-form form p ,
.page-template-page-form .wpcf7-response-output {
    text-align: center ! important;
}

.hdb a {
    text-decoration: underline ! important;
}
.hdb a:hover {
    color: #f0ba00 ! important;
    text-decoration: none ! important;
}

.light select {
    border: 1px solid transparent;
    padding: 10px 5px;
    outline: none;
    color: #FFFFFF;
    margin: 0;
    margin-bottom: 20px;
    
    width: 100%;
    max-width: 100%;
    display: block;
    vertical-align: baseline;
    *vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-clip: padding-box;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.35);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: background 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: background 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: background 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.light select * {
    color: #FFFFFF;
    background: rgb(0, 0, 0);
    
    -webkit-transition: background 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: background 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: background 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

.light input , 
.light textarea ,
.light select {
    border: 1px solid #404040;
}

.light select > option:first-child{
    font-style: oblique;
}
.light select[name="frm-operator"] > option:first-child ,
.light select[name="frm-exclude"] > option:first-child ,
.light select[name="frm-periodicity"] > option:first-child {
    font-style: normal;
}

.light input:focus , .light input:active , 
.light textarea:focus , .light textarea:active , 
.light select:focus , .light select:active {
    border: 1px solid #bb8f00 ! important;
}

/*
.page-id-273 #main-content {
    position: relative;
    color: #fff;
    font-size: 11px;
    line-height: 18px;
}
.page-id-273 #main-content .main-content-background {
    transform: translateY(-100%);
    position: absolute;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
    background: #141618;
    border-bottom: 1px solid #000;
}
*/

.hero-title {
    position: relative;
}
.aimc-live-logo {
    display: block;
    width: 440px;
    height: 74px;
    margin-top: 15px;
    text-indent: -9999px;
    background: url('logo-aimc-live.png') no-repeat;
    background-size: cover;
}
.hpp-logo {
    margin-bottom: .5em;
    
    font-size: 70px ! important;
    line-height: 60px ! important;
    
    letter-spacing: -0.015em ! important;
    text-align: left;
}

.review p {
    margin-bottom: 10px ! important;
    /* color: #000 ! important; */
    font-size: 16px ! important;
    line-height: 1.4em ! important;
    text-align: left ! important;
}
.review p:last-child {
    margin-bottom: 0px ! important;
}

/**
 * Text
 * /
.light , 
.light cite , 
.light blockquote , 
.light .lead {
    color: #000000;
}


/**
 * Tables
 */
.light table ,
.light table * {
    color: #ccc;
    font-size: 12px;
    
    border: 0 ! important;
    
            box-sizing: border-box;
       -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.light table {
    padding: 0;
    background: #2e3033;
}
.light table thead ,
.light table tfoot {
    background: #45494d;
}
.light table tbody tr.odd {
    background: #2e3033 ! important;
}
.light table tbody tr.even {
    background: #393d40 ! important;
}
.light table tbody tr td {
    background: none ! important;
    text-align: left ! important;
    line-height: 1.3em;
}
.light table tbody tr td i {
    display: block;
    float: right;
    margin-left: 10px;
    font-size: 14px;
}
.light table tbody tr td i:hover {
    color: #f0ba00;
}
.light table tbody tr td i.disabled {
    opacity: .25;
}
.light table tbody tr td i.disabled:hover {
    color: inherit;
}
.light table tbody tr td i:last-child {
    margin-left: 0;
}
.light table thead tr th {
    padding: 10px 10px 10px 24px;
    text-align: left ! important;
    background-position: 5px center ! important;
}
.light table thead tr th[data-no-order] {
    padding-left: 10px;
}
.light table thead tr th:last-child {
    padding: 10px;
    text-align: right ! important;
}
.light table tbody tr td:last-child {
    text-align: center ! important;
}
.light table tbody tr:hover {
    box-shadow: 0px 0px 1px #a37e2b inset;
}
.light table tbody tr:hover td {
    background: rgba(229,222,206,.1) ! important;
}
.light table tr td:first-child ,
.light table tr th:first-child {
    text-align: left;
}
.light .dataTables_length label {
    margin-top: 20px;
}
.light .dataTables_length label select {
    display: inline;
    width: auto;
    max-width: none;
    padding: 0 5px;
    margin: 0;
}
.light .dataTables_filter input {
    display: inline;
    width: auto;
    max-width: none;
    border: 1px solid #2e3033;
}
.light .dataTables_filter input:hover ,
.light .dataTables_filter input:focus ,
.light .dataTables_filter input:active {
    border-color: #000000;
}
.light .dataTables_wrapper .dataTables_length, 
.light .dataTables_wrapper .dataTables_filter, 
.light .dataTables_wrapper .dataTables_info, 
.light .dataTables_wrapper .dataTables_processing, 
.light .dataTables_wrapper .dataTables_paginate {
    color: rgba(119, 119, 119, 1) !important;
    font-size: 12px;
}
.light .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: rgba(119, 119, 119, 1) !important;
    padding: 5px;
    border: 0 ! important;
    background: none ! important;
}
.light .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: rgba(153, 153, 153, 1) !important;
}
.light .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: rgba(179, 179, 179, 1) !important;
}
.light .dataTables_wrapper .dataTables_processing {
    top: -35px;
    background: none;
}

.custom-error {
    display: none;
    padding: 2px 0 0 0;
    font-size: 14px;
    text-align: center;
}
.custom-error i {
    color: #ffb000;
}

#custom_back {
    float: left;
    /*
    position: absolute;
    left: 20px;
    margin-top: -42px;
    */
}



/* OverWrites Modal */ 
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}
.modal-backdrop.show {
    opacity: .75;
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050 ! important;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}


@media (max-width: 781px) {
    .wp-block-column {
        flex-basis: 100% !important;
        margin-left: 0 !important;
    }
}

@media (min-width: 768px) {
    .hdb {
        width: 50%;
    }
}
@media (max-width: 767px) {
    
    #header-section .bklyn-btn strong {
        display: none;
    }
    #header-section .bklyn-btn i {
        padding: 0;
    }
    .site-logo .logo {
        line-height: 1.25em !important;
    }
    .hpp-logo {
        font-size: 54px !important;
        line-height: 50px !important;
        /*
        font-size: 70px !important;
        line-height: 60px !important;
        letter-spacing: -0.015em !important;
        text-align: left;
        */
    }
    .hero-description-bottom {
        font-size: 16px;
    }
    
}