/**********************************************
GLOBAL STYLES USE
===========================================
Fonts and colors are considered "global
styles" because if they need to be changed,
it would make sense to change them for the
whole website. Everything else should be in
a token (specific to a function/feature) or
in a template (specific sections or depts.).
Ctrl + F to find:
- FONT STYLES
- GLOBAL COLORS
**********************************************/
body {
margin: 0;
font-family: 'PT Serif', serif;
font-size: 18px; /*1.2rem;*/
font-weight: 400;
line-height: 1.5; /*all fonts default to this line height*/
color: #061939 !important; /*Navy for all text, by default*/
background-color: #fff !important; /*White background*/
}
/***********************
GLOBAL FONT STYLES
***********************/
h1 {font-family: 'Montserrat', sans-serif !important; font-size: 2.5rem;} /*Title - Modern Font*/
h2 {font-family: 'Montserrat', sans-serif !important; font-size: 2rem;} /*Headding - Modern Font*/
h3 {font-family: 'Montserrat', sans-serif !important; font-size: 1.75rem;} /*Subheadding - Modern Font*/
#LeftContentArea h1 {font-family: 'Montserrat', sans-serif !important; color: #446f97;} /*non-special use content area headers*/
#LeftContentArea h2 {font-family: 'Montserrat', sans-serif !important; color: #446f97;} /*non-special use content area headers*/
#LeftContentArea h3 {font-family: 'Montserrat', sans-serif !important; color: #446f97;} /*non-special use content area headers*/
h4 {font-family: 'PT Serif', serif !important;} /*Mission - Book Font*/
h5 {font-family: 'PT Serif', serif !important;} /*Regular Text - Book Font | ALSO SEE BUTTON SECTION*/
#LeftContentArea h5 {font-family: 'PT Serif', serif !important; color: #446f97;} /*non-special use content area headers*/
h6 {font-family: 'PT Serif', serif !important;} /*Small Text - Book Font*/
#LeftContentArea h6 { /*Highlight Important Text*/
font-family: 'PT Serif', serif !important;
font-size: 1rem;
color: #000000 !important;
padding: 10px !important;
border-left: 10px solid #446f97;
margin: 0;
background-color: #ededed !important;
font-weight: normal !important;
}
#LeftContentArea a {color: #c54b38; text-decoration: none;} /*rust*/
p {font-family: 'PT Serif', serif; /*font-size: 1.2rem;*/} /*Book Font*/
p>a {color: #c54b38 !important;} /*p tags that are hyperlinked will be red*/
.modern-font { font-family: 'Montserrat', sans-serif !important; }
.block-font { font-family: 'Montserrat', sans-serif !important; text-transform: uppercase !important; }
.book-font { font-family: 'PT Serif', serif !important; }
.book-italic { font-family: 'PT Serif', serif !important; font-style: italic; }
.mission-quote {
font-family: 'PT Serif', serif !important;
font-size: 1rem;
line-height: 1.5 !important;
color: #000000 !important;
padding: 20px !important;
border-left: 10px solid #ccc;
margin: 20px 0 40px 40px !important;
background-color: #ededed !important; /*grey*/
font-weight: normal !important;
}
/*Mission Statement in Modern Font*/
#LeftContentArea h4 {
font-family: 'PT Serif', serif !important;
font-size: 1rem;
line-height: 1.5 !important;
color: #000000 !important;
padding: 20px !important;
border-left: 10px solid #c54b38; /*rust instead of #ccc*/
margin: 20px 0 40px 40px !important;
background-color: #ededed /*#edece873*/ !important; /*grey*/
font-weight: normal !important;
}
/*Make navy text/link turn the accent blue on-hover*/
.dk-lt-link { color: #061939; text-decoration: none !important; } /*navy text*/
.dk-lt-link:hover { color: #446f97; text-decoration: none !important;} /*accent blue text*/
a .dk-lt-link:hover { color: #446f97; text-decoration: none !important;}
/*THIS IS THE DEFAULT - USE TO OVERRIDE IF NEEDED - Make accent blue text/link turn navy on-hover*/
.blue-to-navy { color: #446f97; text-decoration: none !important; } /*blue accent text*/
.blue-to-navy:hover { color: #061939; text-decoration: none !important; } /*navy text*/
a .blue-to-navy:hover { color: #061939; text-decoration: none !important; }
/*Make blue text turn white on hover for buttons, etc.*/
.blue-to-white { color: #446f97; text-decoration: none !important; } /*blue accent text*/
.blue-to-white:hover { color: #fff; text-decoration: none !important; } /*white text for a dark bg*/
a .blue-to-white:hover { color: #fff; text-decoration: none !important; }
/*Make rust text turn white on hover for icons, etc.*/
.rust-to-white { color: #c54b38; text-decoration: none !important; } /*blue accent text*/
.rust-to-white:hover { color: #fff; text-decoration: none !important; } /*white text for a dark bg*/
a .rust-to-white:hover { color: #fff; text-decoration: none !important; }
/*Make white text/link turn grey on-hover*/
.white-to-grey { color: #fff; text-decoration: none !important; } /*beige text*/
.white-to-grey:hover { color: #ededed; text-decoration: none !important; } /*white text*/
a .white-to-grey:hover { color: #ededed; text-decoration: none !important; }
/*ANY COLOR hover to white for dark BGs*/
.hover-to-white-txt { text-decoration: none !important; } /*any color text*/
.hover-to-white-txt, i:hover { color: #fff; text-decoration: none !important; } /*white text*/
a .hover-to-white-txt:hover { color: #fff; text-decoration: none !important; }
/*section off text with a horizontal rule*/
hr {
border-top: 1px solid #ededed !important;
}
/***********************
GLOBAL COLORS
***********************/
.white-txt {color: #fff !important;} /*text in nav*/
.grey-txt {color: #ededed !important;} /*Title/Header bar, Contact us block, Event title bg bar, Arrow button bg, Inner quicklinks bg*/
.rust-txt {color: #c54b38 !important;} /*Home quicklinks bar, accent icons, Event dates, Floating bar, Contact icons*/
.blue-txt {color: #446f97 !important;} /*Main Nav bar, Featured Item caption bar, *Most Titles/Headers, Related Pages bar*/
.navy-txt {color: #061939 !important;} /*p-tag text color*/
.white-bg {background-color: #fff !important;} /* */
.grey-bg {background-color: #ededed !important;} /* */
.rust-bg {background-color: #c54b38 !important;} /* */
.blue-bg {background-color: #446f97 !important;} /* */
.navy-bg {background-color: #061939 !important;} /* */
/*on hover BG colors*/
.white-to-rust-bg {background-color: #fff !important;} /*buttons*/
.white-to-rust-bg:hover {color: #fff !important; background-color: #c54b38 !important; cursor: pointer;}
/*on hover BG colors*/
.white-to-grey-bg {background-color: #fff !important;} /*buttons*/
.white-to-grey-bg:hover {color: #fff !important; background-color: #ededed !important; cursor: pointer;}
/***********************
GLOBAL BUTTONS
***********************/
#LeftContentArea h5>a {
display: inline-block;
font-family: 'Montserrat', sans-serif !important;
font-weight: 400;
font-size: 1.2rem;
color: #fff !important;
text-transform: capitalize;
background-color: #446f97;
border-radius: 5px;
padding: 10px;
line-height: 1.2; }
#LeftContentArea h5>a:hover {
color: #fff;
background-color: #c54b38;
text-decoration: none;
}
/*return to calendar BTN*/
tr.q-event-row.q-event-row-return td a {
padding: 5px 8px;
color: #fff !important;
background-color: #446f97;
border-radius: 3px;
line-height: 3; }
tr.q-event-row.q-event-row-return td a:hover {
color: #446f97 !important;
background-color: #fff;
border: 2px solid #446f97;
border-radius: 3px; }
/***********************
GLOBAL LISTS
***********************/
#LeftContentArea ul {
font-family: 'PT Serif', serif;
list-style: none; /* Remove default bullets */
}
#LeftContentArea ul li::before {
content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
color: #446f97; /* Change the color to accent blue */
font-weight: bold; /* Make it bold */
display: inline-block; /* Needed to add space between the bullet and the text */
width: 1em; /* Also needed for space (tweak if needed) */
margin-left: -1em; /* Also needed for space (tweak if needed) */
}
/*exclude file browsers*/
#LeftContentArea ul.FB_FileListUL li::before {
content: none;
}
/*add a bit of margin between bulletted list items*/
#LeftContentArea li {
margin-bottom: 10px;
}
/***********************
GLOBAL CONTAINERS
***********************/
.white-rounded-container { /*for main content containers*/
background-color: #fff;
border-radius: 3px;
min-height: 350px;
}
.rounded-container { /*for buttons or any content containers*/
border-radius: 3px;
}
.drop-shadow {
padding: 8px;
/*box-shadow: 2px 2px 5px #0000002e;*/
box-shadow: 2px 2px 8px #80808063;
}
/*notes for staff that remove in the browser*/
.remove-this {
color: #fff;
line-height: 1.3;
}
/*basic table with no borders that just allows a hover color*/
.simple-table thead tr:hover {
background-color: #fff;
}
.simple-table tr:hover {
background-color: #ededed; /*grey*/
}
/***********************
GLOBAL INNERPAGE LINKS
***********************/
/*example for list: */
.department-topnav ul { padding: 0; margin: 0; }
/*on the li, this will turn a list into a row for buttons or links*/
.department-topnav li { display: inline-block; }
.department-topnav a {
background-color: #ededed;
text-decoration: none;
padding: 10px 15px;
line-height: 3;
margin: 5px;
border-radius: 3px;
text-align: center;
}
.department-topnav a:hover { background-color: #eee; color: #061939 !important; text-decoration: none !important; }
/*inpage link buttons*/
.navy-btn { /*navy btn with white text turns the accent blue on-hover*/
background-color: #061939;
color: #fff;
padding: 5px 10px;
margin: 5px;
border-radius: 3px;
text-align: center;
text-transform: capitalize;
font-weight: 500;}
.navy-btn:hover { background-color: #0161a6;} /*accent blue text*/
a .navy-btn:hover { background-color: #0161a6;}
/***********************
GLOBAL SUBPAGE NAV
***********************/
/*style for the "Contact Us" right column section*/
#contact-sidebar p {
line-height: 2;
margin: 0;
}
#contact-sidebar i {
width: 45px;
height: 45px;
text-align: center;
color: #dcc7aa !important;
padding: 10px;
line-height: 1;
border-style: solid;
border-width: 2px;
border-radius: 50%;
border-color: #dcc7aa;
margin: 0 10px 10px 0;
}
#contact-sidebar a {
color: #edece8 !important;
font-family: 'Montserrat', sans-serif !important;
line-height: 2;
font-size: 1.2rem;
}
@media (max-width: 767.98px) {
#contact-sidebar a {
padding-left: 10px;
}
}
/*styles the reusable token that allows customers to choose a folder tree for internal navigation*/
/*SUBNAV | Best used for short lists that have sub-folders*/
#SubNav { /*position: absolute;*/ }
.dropdownSUB {
position: absolute;
cursor: pointer;
color: #446f97; /*accent color*/ }
.dropdownSUB:hover { color: #061939; /*navy*/ }
.SUBOptions {
position: relative;
/*position: absolute;
left: 200px;
background-color: #0161a6;
border-radius: 3px;*/
cursor: pointer;
z-index: 200000;
}
.SUBOptions td {
color: #fff;
background-color: #446f97; /*accent color*/
padding: 5px 0 5px 10px; }
.SUBOptions td:hover { color: #ededed; }
.MenuIteminternal-page-subnav tr {
color: #fff;
background-color: #061939; /*navy*/
border-radius: 3px;
cursor: pointer;
padding: 0 0 0 20px;
font-family: 'PT Serif', serif !important;
/*font-size: 1.3rem;*/
font-size: 1.1rem;
text-transform: capitalize;
line-height: 2;
z-index: 200000;
}
.MenuItemOverinternal-page-subnav tr {
color: #fff;
background-color: #446f97; /*accent color*/
border-radius: 3px;
cursor: pointer;
padding: 0 0 0 20px;
font-family: 'PT Serif', serif !important;
/*font-size: 1.3rem;*/
font-size: 1.1rem;
text-transform: capitalize;
line-height: 2;
z-index: 200000;
}
/*LIST style for the "Boards & Commissions" section token*/
.MenuGroupinternal-page-listnav {
color: #446f97;
width: 100%;
margin: auto;
cursor: pointer;
font-family: 'PT Serif', serif !important;
text-transform: capitalize;
line-height: 1.5;
}
.MenuGroupinternal-page-listnav tr {
display: inline;
}
#ListNav td {
cursor: pointer;
padding: 5px;
line-height: 2;
}
.MenuItemOverinternal-page-listnav td { color: #061939; }
/*BLOCK style navigation for Departments*/
#BlockNav { background-color: #446f97; /*accent color*/ }
#BlockNav:hover { background-color: #c54b38; /*rust color*/ }
.dropdownBLOCK {
cursor: pointer;
color: #ffffff;
}
.dropdownBLOCK h5:hover { color: #ededed; /*grey*/ }
.BLOCKOptions {
position: absolute;
top: 40px;
width: 100%;
}
#BlockNav tr {
display: inline; /*floats them in a row instead of stacked*/
}
#BlockNav td {
display: inline-block;
cursor: pointer;
padding: 5px;
}
.rotate-180:hover { transform: rotate(180deg); } /*used to rotate icons on hover*/
.MenuGroupinternal-page-blocknav {
position: relative;
color: #446f97; /*accent color*/
width: 100%;
margin: auto;
background-color: #ededed; /*grey*/
border-radius: 10px;
border: 3px solid #c54b38; /*rust color*/
cursor: pointer;
font-family: 'PT Serif', serif !important;
font-size: 1.2rem;
text-transform: uppercase;
line-height: 1.5;
box-shadow: 2px 2px 8px #80808063;
z-index: 200000;
}
.MenuGroupinternal-page-blocknav tr {
display: inline;
}
#BlockNav td {
cursor: pointer;
padding: 5px;
line-height: 2;
}
.MenuItemOverinternal-page-blocknav td { color: #061939; }
/***********************
GLOBAL CONTACT SIDE
***********************/
#RightContentArea i {
width: 45px;
height: 45px;
text-align: center;
color: #c54b38 !important;
padding: 10px;
line-height: 1;
border-style: solid;
border-width: 2px;
border-radius: 50%;
border-color: #c54b38;
margin: 0 10px 10px 0;
}
#RightContentArea a {
color: #446f97 !important;
}
/*images pasted via the editor into the RIGHT COLUMN
#RightContentArea img {
width: 100% !important;
height: auto;
margin: 0 0 15px 0;
border-radius: 5px;
}
#RightContentArea img {
width: 100% !important;
max-height: 350px;
margin: 0 0 15px 0;
border-radius: 5px;
vertical-align: middle;
border-style: none;
object-fit: cover;
object-position: 0 10%;
}*/
#RightContentArea img {
width: auto !important;
max-width: 100%;
max-height: 350px;
margin: 0 0 15px 0;
border-radius: 5px;
vertical-align: middle;
border-style: none;
object-fit: cover;
object-position: 0 10%;
}
/***********************
GLOBAL EDITOR IMAGES
***********************/
/*images pasted via the editor into the MAIN LEFT COLUMN*/
#LeftContentArea img {
/*width: 100%;*/
/*min-width: 100px;*/
/*max-width: 500px;
display: inline-block;
float: left;*/
/*margin: .5rem 2rem;*/
border-radius: 5px;
/*padding: .5rem 2rem;*/ }
/*Small devices (landscape phones, less than 768px)*/
.photo-block {
width: 100%;
max-width: 450px;
border-radius: 5px;
padding: .5rem 2rem; }
@media (max-width: 767.98px) { .photo img { padding: 2rem 0; } }
.photo-inline {
width: 100%;
max-width: 450px;
display: inline-block;
float: left;
border-radius: 5px;
padding: .5rem 2rem; }
@media (max-width: 767.98px) { .photo img { padding: 2rem 0; } }
.photo-full-width {
width: 100%;
border-radius: 5px; }
@media (max-width: 767.98px) { .photo img { padding: 2rem 0; } }
#PhotoWall img {
height: 200px !important;
}
/***********************
GLOBAL FILE BROWSER
***********************/
/*styles the built-in file browser with dropdowns and icons*/
#FB_AP h2 {
font-size: 1.2rem !important;
padding: 15px 10px !important;
}
#FB_FB_APPanel img {
width: auto !important;
padding: 5px 8px !important;
}
#FB_FB_APPanel ul {
list-style: none;
}
/*the token adds a "sorted from ___ folder" label that can be removed*/
/*TOKEN: QTICONTENT_FILEBROWSER ID="NoLabel" FolderID="45254" UseScriptManager="True" FileSort="Title" FileSortDirection="ASC" Include="" Exclude=""## */
#NoLabel_AP h2 { display: none; }
#NoLabel_AP span { display: none; } /*removes both the h2 and the "uploaded on" date*/
#NoLabel_AP .FB_Footer { display: none; } /*removes disclaimer on time stamping*/
#FB_FileListUL LI DIV SPAN {
display:none;
}
.FolderPreText {
display:none;
}
ul.FB_FileListUL span {
display: none;
}
.FB_Footer {
display: none;
}
/*spacing between folder dropdowns/categories*/
#NoLabel_D select {
margin: 2px;
}
/***********************
GLOBAL CALENDAR
***********************/
table.LARGECAL_STYLE {
border: 2px solid #446f97 !important;
color: #446f97 !important;
}
table.LARGECAL_TITLE {
font-family: 'Montserrat', sans-serif !important;
color: #fff !important;
background-color: #446f97 !important;
}
td.LARGECAL_NEXTPREV {
padding: 15px !important;
}
span.q-event-data h2 {
font-size: 1.3rem;
/* color: #446f97; */
}
/*using StyleSet="blue-cal"*/
table.blue-cal_TITLE {
font-family: 'Montserrat', sans-serif !important;
color: #fff !important;
background-color: #446f97 !important;
}
td.blue-cal_NEXTPREV {
padding: 15px !important;
}
span#ctl82_C {
width: 100%;
}
/*see button styles section for "return to calendar" button style*/
/***********************
GLOBAL FEEDS
***********************/
.NEWS_FEED_DISPLAY_TABLE {
margin-left: 2rem;
}
.NEWS_FEED_DISPLAY_ROW_TITLE {
background-color: #ededed;
line-height: 2;
margin: 0 0 10px;
padding: 5px 15px;
}
a.NEWS_FEED_DISPLAY_LINK_TITLE {
color: #446f97 !important;
}
a.NEWS_FEED_DISPLAY_LINK_ARCHIVE {
float: right;
}
.NEWS_FEED_DISPLAY_DETAILS_TITLE {
color: #446f97;
font-family: 'Montserrat', sans-serif !important;
font-size: 1.75rem;
margin-top: 0;
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2;
}
/***********************
BOOTSTRAP OVERRIDES
***********************/
/*Image Gallery Style*/
.card-gallery {
position: relative;
height: 200px;
background-color: #dcc7aa !important;
border: 0;
border-radius: 3px;
}
.card-img-top-gallery {
position: absolute;
height: 100%;
object-fit: cover;
overflow: hidden;
object-position: 50%;
}
.card-body-gallery {
position: relative;
background-color: #ededed;
text-align: center;
padding: 1.25rem;
opacity: 0;
transition: .5s ease;
}
.card-text-gallery {
height: 120px;
overflow: hidden;
}
/***********************
ALERT BAR OVERRIDES
***********************/
/*#EmergencyAlert {
position: absolute;
width: 100%;
margin: auto;
top: 80px !important;
z-index: 5000 !important;
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0 !important;
}*/
/***********************
SCROLL BAR OVERRIDES
***********************/
/* width */
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background-color: #ededed; /*grey*/
/*box-shadow: inset 0 0 5px grey;*/
border-radius: 3px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background-color: #446f97;
border-radius: 3px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #c54b38;
}