@font-face {
    font-family: "PFHandbookPro";
    src: url('../fonts/pfhandbookproregular.woff2') format("woff2"),
        url('../fonts/pfhandbookproregular.woff') format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamUltra';
    src: url('../fonts/gotham-ultra.woff2') format('woff2'),
         url('../fonts/gotham-ultra.woff') format('woff');
    font-weight: normal;
    font-style: normal; 
}

@font-face {
    font-family: 'galano_grotesqueblack';
    src: url('../fonts/galanogrotesqueblack-webfont.woff2') format('woff2'),
         url('../fonts/galanogrotesqueblack-webfont.woff') format('woff'),
         url('../fonts/galanogrotesqueblack-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PFLiberaPro';
    src: url('../fonts/pf_libera_pro_regular-webfont.woff2') format('woff2'),
         url('../fonts/pf_libera_pro_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

INPUT,
INPUT:focus,
INPUT:focus-visible {
    outline: none;
}

/* */

BODY {
    background: transparent;
    font-family: "Tahoma";
    font-size: 16px;
    color: #000000;   
    margin: auto;  
}

/* */

NAV {
    max-width: 1320px;
    margin: auto;
}   

#menu_toggler {
    color: #004990;
    padding: 0;           
    border: 0;
}

#menu_toggler:focus {
    box-shadow: none;
}

#menu_toggler .navbar-toggler-icon {                  
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,73,144,1)' stroke-width='5' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

#menu_toggler B {
    display: block;
    font: normal 0.5em/1.2em "Verdana";
}

.navbar-brand {
    position: absolute;
    z-index: 999;   
    width: 66px;
    height: 66px;
    left: 0;
    right: 0;
    top: 0;
    margin: 0px auto;
    padding: 0;
}                   

#header_menu {
    font-family: "PFHandbookPro", "Tahoma";
    font-size: 1em;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    #header_menu {
        width: 100%;
        position: absolute;
        top:0;
        left:0;      
        background: rgba(225,225,225,0.97);    
        z-index: 999;
        padding: 0px 15px 15px;    
    }
}

#header_menu_back {
    line-height: 2em;
    margin: 1em 0;
    font-family: "PFHandbookPro", "Tahoma";
    border: none;   
}

#header_menu_back::before {
    content: "<";
    vertical-align: top;
    border: 0;
    line-height: 2em;
    margin-right: 0.25em; 
}

.navbar-expand-md .navbar-nav .nav-link {
    font-weight: bold;
    color: #3c3c3c;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    display: inline-block;
    outline: none;
}

.navbar-expand-md .navbar-nav .nav-link:focus-visible {
    text-decoration: underline;
}

.navbar-expand-md .navbar-nav .nav-link SPAN {
    display: inline-block;
    margin-right: 0.25em;
    width: 23px;
    text-align: center;
}

.dropdown-toggle::after {
    content: ">";
    vertical-align: top;
    border: 0;
    line-height: 2em;
    margin-left: 0.25em;     
}

.dropdown-menu {
    margin: 0;
    padding: 0;
    background: rgba(255,255,255,0.9);
    border: 0;
    border-radius: 0;
    font-size: 1em;
}

.dropdown-item {
    color: #3c3c3c;
    padding: 0.5em 1em;
}

#header_menu_courses_list {
    top: 0;
    left: 100%;
}

#header_menu_5_list:after {
    line-height: 1.5em;
}

/* */

.navbar-text A {           
    display: inline-block;         
    width: 36px;
    height: 36px;  
    margin-top: 3px;           
}

#header_search {              
    margin: auto;
    width: 100%; 
    background: #FFFFFF;  
    z-index:9;            
    height: 2em;
    line-height: 2em;
}      

@media (max-width: 767px) {
    #header_search {              
        display: list-item;
    }
}               

#header_search.collapsing {
    width: 0;
    overflow: hidden;
    transition: width 0.5s ease;
}

#header_search FORM { 
    display: block;   
    background: #c2c2c2;
    padding: 0px 10px;
}

