/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */

/* hides the black menu bar on mobile 
@media screen and (max-width: 579px) {
#s5_pos_custom_2, #s5_menu_wrap {
    display: none !important;
}
}
*/

/* changes sub-menu drop dowm to black from default template colour */
.S5_submenu_item:hover, .S5_grouped_child_item .S5_submenu_item:hover {
background: none repeat scroll 0 0 #000000 !important;
}

/* added July 2015 */
h3.s5_title_h3 {
color: #FFFFFF;
background:#038ca1 !important; /* turqu blue */
font-size: 1.0em;
font-weight: 700;
margin-bottom: 10px;
padding: 12px 20px;
border-bottom: solid 2px #ff8a00; */
}

/* added July 2015 */
h3.s5_title_h4 {
color: #FFFFFF;
background:#038ca1; /* turq green */
font-size: 1.0em;
font-weight: 700;
margin-bottom: 10px;
padding: 12px 20px;
}
/* added so that mobile menu has orange highlight text */
.s5_mobile_sidebar_h3_open span, #s5_responsive_mobile_sidebar_title_wrap_register_open, #s5_responsive_mobile_sidebar_title_wrap_login_open, #s5_responsive_mobile_sidebar a.s5_mobile_sidebar_active, #s5_responsive_mobile_sidebar .s5_mobile_sidebar_h3_open a{
color: #ff8a00 !important;
}

/* breadcrumb style, removed 50px spacer, and added background bar */
#s5_breadcrumb_wrap {
margin-bottom:0px; /* was 50px */
color: #01bcd9 !important; /* font colour light blue */
background:#000000; /* turq green */
font-size: 0.85em;
display:block;
}

#s5_pos_custom_3 {
margin-bottom:0px; /* was 50px */
color: #FFFFFF !important; /* font colour white */
/* background:#000000 !important; */
font-size: 0.8em !important;
margin-bottom:0px; /* was 70px */
margin-top:-20px;
position:relative;
}

/* editing colours for gallery plugin */

.bwg_image_title, .bwg_image_title * {
    color: #01bcd9 !important;
    font-family: arial;
    font-size: 24px;
    font-weight: bold;
}

.spider_popup_wrap {
    background-color: #195077; /* dark blue */
    display: inline-block;
    left: 50%;
    outline: medium none;
    position: fixed;
    text-align: center;
    top: 50%;
    z-index: 100000;
}

.spider_popup_close_fullscreen { /* arrow to close lightbox */
    color: #ff8a00;
    font-size: 15px;
    right: 15px;
}