/* ---------- Color Module Styles ----------- */

/*Primary*/

@media only screen and (max-width: 800px) {
	.Home-Page-Top,
    .Home-Page-box,
    #header {
        background-color: #cee4f5;
	}
}

@media only screen and (min-width: 800px) {
    .contact-map,
    .contact-image {
        border-color: #cee4f5;
    }

    .row.region.region-footer-first {
        border-color: #cee4f5 !important;
    }
}

#navbar-top,
#navbar-main, 
.page-item.active .page-link {
    background-color: #cee4f5;
}
.Topic-Page-Banner:before,
.Bottom-Links:before,
.title:before,
.view-header h1:before,
.view-empty h1:before {
    border-color: #cee4f5;
    box-shadow: 9999px 0 0 #cee4f5;
}

/* Secondary Color*/

#superfish-main li.active-trail a.sf-depth-1,
#superfish-main li a.sf-depth-2,
#superfish-main li.sf-clone-parent a,
.side-nav,
.page-link:hover,
.calendar .month-view .full tr td.single-day.today,
.calendar .month-view .full  td.date-box.today {
    background: #fcf2e4;
}

.Site-Menu.sf-depth-1 a,
.schedule .view-content>h3 {
    background-color: #fcf2e4;
}

div.sf-accordion-toggle.sf-style-default a,
.sf-style-default,
ul.sf-menu.sf-style-default li li li {
    background: #fcf2e4;
}

ul.sf-menu.sf-style-default span.sf-description,
ul.sf-menu.sf-style-default  li.current.sf-depth-1,
ul.sf-menu.sf-style-default  li.sfHover.sf-depth-1,
ul.sf-menu.sf-style-default  span.nolink:hover.sf-depth-1,
.sf-depth-1.menuparent.sf-with-ul.ul.sf-menu.sf-style-default a:hover,
.region-header,
.region-header a,
.region-header li a.is-active,
.region-header .site-branding__text,
.region-header .site-branding,
.region-header .site-branding__text a,
.region-header .site-branding a,
.region-secondary-menu .menu-item a,
.region-secondary-menu .menu-item a.is-active {
    color: #fcf2e4;
}

@media only screen and (max-width: 800px) {
    ul.sf-menu.sf-style-default li .sf-depth-2 a {
        color: #fcf2e4;
    }
    .Footer-Site-Menu ul li {
        background-color: #fcf2e4;
    }
}

.sf-depth-2.sf-no-children {
    border-color: #fcf2e4;
}

/* Accordions */
div.spoiler div.spoiler-title {
    background: #fcf2e4;
}

/* Button */

.btn-primary {
    background-color: #000000;
    border-color: #000000;
}

/* Button Hover */

.btn.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn.btn-primary:focus,
.calendar .js-pager__items li:hover {
    background-color: #8161ce;
    border-color: #8161ce;
}

.calendar td .inner div.calendar div,
.calendar td .inner div.calendar div a {
    background: #8161ce !important;
}

/* Tertiary Color */

#superfish-main a,
.Topic-Links .Topic-Bottom-Link a,
.Bottom-Links .field__item a.btn,
.Content-Body a,
.contact-body a,
.contact-page-body a,
.feature-body a,
.feature-bottom a,
.page-link,
.feature-block .page-link,
.search-title a,
a,
.link {
    color: #8a6901;
}
#superfish-main li a,
#superfish-main li:first-child a,
#superfish-main li:last-child a,
#superfish-main li.active-trail a,
#superfish-main li a:hover{
    border-color: #8a6901;
}

#superfish-main li.active-trail a.sf-depth-1 {
    box-shadow: inset 0 -2px 0 #8a6901!important;
}

