/**
 * ---
 * Table of Contents:
 * ---
 * 1.0 - Plone Text Sizes
 * 2.0 - Images
 * 3.0 - Accordion
 * 4.0 - Colors
 * ---
 */

/**
 * 1.0 - Plone Text Sizes
 */

.xxxLargeFont {font-size: 140%;}
.xxLargeFont {font-size: 130%;}
.xLargeFont {font-size: 120%;}
.largeFont {font-size: 110%;}
.smallFont {font-size: 90%;}
.xSmallFont {font-size: 80%;}

/**
 * 2.0 - Images
 */

.image-left {
    float: left;
    margin: 0 1em 1em 0;
}

.image-right {
    float: right;
    margin: 0 0 1em 1em;
}

/**
 * 3.0 - Accordion
 */

.accordion-group {
    border-radius: 3px;
    overflow: hidden;
    border-color: #ddd;
    margin-bottom: 5px;
}

.accordion-heading {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    background-color: #f5f5f5;
    padding: 10px 15px;
    border: 1px solid #ddd;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-transform: none;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

a.accordion-toggle {
    display: block;
    padding: 10px 15px;
    margin: -10px -15px;
    font-size: 1.1em;
    text-indent: 1em;
    border-bottom-color: transparent;
    cursor: pointer;
    /*text-decoration: none;*/
    line-height: normal;
    color: #555;
}

.accordion-heading>.accordion-toggle>a {
    color: #555;
    /*text-decoration: none;*/
    border-bottom: none;
}

.accordion-heading>.accordion-toggle.current:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.accordion-heading>a:hover, accordion-heading>a:active {
    color: #286c9b;
}

.accordion-inner {
    padding: 15px;
    margin: 0;
    border: 1px solid #ddd;
    border-top: 0;
}


/**************************************
 * 4.0 - Colors (buttons, alerts, etc.)
 *************************************/

 /********** BUTTONS ********** 
 ********** NOTE: some button styles were duplicated to fix issues with Event Cal Pro.
 ********** Those styles are on HWC > tribe-events > tribe-events.css.
 ********** Any changes made here may need to be refleced on that stylesheet as well.  **********/

 
.btn-default, .btn-gray {
    background-color: #FFF;
    color: var(--som-blue);
    border-radius: 0px;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .btn-default.dropdown-toggle,
.btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active, .open .btn-gray.dropdown-toggle {
    background-color: #fff;
    color: var(--som-blue);
    box-shadow: 0 0 0 3px #08446D, 0 0 0 6px #fff;
    outline: 3px solid transparent;
    outline-offset: 3px;
    border: 0;
}
.btn-default:active, .btn-default.active, .open .btn-default.dropdown-toggle,
.btn-gray:active, .btn-gray.active, .open .btn-gray.dropdown-toggle {
    background-image: none;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active,
.btn-gray.disabled, .btn-gray[disabled], fieldset[disabled] .btn-gray, .btn-gray.disabled:hover, .btn-gray[disabled]:hover, fieldset[disabled] .btn-gray:hover, .btn-gray.disabled:focus, .btn-gray[disabled]:focus, fieldset[disabled] .btn-gray:focus, .btn-gray.disabled:active, .btn-gray[disabled]:active, fieldset[disabled] .btn-gray:active, .btn-gray.disabled.active, .btn-gray[disabled].active, fieldset[disabled] .btn-gray.active {
    background-color: #FFF;
    border-color: #959595;
}

.btn-primary {
    color: #fff;
    background-color: var(--som-blue) !important;
    border: none;
    border-radius: 0;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .btn-primary.dropdown-toggle {
    color: #FFF;
    background-color: var(--som-blue) !important;
    border-color: #397CA9 !important;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #08446D;
    outline: 3px solid transparent;
    outline-offset: 3px;
}
.btn-primary:active, .btn-primary.active, .open .btn-primary.dropdown-toggle {
    background-image: none;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: var(--som-blue);
    border-color: #01304F;
    color: #FFF;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #08446D;
    outline: 3px solid transparent;
    outline-offset: 3px;
}
.btn-blue {
    color: #fff;
    background-color: var(--som-blue) !important;
    border-color: #01304F !important;
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .btn-blue.dropdown-toggle {
    color: #fff;
    background-color: var(--som-blue);
    border-color: #397CA9 !important;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #08446D;
    outline: 3px solid transparent;
    outline-offset: 3px;
}
.btn-blue:active, .btn-blue.active, .open .btn-blue.dropdown-toggle {
    background-image: none;
}
.btn-blue.disabled, .btn-blue[disabled], fieldset[disabled] .btn-blue, .btn-blue.disabled:hover, .btn-blue[disabled]:hover, fieldset[disabled] .btn-blue:hover, .btn-blue.disabled:focus, .btn-blue[disabled]:focus, fieldset[disabled] .btn-blue:focus, .btn-blue.disabled:active, .btn-blue[disabled]:active, fieldset[disabled] .btn-blue:active, .btn-blue.disabled.active, .btn-blue[disabled].active, fieldset[disabled] .btn-blue.active {
    background-color: var(--som-blue);
    border-color: #01304F;
    color: #FFF;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #08446D;
    outline: 3px solid transparent;
    outline-offset: 3px;
}

.btn-info {
    color: #FFF;
    background-color: #797825;
    border: none;
    border-radius: 0;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    color: #FFF;
    background-color: #797825 !important;
    border-color: #797825 !important;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #4b4b18;
    outline: 3px solid transparent;
    outline-offset: 3px;
}

.btn-warning {
    color: #fff;
    background-color: #a76704;
    border: none;
    border-radius: 0;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #a76704;
    border-color: #956E32;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #693f01;
    outline: 3px solid transparent;
    outline-offset: 3px;
}

.btn-warning:active, .btn-warning.active, .open .btn-warning.dropdown-toggle {
    background-image: none;
}
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
    background-color: #a76704;
    border-color: #452500;
    color: #FFF;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #693f01;
    outline: 3px solid transparent;
    outline-offset: 3px;
}
.btn-orange {
    color: #fff;
    background-color: #a76704;
    border-color: #452500;
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .btn-orange.dropdown-toggle {
    color: #fff;
    background-color: #a76704;
    border-color: #956E32;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #693f01;
}
.btn-orange:active, .btn-orange.active, .open .btn-orange.dropdown-toggle {
    background-image: none;
}
.btn-orange.disabled, .btn-orange[disabled], fieldset[disabled] .btn-orange, .btn-orange.disabled:hover, .btn-orange[disabled]:hover, fieldset[disabled] .btn-orange:hover, .btn-orange.disabled:focus, .btn-orange[disabled]:focus, fieldset[disabled] .btn-orange:focus, .btn-orange.disabled:active, .btn-orange[disabled]:active, fieldset[disabled] .btn-orange:active, .btn-orange.disabled.active, .btn-orange[disabled].active, fieldset[disabled] .btn-orange.active {
    background-color: #a76704;
    border-color: #452500;
    color: #FFF;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #693f01;
    outline: 3px solid transparent;
    outline-offset: 3px;
}

.btn-danger {
    color: #fff;
    background-color: #C70F0F;
    border: none;
    border-radius: 0;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #C70F0F;
    border-color: #A24646;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #8A0000;
    outline: 3px solid transparent;
    outline-offset: 3px;
}
.btn-danger:active, .btn-danger.active, .open .btn-danger.dropdown-toggle {
    background-image: none;
}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
    background-color: #C70F0F;
    border-color: #370000;
    color: #FFF;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #8A0000;
    outline: 3px solid transparent;
    outline-offset: 3px;
}
.btn-red {
    color: #fff;
    background-color: #C70F0F;
    border-color: #370000;
}
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open .btn-red.dropdown-toggle {
    color: #fff;
    background-color: #C70F0F;
    border-color: #A24646;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #8A0000;
    outline: 3px solid transparent;
    outline-offset: 3px;
}
.btn-red:active, .btn-red.active, .open .btn-red.dropdown-toggle {
    background-image: none;
}
.btn-red.disabled, .btn-red[disabled], fieldset[disabled] .btn-red, .btn-red.disabled:hover, .btn-red[disabled]:hover, fieldset[disabled] .btn-red:hover, .btn-red.disabled:focus, .btn-red[disabled]:focus, fieldset[disabled] .btn-red:focus, .btn-red.disabled:active, .btn-red[disabled]:active, fieldset[disabled] .btn-red:active, .btn-red.disabled.active, .btn-red[disabled].active, fieldset[disabled] .btn-red.active {
    background-color: #C70F0F;
    border-color: #370000;
    color: #FFF;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #8A0000;
    outline: 3px solid transparent;
    outline-offset: 3px;
}

.btn-success {
    color: #FFF;
    background-color: #15796A;
    border: none;
    border-radius: 0;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #15796A;
    border-color: #28786C;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #0b5247;
    outline: 3px solid transparent;
    outline-offset: 3px;
}
.btn-success:active, .btn-success.active, .open .btn-success.dropdown-toggle {
    background-image: none;
}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
    background-color: #15796A;
    border-color: #052722;
    color: #FFF;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #0b5247;
    outline: 3px solid transparent;
    outline-offset: 3px;
}
.btn-green {
    color: #fff;
    background-color: #15796A;
    border-color: #052722;
}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .btn-green.dropdown-toggle {
    color: #fff;
    background-color: #15796A;
    border-color: #28786C;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #0b5247;
    outline: 3px solid transparent;
    outline-offset: 3px;
}
.btn-green:active, .btn-green.active, .open .btn-green.dropdown-toggle {
    background-image: none;
}
.btn-green.disabled, .btn-green[disabled], fieldset[disabled] .btn-green, .btn-green.disabled:hover, .btn-green[disabled]:hover, fieldset[disabled] .btn-green:hover, .btn-green.disabled:focus, .btn-green[disabled]:focus, fieldset[disabled] .btn-green:focus, .btn-green.disabled:active, .btn-green[disabled]:active, fieldset[disabled] .btn-green:active, .btn-green.disabled.active, .btn-green[disabled].active, fieldset[disabled] .btn-green.active {
    background-color: #15796A;
    border-color: #052722;
    color: #FFF;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #0b5247;
    outline: 3px solid transparent;
    outline-offset: 3px;
}

.btn-link {
    background-color: #6c6c6c;
    border: none;
    color: #FFF;
    border-radius: 0px;
    font-weight: 700;
    cursor: pointer;
}
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    box-shadow: none;
    background-color: #6c6c6c;
    border-color: #222;
    color: #FFF;
    border-radius: 0px;
    font-weight: 700;
    cursor: pointer;
}
.btn-link:hover, .btn-link:focus, .btn-link:active {
    color: #FFF;
    background-color: #6c6c6c;
    border-color: #6c6c6c;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #404040;
    outline: 3px solid transparent;
    outline-offset: 3px;
}
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
    color: #FFF;
    background-color: #6c6c6c;
    border-color: #6c6c6c;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #404040;
}


/***************  Light Buttons  ***************/
.btn-default.btn-light {
    color: #000;
}
.btn-default.btn-light:hover, .btn-default.btn-light:focus, .btn-default.btn-light:active {
    box-shadow: 0 0 0 3px var(--som-blue), 0 0 0 6px #fff;
}
.btn-primary.btn-light {
    background-color: #E2EFF8 !important;
    border-color: #3b93d0 !important;
    color: #000;
}
.btn-primary.btn-light:hover, .btn-primary.btn-light:focus, .btn-primary.btn-light:active {
    box-shadow: 0 0 0 3px var(--som-blue), 0 0 0 6px #fff;
}
.btn-success.btn-light {
    background-color: #CEF3ED;
    border-color: #269788;
    color: #000;
}
.btn-success.btn-light:hover, .btn-success.btn-light:focus, .btn-success.btn-light:active {
    box-shadow: 0 0 0 3px #15796A, 0 0 0 6px #fff;
}
.btn-info.btn-light {
    background-color: #E8E7B5;
    border-color: #88862b;
    color: #000;
}
.btn-info.btn-light:hover, .btn-info.btn-light:focus, .btn-info.btn-light:active {
    background-color: #E8E7B5 !important;
    color: #000;
    box-shadow: 0 0 0 3px #797825, 0 0 0 6px #fff;
}
.btn-warning.btn-light {
    background-color: #ffecb9;
    border-color: #b08101;
    color: #000;
}
.btn-warning.btn-light:hover, .btn-warning.btn-light:focus, .btn-warning.btn-light:active {
    box-shadow: 0 0 0 3px #a76704, 0 0 0 6px #fff;
}
.btn-danger.btn-light {
    background-color: #FADBDB;
    border-color: #ce5e5e;
    color: #000;
}
.btn-danger.btn-light:hover, .btn-danger.btn-light:focus, .btn-danger.btn-light:active {
    box-shadow: 0 0 0 3px #C70F0F, 0 0 0 6px #fff;
}
.btn-link.btn-light {
    background-color: #EDEDED;
    border-color: #7e7e7d;
    color: #000;
}
.btn-link.btn-light:hover, .btn-link.btn-light:focus, .btn-link.btn-light:active {
    box-shadow: 0 0 0 3px #6c6c6c, 0 0 0 6px #fff;
}


/***************  Dark Buttons  ***************/
.btn-default.btn-dark {
    background-color: #FFF;
    border-color: #959595;
    color: #08446D;
}
.btn-default.btn-dark:hover, .btn-default.btn-dark:focus, .btn-default.btn-dark:active {
    box-shadow: 0 0 0 3px #08446D, 0 0 0 6px #fff;
}
.btn-primary.btn-dark {
    background-color: #08446D !important;
    color: #FFF;
    border-color: #5991b8 !important;
}
.btn-primary.btn-dark:hover, .btn-primary.btn-dark:focus, .btn-primary.btn-dark:active {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #08446D;
}
.btn-success.btn-dark {
    background-color: #0b5247; 
    border-color: #46a394;
    color: #FFF;
}
.btn-success.btn-dark:hover, .btn-success.btn-dark:focus, .btn-success.btn-dark:active {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #0b5247;
}
.btn-info.btn-dark {
    background-color: #4b4b18;
    border-color: #99994a;
    color: #FFF;
}
.btn-info.btn-dark:hover, .btn-info.btn-dark:focus, .btn-info.btn-dark:active {
    background-color: #4b4b18 !important;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #4b4b18;
}
.btn-warning.btn-dark {
    background-color: #693f01;
    border-color: #b68e54;
    color: #FFF;
}
.btn-warning.btn-dark:hover, .btn-warning.btn-dark:focus, .btn-warning.btn-dark:active {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #693f01;
}
.btn-danger.btn-dark {
    background-color: #8A0000;
    border-color: #c47777;
    color: #FFF;
}
.btn-danger.btn-dark:hover, .btn-danger.btn-dark:focus, .btn-danger.btn-dark:active {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #8A0000;
}
.btn-link.btn-dark {    
    background-color: #404040;
    border-color: #8a8a8a;
    color: #FFF;
}
.btn-link.btn-dark:hover, .btn-link.btn-dark:focus, .btn-link.btn-dark:active {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #404040;
}


 /**********  Search Button  **********/
 #search-button.search-submit {
    border: none;
    border-radius: 0;
    padding: 7px 12px;
}
#search-button.search-submit:hover,
#search-button.search-submit:focus,
#search-button.search-submit:active {
    background-color: #26282B !important;
    box-shadow: none;
    outline: none;
    outline-offset: 0;
}
#search-button.search-submit:focus-visible {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #257cb7;
    outline: 3px solid transparent;
    outline-offset: 3px;
}