#header_search BUTTON {            
    background: url("../images/icon_search.png") no-repeat  center center;
    background-size: contain;
    border: 0;
    border-radius: 0;
    height: 1.5em;
    width: 4%;
    padding: 0 15px;
}

#header_search_input {       
    display: inline-block;
    width: 80%;
    height: 1em;
    line-height: 1em;    
    background: #c2c2c2;
    border: 0;
}
#header_search_input:focus-visible {
    outline: none;
}

/* */

#header_text {
    border-top: 7px solid #ff5a00;
    font-family: "Alex Brush";
    font-size: 1.5em;
}

/* */

MAIN {
    max-width: 1320px;
}

#main_carousel_container {
    width: 100%;
    background: #024d94;
}

#main_carousel {
    max-width: 1600px;
    margin: 0 auto;        
}

#main_carousel .carousel-item {
    aspect-ratio: 1920 / 700;
}

.carousel-control-prev {
    justify-content: left;
}

.carousel-control-next {
    justify-content: right;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-image: none;
    font-family: "GothamUltra", "Tahoma";    
    color: #ff6600;
}

.carousel-control-prev-icon::before {
    content: "\00AB";
}

.carousel-control-next-icon::before {
    content: "\00BB";
}
            
.carousel-indicators [data-bs-target] {           
    width: 12px;
    height: 12px;
    opacity: 1;
    border-radius: 50%;
    margin: 0 0.25em;
    border: 0;
    background: #024a91;
}   

.carousel-indicators BUTTON.active {
    background: #ff6600;
}

/* */

H2 {
    font-size: 3em;
    font-family: 'Abril Fatface', cursive;   
    padding: 0;
    margin-bottom: 0.25em;
}

/* */

#news_events_container {
    background-image: url(../images/body_bg.jpg);
    background-repeat: no-repeat;
    background-size: 592px 663px;
    background-position: -245px calc(100% + 284px);
}

#news_events_container H2 {
    color: #034b94;
}

.news_lead {
    margin-bottom: 1.5em;
}

.news_lead H3 {   
    font-size: 28px !important;
    margin-bottom: 0.5em;   
}

.news_lead H3 A {
    font-family: "GothamUltra", "Tahoma";
    line-height: 1.2em;
    font-weight: 900;
    color: #231f20;
    text-decoration: none;
}

.news_lead P {        
    line-height: 1.25em;
    margin-bottom: 0.5em; 
}

.news_lead P A {
    color: #034c94;
    text-decoration: none;
}

#news_carousel .carousel-item {
    height: 22vh;
} 

#news_carousel .carousel-item IMG {
    max-height: 100%;
}

#upcoming_courses {    
    max-width: 440px;
    background: #ededed;
    padding: 15px 0px 15px 10px;
    margin: auto;
}

#upcoming_courses_list {
    max-height: 250px;
    overflow-y: scroll;
}

#upcoming_courses P {
    font-family: 'galano_grotesqueblack';
    font-size: 1.25em;
    color: #006aa7;    
}

#upcoming_courses P SPAN {
    color: #034c94;
}

.upcoming_course {
    padding: 0px;
    margin: 0;
}

.upcoming_course:nth-child(odd) {
    background: #FFFFFF;
}

.upcoming_course .col-4 {
    line-height: 1em;
    font-family: 'galano_grotesqueblack';
}

.upcoming_course .col-8 {
    font-size: 0.5em;
    color: #034c94;
}  

.upcoming_course .col-12 {
    font-family: 'galano_grotesqueblack';
    font-size: 0.6em;
    line-height: 1em;
}

.upcoming_course .col-12 A {
    font-size: 0.8em;
    font-family: "Tahoma";
    color: #ff6602;
    text-decoration: none;
}

/* */

#resources_container {
    background: url("/images/resources_container_bg.jpg") no-repeat #024d94;
    background-size: cover;
    background-position: center center; 
    margin-bottom: 2em;
}

#resources_container H2 {
    color: #FFFFFF;
}

#resources_container .position-relative {
    padding-bottom: 3em;
}