/*Site Text / Secondary Links*/
body,
#superfish-main li.active-trail a.sf-depth-1,
#superfish-main li a:hover,
.side-nav .Side-Nav-Menu a,
.side-nav .Side-Nav-Menu a:hover,
.side-nav .Side-Nav-Menu a:active,
.side-nav .Side-Nav-Menu a:hover,
.side-nav .Side-Nav-Menu a:focus,
.Side-Nav-Heading a,
.Side-Nav-Heading a:hover,
.Side-Nav-Heading a:active,
.Side-Nav-Heading a:focus,
.Related-Information_Links .field__item a,
.a2a_kit a,
.a2a_kit a: hover,
.Content-Body a:hover,
.contact-body a:hover,
.contact-page-body a:hover,
.Topic-Bottom-Link a:hover,
.Bottom-Links .field__item a.btn:hover,
.Bottom-Links .field__item a.btn:active,
.Bottom-Links .field__item a.btn:focus,
.site-footer__top .content li a,
.site-footer__top .content li a:hover,
.site-footer__top .content li a:focus,
.site-footer__top .content li a:active,
.site-footer__top .content li a.is-active,
caption,
.feature-block a,
.feature-body a:hover,
.feature-body a:focus,
.feature-body a:active,
.feature-bottom a:hover,
.feature-bottom a:focus,
.feature-bottom a:active,
.page-link:hover,
.page-item.active .page-link,
.calendar .month.day,
.calendar td .inner div.day a {
    color: #000000;
}

table a,
.table a {
    color: #000000 !important;
}

a:active,
.link:active,
a:hover,
.link:hover {
    color: #000000;
}

@media only screen and (max-width: 800px) {
    .Topic-Banner-Text a,
    .Topic-Banner-Text a:hover,
    .Topic-Banner-Text a:active { 
        color: #000000;
    }
}

/* Body BG */
#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a,
div.spoiler div.spoiler-content,
.breadcrumbs,
.breadcrumb,
#superfish-main,
ul.sf-menu.sf-style-default li li,
ul.sf-menu.sf-style-default.sf-navbar > li > ul,
ul.sf-menu.sf-style-default li,
ul.sf-menu.sf-style-default li:focus,
ul.sf-menu.sf-style-default.sf-navbar,
ul.sf-menu.sf-style-default.sf-depth-2 li:hover, 
ul.sf-menu.sf-style-default.sf-depth-2 li.sfHover, 
ul.sf-menu.sf-style-default.sf-depth-2 a:focus, 
ul.sf-menu.sf-style-default.sf-depth-2 a:hover, 
ul.sf-menu.sf-style-default.sf-depth-2 span.nolink:hover,
ul.sf-menu.sf-style-default .sf-depth-1,
ul.sf-menu.sf-style-default a:focus,
ul.sf-menu.sf-style-default.sf-accordion li.sf-expanded,
#superfish-main-toggle,
.Bottom-Links .field__item {
    background: #ffffff;
}

@media only screen and (min-width: 800px) {
    ul.sf-menu.sf-style-default a.sf-depth-1 {
        background-color: #ffffff;
    }
}

.tabs ul.primary li a.is-active {
    background-color: #ffffff;
}

.tabs ul.primary li.is-active a {
    background-color: #ffffff;
    border-bottom-color: #ffffff;
}

.title>span:after,
.Topic-Page-Banner:after { 
    border-color: #ffffff;
    box-shadow: 9999px 0 0 #ffffff;
}

.calendar td .inner div.calendar div,
.calendar td .inner div.calendar div a {
    color: #ffffff;
}

.calendar .contents a {
    color: #ffffff !important;
}


/* Links */

@media only screen and (min-width: 800px) {
    ul.sf-menu.sf-style-default li :hover.sf-depth-1,
    .Site-Menu li.active-trail.sf-depth-1 a.sf-depth-1{
        color: #008ee2;
    }
}

.Side-Alert-Text .btn:hover {
    border-color: #008ee2; 
}

/* Menu Hover Color */
ul.sf-menu.sf-style-default .sf-depth-1,
.sf-depth-2.sf-no-children{
    border-color: #faa31b;
}
#superfish-main li a:hover,
#superfish-main li.active-trail a.sf-depth-1 {
    background-color: #faa31b;
}
div.spoiler div.spoiler-title:hover{
    background: #faa31b;
}

/*Header/Bottom Footer/Button Background*/

#navbar-top,
.site-footer__bottom,
body,
.Top-Menu-Mobile ul.sf-menu.sf-style-black,
.calendar .js-pager__items li {
    background: #000000;
}
.Top-Search .form-item-search-api-fulltext-mobile input:focus {
    box-shadow: 0 0 0 1rem #000000;
}