/********** FOCUS-VISIBLE STYLES FOR BUTTON  **********/
/* .btn:focus-visible {
    box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #08446D;
    outline: 3px solid transparent;
    outline-offset: 3px;
    transition: outline .1s ease-out;
} */

/***************  Styles for buttons in the site footer  ***************/
footer.content-info a.btn {
    color: #FFF;
}
footer.content-info a.btn.btn-light {
    color: #000;
}
footer.content-info a.btn.btn-light:hover, footer.content-info a.btn.btn-light:focus, .footer.content-info a.btn.btn-light:active {
    color: #FFF;
}
footer.content-info a.btn-default {
    color: var(--som-blue);
}
footer.content-info a.btn-default:hover, footer.content-info a.btn-default:focus, footer.content-info a.btn-default:active {
    color: #FFF;
}
footer.content-info a.btn-default.btn-dark {
    color: #08446D;
}
footer.content-info a.btn-default.btn-dark:hover, footer.content-info a.btn-default.btn-dark:focus, footer.content-info a.btn-default.btn-dark:active {
    color: #FFF;
}




/**********  ALERT BOXES  **********/

.alert-warning {
    color: #5A4826;
}

.panel-info a {
    color: #13294b;
}

/**********   Image Border Styles    **********/
span.imageBorder img, 
img.imageBorder {
    border: 1px solid #323232;
}

span.dropShadow, span.img-rounded, span.img-circle, span.img-polaroid {
    display: inline-block;
}

span.img-circle img,
img.img-circle {
    border-radius: 500px;
}

span.img-polaroid img,
img.img-polaroid {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

span.img-rounded img,
img.img-rounded {
    border-radius: 6px;
}

span.dropShadow img,
img.dropShadow {
    margin-bottom: .5em;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
}

/**********   End Image Border Styles    **********/