:root {
    --primary: #001E3E;
    --secondary: #DE7900;
    --secondary-darker: #B96000;
}

.bordered{
    border: 1px solid var(--primary);
}

form {
    border: 1px solid #f0f0f0;
    background-color:#f9f9f9;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 20px;
}


h1,h2,h3, h4, h5, h6 {
    color : var(--primary);
}

a, a:hover{
    color : var(--primary);
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.btn-primary {
    background-color: var(--secondary);
    border-color: var(--secondary);
    transition: background-color 0.3s ease;
}
.btn-primary:hover {
    background-color: var(--secondary-darker);
    border-color: var(--secondary-darker);
}

/*** MENU TOP ***/
#menu_top{
    border-bottom: 1px solid #eee;
    padding-top: 3px;
    padding-bottom: 3px;
}
#menu_top_row{}
#menu_top_left_col{
    margin: 0px;
    padding-bottom: 0px; 
}
#menu_top_left_col > ul{
    margin: 0px;
}
#menu_top_right_col{
    margin: 0px;
    padding-bottom: 0px; 
}
#menu_top_right_col > ul{
    margin: 0px;
}
/*** / MENU TOP ***/

/*** MENU MAIN ***/
#menu_main{
    border-bottom: 1px solid #eee;
}
#menu_main_row{ }
#menu_main_col{
    margin-top: 10px;
}
#logo_col{
    padding: 10px;
}
#main_menu_col{
    padding-top: 20px;
}
#main_menu_col > ul{
    font-size: 1.3em;
}
/*** / MENU MAIN ***/

/*** HEADER ***/
#header{ }
#header_row{ }
#header_col{
    padding-left: 0px;
    padding-right: 0px
}
/*** / HEADER ***/

/*** CONTENT ***/
#content{ }
#content_row{
    padding-top: 20px;
    padding-bottom: 20px;
    
}
#content_left_col{}    
#content_left_col .active{
    background-color: var(--primary);
    border-color: var(--primary);
}    
#content_right_col .active{
    background-color: var(--secondary);
    border-color: var(--secondary-darker);
}
#welcome_row{ }
#welcome_col{ }
#form_search_row{ }
#form_search_col{ }
#frmSearch{ }
#search_results_row{ }
#search_results_col{
    padding-top: 20px;
}
#search_results{ }
#table_result{
    border: 1px solid #f0f0f0;
    background-color:#f9f9f9;
}
#subscribe_col{ }
#content_right_col{
    
}
#login_widget{
    padding-top: 20px;
}
#last_news_widget{
    margin-top: 20px;
}
#last_post_widget{
    margin-top: 20px;
}

#video_widget{
    margin-top: 20px;
}
/*** / CONTENT ***/

/*** FOOTER ***/
#footer{ }
#footer_row{
    border-top: 1px solid #eee;
    margin-top: 10px;
    padding-top: 15px;
}
#footer_col_left{ }
#footer_col_left ul{ }
#footer_col_right{ }
/*** / FOOTER ***/

.field_validation_error{
    font-size: 0.9rem;
    color: red;
}

/**** CAROUSEL ****/
.carousel-caption h2{
    color: #fff;
}
.carousel-caption h4{
    color: #fff;
}

@media(max-width:767px) {
    .carousel-inner {
        height: 300px;
    }
    
    .carousel-item {
        height: 100%;
    }
    
    .carousel-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .carousel-caption h2 {
        color: #fff;
        font-size: 1.5rem;
    }
    
    .carousel-caption h4 {
        color: #fff;
        font-size: 1rem;
    }
}
/**** / CAROUSEL ****/

/**** HOW IT WORKS ****/
#how_it_works{
    margin-top:30px;
    text-align:center;
}

#how_it_works img{
    width:50%;
}

#how_it_works p{
    text-align: left;
    padding: 0px 30px;
}
#how_it_works h3{
    text-align: left;
}
#how_it_works h4{
    text-align: left;
    padding: 0px 30px;
}
/**** / HOW IT WORKS ****/

/**** BENEFITS ****/
#benefits{
    margin-top:30px;
    text-align:center;
}

#benefits img{
    width:80%;
}

#benefits p{
    text-align: left;
}

#benefits h3{
    text-align: left;
}
/**** / BENEFITS ****/

/**** CALL TO ACTION ****/
#call_to_action_1{
    margin-top:30px;
    background-color:var(--primary);
    padding-top:20px;
    padding-bottom: 20px;
}

#call_to_action_1 h1{
    text-align:center;
    color:white;
}
#call_to_action_1 h2{
    text-align:center;
    color:white;
}

#call_to_action_2{
    margin-top:30px;
    border:3px solid var(--primary);
    padding-top:20px;
    padding-bottom: 20px;
}

.call_to_action_ibg{
    background-image: url("/uploads/gallery/banner1-call-to-action.png");
    background-repeat: no-repeat, repeat;
}

#call_to_action_2 h1,h2{
    text-align:center;
    color:var(--primary);
}

.btn-outline-custom {
    color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-custom:hover {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}
/**** /CALL TO ACTION ****/