#resources_container A {
    font-family: 'galano_grotesqueblack';
    color: #FFFFFF;        
    font-size: 1.5em;
    line-height: 1.2em; 
    text-decoration: none;  
}

#resources_container .resource_title {
    margin-bottom: 0.66em;         
    margin-left: 10px;
}

#resources_container .resource_title A {
    display: inline;   
    background: #000000;
    box-shadow: 10px 0 0 #000000, -10px 0 0 #000000;
    
}

#resources_container .resource_title:nth-child(odd) A {
    background: #22170F;
    box-shadow: 10px 0 0 #22170F, -10px 0 0 #22170F;
}

#resources_container .text-end {
    bottom: 0;
    right: 15px;
}

#yt_box {                
    font-family: 'galano_grotesqueblack';
    background: #888888;
    color: #FFFFFF;   
    max-width: 440px;
    margin: auto;
    font-size: 1.25em;
}                            

#management_portal {
    max-width: 440px;
    font-family: 'galano_grotesqueblack';
    font-size: 2em;
    color: #3b384e;
    line-height: 1.25em;
    background: url('../images/management_portal_bg.jpg') no-repeat bottom 0 right 60%;
    padding: 15px;
    margin: auto;
}

#management_portal A {  
    width: 6.5em;    
    font-family: 'galano_grotesqueblack';
    font-size: 0.625em;
    color: #bfaeb3;
    border: 2px solid #bfaeb3;
    border-radius: 1em;
    background: #3b384e;
    padding: 0.66em 1.5em;  
    margin: 0.5em 0 0;
    text-decoration: none;
}

/* */

#courses_container {                                                     
    background: #c5bcb1;
}      

#courses {
    background: url("/images/courses_container_bg.png") no-repeat;
    background-size: 80%;
    background-position: 175% bottom; 
    padding-bottom: 1.25em;
    margin-bottom: 2em;
}   

#courses H2 A {
    color: #000000;
    text-decoration: none;
} 

#courses H2 IMG {
    height: 1.1em;
    vertical-align: bottom;
}

#courses_container .course_title {
    display: block;
    font-family: 'galano_grotesqueblack';
    color: #3c2a1c;
    line-height: 1.25em;
    margin-left: -50%;
    padding-left: 50%;
    text-decoration: none;
}

#courses_container .course_title:nth-child(even) {
    background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0.1));
}

#courses_container .course_title SPAN {
    font-size: 1.5em;
    color: #ff5a00;
    margin-right: 5px;
}

#courses_container .course_title SMALL {
    font-size: 0.6em;
}

/* */

#fb_box {             
    font-size: 1.25em;
    margin-top: 1.25em;
    font-family: 'galano_grotesqueblack';
    background: #2d4f8c;
    color: #FFFFFF;
}

/* */

#branches_container {
    background: url("/images/branches_container_bg.png") no-repeat #303943;
    background-size: cover;
    background-position: center center;
    margin-bottom: 2em;
}

#branches_container H2 {
    color: #FFFFFF;
}

#branches_container IMG {
    max-width: 220px;   
}       

/* */

#contact_container {
    background: url("../images/contact_container_bg.png") no-repeat center center #d2d2d2;
}

#contact_container H2 { 
    color: #2e93cf;
} 

#contact_container_text IMG { 
    display: none;
}      

/* */

#page_title {          
    background: #004990;
    padding: 1.5em 0;
    overflow: hidden;
    text-transform: uppercase;
}   

#page_title_bg {     
    position: absolute;
    left: -5%;
    bottom: -0.15em;    
    font-family: 'Abril Fatface', cursive;
    font-size: 7.5em;
    color: #FFFFFF;
    opacity: 0.07;
    line-height: 0.8em;       
    white-space: nowrap;      
}

#page_title H2 {
    color: #FFFFFF;
    margin: 0;                             
}
                                   
/* */

.static_text H3 {
    font-family: "GothamUltra", "Tahoma";
    font-size: 2em;
    line-height: 1.2em;
    font-weight: 900;
    color: #231f20;   
    margin-bottom: 1em;   
    text-transform: uppercase;            
}