/*Header/Bottom Footer/Button Text*/

.Top-Menu ul.sf-menu a,
.Top-Menu ul.sf-menu a:hover,
.Top-Menu ul.sf-menu a:hover:before,
.Top-Menu-Mobile ul.sf-menu.sf-style-black li a,
.Top-Menu-Mobile ul.sf-menu.sf-style-black li a:hover,
.Top-Menu-Mobile div.sf-accordion-toggle.sf-style-black a,
.Search-Text,
.Top-Search .btn:after,
.navbar-brand,
.navbar-brand:hover,
.navbar-brand:focus,
.navbar-brand:active,
.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:active,
.btn-primary,
.btn.btn-primary:focus,
.site-footer__bottom .content a,
.site-footer__bottom .content a:hover,
.site-footer__bottom .content a.is-active,
.calendar .js-pager__items li a,
.calendar .js-pager__items li a:hover {
    color: #ffffff;
}

/*Upper Footer Background/*/

.site-footer,
.site-footer__top {
    background-color: #2ab194;
}

/* Main Border */

.side-nav,
.Topic-Links>.field__item,
.Topic-Links>.field__item:first-child,
.Topic-Links>.field__item:last-child,
div.spoiler div.spoiler-title, 
.schedule .view-content>h3 {
    border-color: #e7ddc2;
}

/* Bottom Box Outer Border*/

.Bottom-Links .field__item {
    border-color: #eff0e8;
}

/* Bottom Box Inner Border */
.Bottom-Links .field__item a.btn {
    border-color: #2ab194;
}

/* Resources */

.Topic-Resources,
.Content-Resources,
.calendar .month-view .full td.single-day.empty,
.calendar .month-view .full td.date-box.empty {
    background-color: #f0f0f0;
}

/* Footer Text */
.site-footer p {
    color: #000000;
}

/* Table Header Background */
table thead th,
table tbody th,
.calendar th.days {
    background: #faa31b;
}

table td.key {
    background: #faa31b !important;
}

.calendar th.days {
    border-color: #faa31b;
}

/* Table Header Text */
table thead th,
table tbody th,
gpei-key-value-table .table-row-key,
.calendar th.days {
    color: #000000;
}

/* Table Alternate Row Background */
table>tbody>tr:nth-child(odd),
.table-striped tbody tr:nth-of-type(odd),
.table-hover tbody tr:nth-child(odd):hover {
    background: #fcf2e4;
}

/* Table Border */
table,
.table,
table td,
tr td,
.table td,
table thead th,
table tbody th,
.table th,
gpei-key-value-table .table-row-key,
gpei-key-value-table .table-row-value,
table thead tr,
.table thead tr,
table tbody,
.table tbody,
table thead,
.table thead,
table tr,
.table tr {
    border-color: #666633;
}

/* Form Elements Text*/
.feature-webform .webform-submission-form input,
.feature-webform .webform-submission-form select,
.feature-webform label,
.form-control {
    color: #333333;
}

/* Form Elements Border*/
.feature-webform .webform-submission-form input,
.feature-webform .webform-submission-form select,
.page-link,
.page-link:hover,
.page-item.active .page-link,
.page-item.disabled .page-link,
.form-control,
.form-control:focus { 
    border-color: #666666;
}

/*Home Page Background Gradient*/
.home-background, 
.home-background img {
    background: #b8d2e2; /* Old browsers */
    background: -moz-linear-gradient(top, #b8d2e2 0%, #f4f0ef 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b8d2e2 0%,#f4f0ef 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b8d2e2 0%,#f4f0ef 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8d2e2', endColorstr='#f4f0ef',GradientType=0 ); /* IE6-9 */
}

/* ---------- Color Form ----------- */

[dir="rtl"] .color-form .color-palette {
    margin-left: 0;
    margin-right: 20px;
}

[dir="rtl"] .color-form .form-item label {
    float: right;
}

[dir="rtl"] .color-form .color-palette .lock {
    right: -20px;
    left: 0;
}