/*-------------------------REBRANDING------------------------------*/
@font-face {
    font-family: 'Gotham Regular';
    src: url('fonts/gotham/gotham-book.eot');
    src: url('fonts/gotham/gotham-book.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham/gotham-book.woff2') format('woff2'),
         url('fonts/gotham/gotham-book.woff') format('woff'),
         url('fonts/gotham/gotham-book.ttf') format('truetype'),
         url('fonts/gotham/gotham-book.svg#gotham-book') format('svg');
    font-weight: 400 !important;
    font-style: normal !important;
}
@font-face {
    font-family: 'Gotham Medium';
    src: url('fonts/gotham/gotham-medium.eot');
    src: url('fonts/gotham/gotham-medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham/gotham-medium.woff2') format('woff2'),
         url('fonts/gotham/gotham-medium.woff') format('woff'),
         url('fonts/gotham/gotham-medium.ttf') format('truetype'),
         url('fonts/gotham/gotham-medium.svg#gotham-medium') format('svg');
    font-weight: 500 !important;
    font-style: normal !important;
}
@font-face {
    font-family: 'Gotham Bold';
    src: url('fonts/gotham/gotham-bold.eot');
    src: url('fonts/gotham/gotham-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham/gotham-bold.woff2') format('woff2'),
         url('fonts/gotham/gotham-bold.woff') format('woff'),
         url('fonts/gotham/gotham-bold.ttf') format('truetype'),
         url('fonts/gotham/gotham-bold.svg#gotham-bold') format('svg');
    font-weight: 700 !important;
    font-style: normal !important;
}
@font-face {
    font-family: 'Gotham Ultra';
    src: url('fonts/gotham/Gotham-Ultra.otf');    
    font-weight: 900 !important;
    font-style: normal !important;
}
body,h1,h3,h2,h4,h5,h6,p,span,div,ul,li,select,input,textarea {
    font-family: 'Gotham Regular', Montserrat, sans-serif;
}
.header_top {
    line-height: 33px;
    height: 12px;
    padding: 0;
    font-size: 11px;
    background-color: #0078b3;
    color: #fff;
}
.q_logo {
    top: 122% !important;
    left: 57px !important;
}
nav.main_menu ul li {
    float: left;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 16px;
}
nav.main_menu>ul>li>a {
    position: relative;
    padding: 0 18 0 18px;
}
.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 45px;
    width: 100%;
}
.header_top_bottom_holder {
    position: relative; 
    background-color: #ffffff; 
    border-bottom: 1px solid #cccccc !important;     
}
nav.main_menu.right {
    position: relative;
    left: auto;
    float: right;
    margin-right: -24px;
}
nav.main_menu.right a > span{
    font-weight: 600 !important; 
}
.content.content_top_margin{
    margin-top: 150px !important;
}
nav.main_menu > ul > li{
    margin-top: 0 !important; 
    line-height: 48px !important;
}
nav.main_menu > ul > li > a{
    margin-top: 0 !important; 
    line-height: 48px !important;
}
header .container_inner .header_inner_left{
    left: inherit !important;
    right: 310px !important;
}
.header_inner_right .site_name_logo{        
    margin: 0 !important;
    padding: 10px 0 0 0 !important;
}
.header_inner_right > .site_name_logo{
    font-weight: 500 !important;
    color: #0078b3 !important;
}
.content .container .container_inner.default_template_holder{
    padding-top: 85px;
}
/*----------mobile optimization------------*/
@media screen and (max-width: 999px){
    .q_logo {
        top: 0 !important;
        left: 0 !important;
    }       
    header .container_inner .header_inner_left{
        right: 0 !important;
    }      
    .side_menu_button .fa-search{
        font-size: 18px; 
    }
    .footer_inner .footer_top .two_columns_50_50 .qode_column.column2 {
        text-align: left !important;    
    }
    .footer_inner .footer_top .two_columns_50_50 .qode_column.column2 .column_inner{
        padding-right: 0 !important; 
    }
    .wpb_single_image.vc_align_left{
        text-align: center !important;
    }
    .wpb_text_column.wpb_content_element h3{
        text-align: center !important;
        margin-top: 10px !important;
    }
    .wpb_text_column.wpb_content_element h4{
        text-align: center !important;
    }    
}
@media screen and (min-width: 768px) and (max-width:1024px) and (orientation: landscape){
    nav.main_menu{
        margin-top: 0 !important; 
    }
}
@media screen and (min-width: 1024px) and (max-width:1366px) and (orientation: portrait){
    nav.main_menu{
        margin-top: 0 !important; 
    }
}
/*----------mobile optimization------------*/
.footer_inner .footer_top .two_columns_50_50 .qode_column.column2 {
    text-align: right;    
}
.footer_inner .footer_top .two_columns_50_50 .qode_column.column2 .column_inner{
    padding-right: 25px; 
}
body.search div.blog_holder h2 {
    margin-bottom:30px;
}