.static_text P,
.static_text OL,
.static_text UL {
    margin-bottom: 1.5em;
}

.static_text A {
    color: #FF6600;
    text-decoration: none;
}

.static_text A:hover {
    color: #FF6600;
    text-decoration: underline;
}

.static_text IMG {
    max-width: 100%;
    height: auto !important;
}
                   

.static_text .carousel {
    margin-bottom: 3rem;
} 

.static_text .carousel-indicators {
    margin-bottom: -2rem;
}

#news_text P:first-child::before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    background: #000000;
    margin-right: 0.5em;
}

#medical_journals {
    max-width: 440px;
    margin: auto;    
}

/* */           
#stanags H3 {
    font-family: "PFLiberaPro";
    font-size: 2.5em;
    line-height: 1.2em;
    color: #00488f;
}   

#stanag_search_form {              
    background: #e1e1e1; 
    color: #00488f;
    padding: 25px;
} 

#stanag_search_form LABEL { 
    font-size: 1.5em;
    cursor: pointer;
}

#stanag_search_form .form-group {
    margin-bottom: 0;
}

#stanag_search_form INPUT[type="text"] {
    border-radius: 0;
    outline: none;
    border: none;
}

#stanag_search_form BUTTON {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.5em;                    
    line-height: calc(1.5rem - 4px);
    background: url('../images/stanag_search_icon.png') no-repeat center right 6px #00488f;
    color: #FFFFFF;       
    border-radius: 0;
    border: 2px solid #FFFFFF;
    padding-right: 35px;
    outline: none;
    mari
}    

#search_keywords DIV {       
    display: inline-block;
    border-radius: 9px;
    background: #eeeeff;
    padding: 0.5em;
    
    margin: 0.5em 0;
}

#search_keywords DIV A {
    color: #00488f;
    text-decoration: none;
}  

#search_keywords A.remove_keyword {
    color: #c82333;
    margin: 0.5em 0 0.5em 0.5em;
}

#stanags .static_text {
    color: #00488f;   
    font-weight: bold;
}

#stanags_table TH {
    background: #ff6600;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px 10px;
}

#stanags_table TR:nth-child(even) {
    background: #e5e5e5;
}

#stanags_table TD {
    padding: 5px 10px;  
    font-size: 0.8em;
}

#stanags_table TD A {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

#stanags_table TD A:hover {
    text-decoration: underline;
}

.cards .col-8 {
    max-width: 200px;
    margin-bottom: 1.5rem;
}
 
 @media (min-width: 400px) and (max-width: 575px) {
    .cards .col-8 {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
 }            
    
 .cards .card {
    padding: 1.25rem;   
 }
 
 .card-clickable {
     
 }
 
 .cards .card-img-top {
    margin-bottom: 1.25rem;
 } 
    
 .cards .card-body {
    padding: 0;
 } 

/* */

#course_contact {      
    background: #d6d9dc;
    max-width: 440px;          
    font-size: 1.25em;
    color: #3b384e;
    line-height: 1.25em;     
    margin: auto;                                                            
}

#course_contact H4 {
    font-family: 'GothamUltra';
}

#course_contact IMG {
    height: 2.5em;
}              

#course_contact_email {
    position: relative;
    display: block;
    background: #FFFFFF;
    text-align: center;
    margin-bottom: 0;
}

#course_contact_email A {
    color: #002f61;
    text-decoration: none;
}

#course_apply {
    background: #d6d9dc; 
    max-width: 440px; 
    padding-top: 30%;
    margin: 0% auto 1.5rem auto;
}

@media (max-width: 500px) {
    #course_apply {
        overflow-x: clip;
    }
}

#course_apply IMG {
    width: 100%;
    max-width: 300px;
    height: auto;
    margin-top: -50%;
    margin-right: -10%;
}

#course_apply_text_container {
    overflow: hidden;
    width: 100%;
    padding-left: 100%;
}

#course_apply_text {
    display: inline-block;
    white-space: nowrap;
    padding-right: 100%;
    line-height: 2em;         
    animation-name: text-scroller;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 10s    
}

#course_apply_text:hover {          
    animation-play-state: paused;
}

