﻿/* Sub Nav */
.alberta-theme .site-header .subnav-bar { background-color: #0562a5; /* border-bottom: 6px solid #dcddde; */ }
.alberta-theme .site-header .subnav-bar a { color: #fff; }
.alberta-theme .site-header .subnav-bar a:hover { color: #fff; background: transparent; }

.nav-bar-top { background: #97d7f2; }
.nav-bar-sub { background: #dcddde; border-top: 3px solid #dcddde; }

.alberta-theme .local-nav ul li.active { background-image: url("../img/subnav-active.png"); background-position: bottom center; background-repeat: no-repeat; }

.local-nav { margin-left: -14px; }
.local-nav a { display: inline-block; padding: 10px 14px; text-decoration: none; }
@media screen and (max-width: 600px) { .local-nav a { padding: 10px 8px; font-size: 16px; } }
.local-nav a:hover { text-decoration: none; }
.local-nav .nav-sub-section a { color: #444; }
.local-nav .nav-sub-section a:hover { text-decoration: none; color: #000; }
@media screen and (max-width: 760px) { .local-nav .nav-sub-section li { width: 100%; } }

/*============= NEW MOBILE SUBNAV ==============*/
.local-nav { margin-bottom: 0px !important; }

.alberta-theme .site-header .subnav-bar { background-color: #0562a5; /* border-bottom: 6px solid #dcddde; */ }
.alberta-theme .site-header .subnav-bar a { color: #fff; }
.alberta-theme .site-header .subnav-bar a:hover { color: #fff; background: transparent; }


@media screen and (max-width: 770px) { .midrow + .midrow { margin-top: 0; } }
.nav-bar-top ul li a i.fa { color: #fff; font-size: 1.2em; }

/* Top Search */
.search.form-control { width: auto; min-width: 430px; height: 46px; position: relative; top: 1px; }
@media screen and (max-width: 768px) { .search.form-control { min-width: 260px; width: 82%; } }

.top-search.form-control { width: auto; min-width: 514px; height: 46px; position: absolute; top: 10px; right: 10px; }
@media screen and (max-width: 768px) { .top-search.form-control { position: relative; top: 0; right: 0; margin-right: auto; margin-left: auto; min-width: 260px; width: 82%; } }

.alberta-theme #top_search i.fa-search { position: absolute !important; top: 8px !important; right: 0px !important; }

.alberta-theme #home_search i.fa-search { top: 0px; }

.search-submit { display: block; position: absolute; right: 18px !important; top: 0 !important; z-index: 100; }
.search-submit i.fa-search { background: transparent !important; background-color: transparent !important; color: #ccc !important; }



/* Top Level Nav */
.alberta-theme header.site-header #branding { margin-top: 0px !important; padding-top: 0px !important; }
#ab-top-nav { display: inline-block; width: 100%; text-align: right; margin-top: 14px; }
#ab-top-nav ul { display: inline-block; text-align: center; }
#ab-top-nav ul li + li:before { color: #fff; content: "|"; font-size: 12px; display: inline-block; position: relative; top: -1px; }
#ab-top-nav ul li:last-of-type a { padding-right: 0px; }
#ab-top-nav ul li a { color: #fff; padding: 0px 12px; font-size: 14px; }



/* Sidebar Right */

.block + .block {
    margin-top: 34px;
}

.sidebar-right .block ul {
    list-style: none;
    padding: 0;
}

.sidebar-right .block ul li {
    margin-bottom: 4px;
}


/*Mid Card*/
.midcard { background: #fff; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); margin: 0; }
@media (max-width: 770px) { .row .midcard { min-height: 90px; margin-bottom: 20px; } }

/* SHare This*/
#breadcrumbs-share .inner h3 {
    margin-top: 0px;
    display: inline-block;
    font-size: 1em;
    position: relative;
    top: -9px;
    margin-right: 4px;
    font-weight: normal;
}

span#shareThisFacebook span.stLarge,
span#shareThisTwitter span.stLarge,
span#shareThisEmail span.stLarge
 {
    background-image: none !important;
}

span#shareThisFacebook:before,
span#shareThisTwitter:before,
span#shareThisEmail:before
 {
    font-family: FontAwesome;
    font-size: 20px;
    padding: 0 !important;
    display: inline-block;
    position: absolute;
}

span#shareThisFacebook:before {
    content: "\f09a";
    left: 14px;
    top: 5px;
}

span#shareThisTwitter:before {
    content: "\f099";
    left: 9px;
    top: 5px;
}

span#shareThisEmail:before {
    content: "\f003";
    left: 8px;
    top: 4px;
}

span#shareThisFacebook,
span#shareThisTwitter,
span#shareThisEmail
 {
    background-color: #ddd;
    height: 36px;
    display: inline-block;
    width: 36px;
    padding: 0;
    margin: 0;
    position: relative;
    margin-right: 3px;
}

span#shareThisFacebook:hover,
span#shareThisTwitter:hover,
span#shareThisEmail:hover {
    background-color: #58595b;
    color: #fff;
}