body.search div.blog_holder div.post_content_holder div.post_text_inner {
    padding:0px;
}

body.search div.blog_holder > article > div.post_content_holder > div.post_text > div.post_text_inner > div.post_info {
    margin-bottom:10px;
}

body.search div.blog_holder article {
    margin-bottom:0px;
}

body.search div.blog_holder > article > div.post_content_holder > div.post_text > div.post_text_inner > div.post_info > span.time {
    color:#555555;
}

body.search div.blog_holder > article > div.post_content_holder > div.post_text > div.post_text_inner > div.post_content > h2 > a {
    color:#006ba6;
}
#searchform .fa.fa-search:hover{
    cursor: pointer;
}
h4.lastUpdatedTime{
    font-size: 13px;
}

@media screen and (min-width:320px){
    #brandedHeader{
        border-bottom: 1px solid #ccc;
        background: #ffffff;
    }
    .header_inner_right{
        float: none !important;
    }
    .header_inner_right .site_name_logo{
        font-size: 32px !important;        
    }
    .header_inner_right .site_name_logo{
        padding: 25px 0 0 0 !important;
        width: 100% !important;
        text-align: center;
        line-height: initial;
    }
    #brandedHeader .kpLogoBranded{
        display: none;
        height: 0;
    }
    #brandedHeader .paddingBrandedHeader .marginBrandedHeader .tpmgLogoBranded{
        float: none;
        text-align: center;
        padding: 30px 0 20px 0; 
    }
    #brandedHeader .tpmgLogoBranded img{
        width: 240px;
    }
    .mobile_menu_button{
        height: auto;
        position: absolute;
        top: -60px;
    }
    .side_menu_button{
        height: auto;
        float: right;
        top: -112px;
        position: inherit;
    }
}
@media screen and (min-width:360px){
    #brandedHeader .kpLogoBranded{
        display: none;
        height: 0;
    }
    .logo_wrapper{
        left: 30px !important;
    }
    #brandedHeader .paddingBrandedHeader .marginBrandedHeader .tpmgLogoBranded{
        float: none;
        text-align: center;
    }
}
@media screen and (min-width: 768px){
    #brandedHeader .tpmgLogoBranded img{
        width: 328px;
    }
}
@media screen and (min-width:1024px){   
    .side_menu_button{
        height: auto !important;
        right: 0;
        top: 28px;
        position: absolute;
    }
    .drop_down_start{
        margin-top:25px !important;
    }
    .header_inner_right .site_name_logo{        
        margin: 10px 0 0 0 !important;
        padding: 0 !important;
    }
    .header_inner_right {
        float: left !important; 
    }           
    #brandedHeader .paddingBrandedHeader .marginBrandedHeader .kpLogoBranded{
        float: right;
        padding-top: 22px;
        line-height: 0;
    } 
    #brandedHeader .paddingBrandedHeader .marginBrandedHeader .tpmgLogoBranded{
        float:left;
        line-height: 0;
        padding: 30px 0 20px 0; 
    }    
    #brandedHeader .kpLogoBranded{
        display: block;
    }
    #brandedHeader .marginBrandedHeader{
        margin: 0 61px auto !important;   
    }
    .header_bottom .container .container_inner{
        padding: 25px 0;
    }
}
@media screen and (min-width: 1140px){
    #brandedHeader .marginBrandedHeader{
        margin: 0 124px auto !important;   
    }
}
@media screen and (min-width:1280px){
    #brandedHeader .marginBrandedHeader{
        width: 1100px !important;
        margin: 0 auto !important;
    }
}
@media screen and (min-width:1360px){
    #brandedHeader .marginBrandedHeader{
        width: 1100px !important;
    }
}
@media screen and (min-width:1440px){
    #brandedHeader .marginBrandedHeader{        
        width: 1100px !important;
    }
}
.state-highlight-style{
    background-color: #f0f7fa;
    color: #333333;    
    padding: 25px;
    margin: 2px auto;
    width: 95%;   
}
.state-highlight-style p{
    padding: 5px 0;
    margin: 0;
}
.state-highlight-style p.first{
    padding:0;
    margin-bottom: 5px;    
}
/*list and text from the Validation Course tab*/
.tab-pane,
.tab-pane ul li,
.tab-pane ul li span{
    color: #555555;
}
.tab-pane ul li{
    line-height: 30px;
}
/*-----------------------------------*/
/*subtitles color*/
.flowplayer .fp-captions>p>font{
    color: #ffffff !important;
}
/*-----------------------------------*/