/*--------------------------------------------------------------
Custom overrides
--------------------------------------------------------------*/
.karma_mega_div span.karma-mega-title {
color: #1e6f92;
}
/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.top-block,
.top-block ul.sf-menu li ul,
#footer-callout,
#tt-slider-full-width,
body.karma-flat-cs .tools.full-width-page-title-bar,
body.karma-flat-cs #footer_bottom,
#bbpress-forums .bbp-forums li.bbp-header,
#bbpress-forums .bbp-topics li.bbp-header,
#content #bbpress-forums li.bbp-header {
background: #013558;
}
#tt-slider-full-width {
background: #00294C;
}
#footer-callout {
border-bottom: 1px solid #2E7090;
}
.tt-post-quote,
#sidebar .sidebar-widget.widget_display_stats dd strong {
background:#1E6F92;
}
/**
* Custom (darker) BG color for full-width
* page title bar when gradient color active
*
**/
.tools.full-width-page-title-bar {
background: #002D4A;
}
/* Header / Footer Gradient */
.header-holder,
#footer,
body.karma-header-custom .tools.full-width-page-title-bar,
body.karma-header-custom .top-block {
border-top: 1px solid #4B8CA8;
background-color: #013558;
background-image: linear-gradient(to bottom, #1E6F92, #013558); /* required first in the list for IE11 */
background-image: -webkit-gradient(linear, left top, left bottom, from(#1E6F92), to(#013558));
background-image: -webkit-linear-gradient(top, #1E6F92, #013558);
background-image: -moz-linear-gradient(top, #1E6F92, #013558);
background-image: -webkit-linear-gradient(top, #1E6F92, #013558);
background-image: -o-linear-gradient(top, #1E6F92, #013558);
background-image: ms-linear-gradient(to bottom, #1E6F92, #013558);
-pie-background: linear-gradient(to bottom, #1E6F92, #013558);
}
/* Karma Flat */
body.karma-flat-cs .header-holder,
body.karma-flat-cs #footer {
background-color: #1E6F92;
background-image: none;
}
/* Custom CSS3 Color Stops for different height headers */
.header-holder.tt-logo-center {
background-image: linear-gradient(to bottom, #1E6F92, #013558 84%);
-pie-background: linear-gradient(to bottom, #1E6F92, #013558 84%);
}
.header-holder.tt-header-holder-tall {
background-image: linear-gradient(to bottom, #1E6F92, #013558 50%);
-pie-background: linear-gradient(to bottom, #1E6F92, #013558 50%);
}
#footer {
background-image: linear-gradient(to bottom, #1E6F92, #013558 68%);
-pie-background: linear-gradient(to bottom, #1E6F92, #013558 68%);
}
.top-block,
.top-block a,
#header .toolbar-left li,
#header .toolbar-right li {
color: #ccc;
}
#tt-mobile-menu-button span:after,
.tt-icon-box span.fa-stack,
#bbpress-forums .bbp-body .bbp-forum-topic-count::before,
#bbpress-forums .bbp-body .bbp-forum-reply-count::before,
#bbpress-forums .bbp-body .bbp-topic-voice-count::before,
#bbpress-forums .bbp-body .bbp-topic-reply-count::before,
#bbpress-forums .bbp-body .bbp-forum-reply-count::before,
#bbpress-forums .bbp-body .bbp-topic-reply-count::before,
.true-icon-box {
color: #1E6F92;
}
.true-accordion dt.current,
.true-accordion dt.current:before {
color: #1E6F92 !important;
}
/**
*
* Header Style - Light
*
* adjust colors for
* better design aesthetic
*
* .karma-header-custom class gets added to body
* when light or dark header selected
*
* @since Karma 4.8
*
**/
/* GRADIENT Full Width Title Bar - color reverse foer shadow effect */
body.karma-header-light .tools.full-width-page-title-bar {
background-color: #1E6F92;
background-image: linear-gradient(to bottom, #013558, #1E6F92); /* required first in the list for IE11 */
background-image: -webkit-gradient(linear, left top, left bottom, from(#013558), to(#1E6F92));
background-image: -webkit-linear-gradient(top, #013558, #1E6F92);
background-image: -moz-linear-gradient(top, #013558, #1E6F92);
background-image: -webkit-linear-gradient(top, #013558, #1E6F92);
background-image: -o-linear-gradient(top, #013558, #1E6F92);
background-image: ms-linear-gradient(to bottom, #013558, #1E6F92);
}
/* GRADIENT dropdown link:hover bg color */
body.karma-header-gradient #menu-main-nav li ul a:hover,
body.karma-header-gradient #menu-main-nav li ul li.current-menu-item.hover a,
body.karma-header-gradient #menu-main-nav li ul li.parent.hover a,
body.karma-header-gradient #menu-main-nav li ul li.parent.hover a:hover,
body.karma-header-gradient #menu-main-nav li ul li.hover ul li.hover a,
body.karma-header-gradient #menu-main-nav li ul li.hover ul li.hover a:hover,
body.karma-header-gradient #menu-main-nav li ul li.current-menu-ancestor.hover a,
body.karma-header-gradient #menu-main-nav li ul li.current-menu-ancestor.hover ul a:hover,
body.karma-header-gradient #menu-main-nav li ul li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a:hover,
body.karma-header-gradient .top-block .top-holder ul.sf-menu li .sub-menu li a:hover,
body.karma-header-gradient #wrapper.tt-uberstyling-enabled .header-area .ubermenu ul li.ubermenu-item ul.ubermenu-submenu li.ubermenu-item > a:hover {
background-color: #115578;
}
/* body.karma-header-custom #menu-main-nav li ul a:hover,
body.karma-header-custom #menu-main-nav li ul li.current-menu-item.hover a,
body.karma-header-custom #menu-main-nav li ul li.parent.hover a,
body.karma-header-custom #menu-main-nav li ul li.parent.hover a:hover,
body.karma-header-custom #menu-main-nav li ul li.hover ul li.hover a,
body.karma-header-custom #menu-main-nav li ul li.hover ul li.hover a:hover,
body.karma-header-custom #menu-main-nav li ul li.current-menu-ancestor.hover a,
body.karma-header-custom #menu-main-nav li ul li.current-menu-ancestor.hover ul a:hover,
body.karma-header-custom #menu-main-nav li ul li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a:hover,
body.karma-header-custom .top-block .top-holder ul.sf-menu li .sub-menu li a:hover,
body.karma-header-custom #wrapper.tt-uberstyling-enabled .header-area .ubermenu ul li.ubermenu-item ul.ubermenu-submenu li.ubermenu-item > a:hover {
background-color: #0A476A;
} */
/* GRADIENT top-level active */
body.karma-header-custom #menu-main-nav li.current-menu-item strong,
/* GRADIENT dropdown active link color */
body.karma-header-custom #menu-main-nav li ul li.current-menu-item a,
body.karma-header-custom #menu-main-nav li ul li.current-menu-ancestor a,
body.karma-header-custom #menu-main-nav li ul li.current-menu-parent ul li.current-menu-item a,
body.karma-header-custom #menu-main-nav li ul li.current-menu-ancestor ul li.current-menu-ancestor a,
body.karma-header-custom #menu-main-nav li ul li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a,
body.karma-header-custom #menu-main-nav li.current-menu-parent strong,
body.karma-header-custom #menu-main-nav li.current-menu-ancestor strong,
body.karma-header-custom #menu-main-nav li.current-menu-ancestor a::after,
body.karma-header-custom #menu-main-nav li.parent:hover strong,
body.karma-header-custom #menu-main-nav li.parent:hover a::after,
body.karma-header-custom #menu-main-nav li:hover strong {
color: #375885;
}
/* FLAT top-block + page-title-bar */
body.karma-header-custom.karma-flat-cs .tools.full-width-page-title-bar,
body.karma-header-custom.karma-flat-cs .top-block,
body.karma-header-custom.karma-flat-cs .top-block ul.sf-menu li ul {
background-color: #1E6F92;
background-image: none;
}
/* FLAT dropdown link:hover bg color */
body.karma-flat-cs #menu-main-nav li ul a:hover,
body.karma-flat-cs #menu-main-nav li ul li.current-menu-item.hover a,
body.karma-flat-cs #menu-main-nav li ul li.parent.hover a,
body.karma-flat-cs #menu-main-nav li ul li.parent.hover a:hover,
body.karma-flat-cs #menu-main-nav li ul li.hover ul li.hover a,
body.karma-flat-cs #menu-main-nav li ul li.hover ul li.hover a:hover,
body.karma-flat-cs #menu-main-nav li ul li.current-menu-ancestor.hover a,
body.karma-flat-cs #menu-main-nav li ul li.current-menu-ancestor.hover ul a:hover,
body.karma-flat-cs #menu-main-nav li ul li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a:hover,
body.karma-flat-cs .top-block .top-holder ul.sf-menu li .sub-menu li a:hover,
body.karma-flat-cs #wrapper.tt-uberstyling-enabled .header-area .ubermenu ul li.ubermenu-item ul.ubermenu-submenu li.ubermenu-item > a:hover {
background-color: #1e6f92;
}
/* FLAT - top-block dropdown link:hover bg color */
body.karma-header-custom.karma-flat-cs .top-block .top-holder ul.sf-menu li .sub-menu li a:hover {
background: #013558;
}
/* FLAT top-level active */
body.karma-header-custom.karma-flat-cs #menu-main-nav li.current-menu-item strong,
/* FLAT dropdown active link color */
body.karma-header-custom.karma-flat-cs #menu-main-nav li ul li.current-menu-item a,
body.karma-header-custom.karma-flat-cs #menu-main-nav li ul li.current-menu-parent ul li.current-menu-item a,
body.karma-header-custom.karma-flat-cs #menu-main-nav li ul li.current-menu-ancestor ul li.current-menu-ancestor a,
body.karma-header-custom.karma-flat-cs #menu-main-nav li ul li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a,
body.karma-header-custom.karma-flat-cs #menu-main-nav li.current-menu-parent strong,
body.karma-header-custom.karma-flat-cs #menu-main-nav li.current-menu-ancestor strong,
body.karma-header-custom.karma-flat-cs #menu-main-nav li.current-menu-ancestor a::after,
body.karma-header-custom.karma-header-light ul#menu-main-nav li.current-menu-parent strong::after,
body.karma-header-custom.karma-flat-cs #menu-main-nav li.parent:hover strong,
body.karma-header-custom.karma-flat-cs #menu-main-nav li.parent:hover a::after,
body.karma-header-custom.karma-flat-cs #menu-main-nav li:hover strong {
color: #1e6f92;
}
/**
*
* /// END Header Style - Light
*
*/
/*--------------------------------------------------------------
Main Menu
--------------------------------------------------------------*/
#menu-main-nav a span.navi-description,
/* reset search/404 navi-description so "blog" isn't active */
.search-header #menu-main-nav li.current_page_parent a span.navi-description,
.error-header #menu-main-nav li.current_page_parent a span.navi-description {
color: #689BB1;
}
body.karma-flat-cs #menu-main-nav a span.navi-description,
body.karma-flat-cs .search-header #menu-main-nav li.current_page_parent a span.navi-description,
body.karma-flat-cs .error-header #menu-main-nav li.current_page_parent a span.navi-description {
color: rgba(255, 255, 255, 0.45);
}
/* dropdown active link color */
#menu-main-nav li ul li.current-menu-item a,
#menu-main-nav li ul li.current-menu-ancestor a,
#menu-main-nav li ul li.current-menu-parent ul li.current-menu-item a,
#menu-main-nav li ul li.current-menu-ancestor ul li.current-menu-ancestor a,
#menu-main-nav li ul li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a {
color: #6C889D;
}
/* dropdown menu bg color */
#menu-main-nav.sf-menu li ul,
#menu-main-nav li.parent:hover,
.tt-logo-center #menu-main-nav li.parent:first-child:hover,
#wrapper.tt-uberstyling-enabled .ubermenu ul.ubermenu-nav > li.ubermenu-item.tt-uber-parent:hover,
#wrapper.tt-uberstyling-enabled .ubermenu ul.ubermenu-nav li.ubermenu-item ul.ubermenu-submenu {
background: #002F4F;
}
/* dropdown link:hover bg color */
#menu-main-nav li ul a:hover,
#menu-main-nav li ul li.current-menu-item.hover a,
#menu-main-nav li ul li.parent.hover a,
#menu-main-nav li ul li.parent.hover a:hover,
#menu-main-nav li ul li.hover ul li.hover a,
#menu-main-nav li ul li.hover ul li.hover a:hover,
#menu-main-nav li ul li.current-menu-ancestor.hover a,
#menu-main-nav li ul li.current-menu-ancestor.hover ul a:hover,
#menu-main-nav li ul li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a:hover,
.top-block .top-holder ul.sf-menu li .sub-menu li a:hover,
#wrapper.tt-uberstyling-enabled .header-area .ubermenu ul li.ubermenu-item ul.ubermenu-submenu li.ubermenu-item > a:hover {
background: #45677F;
color:#FFF;
}
/* reset dropdown link:hover on non-active items */
#menu-main-nav li ul li.parent.hover ul a,
#menu-main-nav li ul li.hover ul li.hover ul li a,
#menu-main-nav li ul li.current-menu-ancestor.hover ul a {
background:none;
}
/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
#footer_bottom {
background: #001E34 url(../images/skins/bg-footer-bottom-political-blue.png) top center repeat-x;
}
.footer-content a,
#footer_bottom a,
#footer .blogroll li,
#mc_signup .mc_required,
.mc_required,
#mc-indicates-required,
#footer ul.tt-recent-posts li p {
color: #6B9AAF;
}
#footer .blogroll a,
#footer ul.tt-recent-posts h4 {
color: #FFF;
}
#footer h3 {
border-bottom: 1px solid #517F97;
}
body.karma-flat-cs #footer h3 {
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
#footer,
#footer p,
#footer ul,
#footer_bottom,
#footer_bottom p,
#footer_bottom ul,
#footer #mc_signup_form label {
color: #DDD;
}
/*--------------------------------------------------------------
* Secondary Color Scheme
*
* xx-secondary.css no longer gets called unless user
* has selected alternate secondary color.
* (this reduces 1 HTTP request :)
*
*
* @since Karma 4.6
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Sliders
--------------------------------------------------------------*/
/* jQuery1 slider + utility bar */
.jquery1-slider-wrap,
.tools {
background-color: #1E6F92;
background: -webkit-gradient(radial, center center, 0, center center, 460, from(#1E6F92), to(#013558));
background: -webkit-radial-gradient(circle, #1E6F92, #013558);
background: -moz-radial-gradient(circle, #1E6F92, #013558);
background: -ms-radial-gradient(circle, #1E6F92, #013558);
}
/* IE Image Fallback */
.ie7 .jquery1-slider-wrap,
.ie8 .jquery1-slider-wrap,
.ie9 .jquery1-slider-wrap {
background: transparent url(../images/skins/secondary-political-blue/bg-jquery-bnr.png) 0 0 no-repeat;
}
body.karma-flat-cs .jquery1-slider-wrap,
body.karma-flat-cs .tools,
.ie7 body.karma-flat-cs .jquery1-slider-wrap,
.ie8 body.karma-flat-cs .jquery1-slider-wrap,
.ie9 body.karma-flat-cs .jquery1-slider-wrap {
background-image: none;
background: #1E6F92;
}
/*--------------------------------------------------------------
Sub Menus
--------------------------------------------------------------*/
/* horizontal */
#horizontal_nav ul a:hover,
#horizontal_nav ul .current_page_item,
#horizontal_nav.tt-gallery-nav-wrap .active,
/* tabs */
.tabset .ui-state-active,
.tabset .active,
.tabset a:hover,
/* wp-page-navi */
.karma-pages span.current,
.wp-pagenavi span.current {
background:#115578;
}
/* woo-commerce */
#content nav.woocommerce-pagination ul li span.current {
background:#115578;
color: #fff;
padding: 7px;
}
/* vertical-left */
#sub_nav ul a:hover,
#sub_nav ul li.current_page_item a {
background: url(../images/skins/secondary-political-blue/subnav-left.png) 0px 49% no-repeat;
}
/* vertical-right */
#sub_nav.nav_right_sub_nav ul a:hover,
#sub_nav.nav_right_sub_nav ul li.current_page_item a {
background: url(../images/skins/secondary-political-blue/subnav-right.png) 0px 49% no-repeat;
}
/* vertical-left-flat */
body.karma-flat-cs #sub_nav ul a:hover,
body.karma-flat-cs #sub_nav ul li.current_page_item a {
background: url(../images/skins/secondary-political-blue/subnav-left-flat.png) 0 49% no-repeat;
}
/* vertical-right-flat */
body.karma-flat-cs #sub_nav.nav_right_sub_nav ul a:hover,
body.karma-flat-cs #sub_nav.nav_right_sub_nav ul li.current_page_item a {
background: url(../images/skins/secondary-political-blue/subnav-right-flat.png) 0 49% no-repeat;
}
/*--------------------------------------------------------------
Links / Lists
--------------------------------------------------------------*/
/* links */
a,
p a strong,
.link-top,
.tt_comment_required,
ul.tt-recent-posts h4,
span.required,
/* lists */
ul.list li,
ul.list1 li:before,
ul.list2 li:before,
ul.list3 li:before,
ul.list4 li:before,
ul.list5 li:before,
ul.list6 li:before,
ul.list7 li:before,
ul.list8 li:before,
#sidebar ul li:before,
#sub_nav ul li .sub-menu li:before,
#sub_nav ul li .sub-menu li .sub-menu li:before,
#sidebar ul li,
/* left nav */
#sub_nav ul li .sub-menu a,
#sub_nav ul li .sub-menu li.current_page_item a,
#sub_nav ul ul a,
#sub_nav ul ul a:hover,
#sub_nav ul li.current_page_item ul li a,
#sub_nav ul li.current_page_parent ul li.current_page_item a,
/* right nav */
#sub_nav.nav_right_sub_nav ul ul a,
#sub_nav.nav_right_sub_nav ul ul a:hover,
#sub_nav.nav_right_sub_nav ul li.current_page_item ul li a,
#sub_nav.nav_right_sub_nav ul li.current_page_parent ul li.current_page_item a,
#sub_nav .sub_nav_sidebar .textwidget ul li,
#sub_nav .sub_nav_sidebar a,
i.discussion-title,
#sidebar ul.social_icons.tt_vector_social_icons a:after,
#content p.team-member-title {
color: #135A7D;
}
/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/
.post_comments {
box-shadow: 0 0 0 1px #1E6F92, 0 0 0 2px #013558;
background-color: #013558;
background-image: linear-gradient(to bottom, #013558, #1E6F92); /* required first in the list for IE11 */
background-image: -webkit-gradient(linear, left top, left bottom, from(#013558), to(#1E6F92));
background-image: -webkit-linear-gradient(top, #013558, #1E6F92);
background-image: -moz-linear-gradient(top, #013558, #1E6F92);
background-image: -webkit-linear-gradient(top, #013558, #1E6F92);
background-image: -o-linear-gradient(top, #013558, #1E6F92);
background-image: ms-linear-gradient(to bottom, #013558, #1E6F92);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#013558', endColorstr='#1E6F92');
}
body.karma-flat-cs .post_comments {
background-image: none;
background: #1E6F92;
}
/* IE8 + IE9 do not support CSS3 radial gradient - fallback images provided below */
.ie8 .tools .frame,
.ie9 .tools .frame {
background: url(../images/skins/secondary-political-blue/bg-tools-c.png) repeat-y;
}
.ie8 span.tools-top,
.ie9 span.tools-top {
background: url(../images/skins/secondary-political-blue/bg-tools-t.png) no-repeat;
}
.ie8 span.tools-bottom,
.ie9 span.tools-bottom {
background: url(../images/skins/secondary-political-blue/bg-tools-b.png) no-repeat;
}