@keyframes text-scroller {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);

    }
    100% {
        -webkit-transform: translate3d(-200%, 0, 0);
                transform: translate3d(-200%, 0, 0);
    }
}  

/* */
         

.course_lead H3 {   
    font-size: 28px;
    margin-bottom: 0.5em;   
}

.course_lead H3 A {
    font-family: "GothamUltra", "Tahoma";
    line-height: 1.2em;
    font-weight: 900;
    color: #231f20;
    text-decoration: none;
}

.course_lead H3 A SPAN {
    font-size: 20px;
}

.course_lead P {        
    line-height: 1.25em;
    margin-bottom: 0.5em; 
}

.course_lead P A {
    color: #034c94;
    text-decoration: none;
}

#normal_courses_list .course_lead:nth-child(odd),
#online_courses_list .course_lead:nth-child(odd) {
    background: #ededed;
}

#course_calendar_tabs BUTTON {
    color: #000000;
}   

.course_lead_date {
    width: 48px;
    color: #FFFFFF;
    font-size: 2em;
}

#course_calendar_tabs BUTTON {
    vertical-align: middle;
    background: #dddddd;                                   
    box-shadow: 2px -2px 5px 2px rgba(0,0,0,0.25);
}

#course_calendar_tabs BUTTON.active {
    background: #FFFFFF;
}

#course_calendar_tabs LI:not(:first-child) BUTTON::after {
    margin-left: 10px;                         
    display: inline-block;
    width: 23px;
    height: 23px;
    content: '';
    vertical-align: middle;
}

#course_calendar_tabs BUTTON[data-course-type="open"]::after,
.course-calendar-open .course_lead_date {
    background: #32bc00;
}

#course_calendar_tabs BUTTON[data-course-type="sch"]::after,
.course-calendar-sch .course_lead_date {
    background: #ff5a00;
}

#course_calendar_tabs BUTTON[data-course-type="planned"]::after,
.course-calendar-planned .course_lead_date {
    background: #004990;
}

/* */

#course_description_title SPAN {
    display: block;
    font-size: 24px;
    line-height: 26px;
}

/* */

#contact H3 {
    font-family: "PFLiberaPro";      
    font-size: 2.5em;
    line-height: 1.2em;
    color: #00488f;
}     

#contact_form INPUT,
#contact_form SELECT,
#contact_form TEXTAREA {
    border: none;
    border-radius: 0;
    background: #e5e5e5;
    outline: none;
}  

#contact_form SELECT {
    color: #6c758e !important;
} 

#contact_form #captcha {
    display:inline-block;
    width:200px;
    margin: 1em;
}

#captcha_refresh {
    color: #00488f;
    cursor: pointer;
    font-size: 1.2em;    
}  

#contact_form BUTTON {
    width: 175px;
    color: #FFFFFF;
    background: #00488f; 
    border-radius: 0;
}    

#contact_form BUTTON:hover {
    color: #FF6600;
}      

#contact_text P,
#contact_text UL,
#contact_text OL {
    text-align: center;
}

/* */      

#partner_logos A IMG {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

#partner_logos A:hover IMG {
  filter: none;
  -webkit-filter: grayscale(0%);
}

FOOTER {                 
    font-family: "PFHandbookPro", "Tahoma";
    color: #FFFFFF;
    padding: 10px 0px;
}

FOOTER P A {
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
}

FOOTER P A:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

#footer_text {
    font: normal 0.66em "Tahoma";
    color: #006aa7;      
    padding: 0.8em 15px;
} 

#cookie_bg {
    position: fixed;
    width: 100%;
    bottom: 0;
    background: rgba(0,73,144,0.6);
    padding: 20px;
    z-index: 9;
}

#cookie_box {
    font-family: Tahoma;
    background: #FFFFFF;
    margin: auto auto;
    padding: 20px;
}

#cookie_box BUTTON { 
    background: #004990;
    color: #FFFFFF;
    padding: 5px 15px;
    border: 0;
    border-radius: 5px;
    margin: 10px 30px;
    text-align: center;
}