/**********************************************
              GLOBAL STYLES USE
  ===========================================
  Fonts, colors & style 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
  - GLOBAL BREADCRUMBS
  - GLOBAL BUTTONS
  - GLOBAL IMAGES
  - NEWS FEEDS
  - GLOBAL TABLES
  - GLOBAL FILE BROWSER
  - GLOBAL LISTS (UL/OL/QNotify)
  - GLOBAL CALENDARS
  - SCROLL BAR OVERRIDES
  - INTRANET LOG-IN PAGES
**********************************************/

body {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5; /*all fonts default to this line height*/
    color: #000;
    background-color: #fff;
    }
a.q-cp-live-edit { top: 50px; z-index: 800000; } /*edit button*/
:focus { box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, .0001/*245,245,245, 0.8*/) !important;   }
p.remove-this { display: none !important; } /*remove notes in the editor left for staff*/
iframe[src*='//www.youtube.com'] { width: 100%; max-width: 500px; border: none; } /*creates responsive Youtube videos embeds; new button in editor*/
iframe[src*='//www.vimeo.com'] { width: 100%; max-width: 500px; border: none; } /*creates responsive Vimeo videos embeds; new button in editor*/
iframe { width: 100%; border: 2px dotted #7e622d; }/*prevents general embeds from breaking containers*/
iframe[src*='/filestorage'] { width: 100%; max-width: 850px; height: 1200px; border: 2px dotted #7e622d; } /*prevents document embeds [pdfs] from breaking containers*/
table { overflow-x:auto; }
#content {	min-height: 80vh;	}/*pushes the footer down to the bottom on short pages*/ @media (max-width: 999px) {	main#content {	min-height: auto;	} }


/*****************************
	Font Families
******************************
//font-family: 'Poppins', sans-serif;
//headdings: Semi-bold 600, uppercase
//normal: Regular 400, sentence case

/*****************************
	GLOBAL FONT STYLES
******************************/
h1 {
  font-family: 'Poppins', sans-serif;
  color: #7e622d;
  font-weight: 600;
  font-size: 2.5rem;
  text-transform: uppercase;
  margin: 1rem 0 0 0;}  /*Title*/
h2 {
  font-family: 'Poppins', sans-serif;
  color: #7e622d;
  font-weight: 600;
  font-size: 2rem;
  margin: 2rem 0 0 0;}  /*Headding*/
h3 {
  font-family: 'Poppins', sans-serif;
  color: #7e622d/*#372e2c*/;
  font-weight: 600;
  font-size: 1.75rem;
  margin: 2rem 0 0 0;}  /*Subheadding*/
h4 {
  font-family: 'Poppins', sans-serif;
  color: #fff;
  font-weight: 400;
  font-size: 1.2rem;
  padding: 2rem;
  line-height: 1.8;
  margin: 1rem 0;
  background-color: #000;
  }
h5 {
  font-family: 'Poppins', sans-serif;
  color: #372e2c/*#000*/;
  font-weight: bold;
  font-size: 1.25rem;
  }
  /*see "GLOBAL BUTTONS" for hyperlinked version of h5*/
h6 {
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    font-style: italic;
    color: #372e2c;
    padding: 10px;
    margin: 0;
    background-color: #f0e78f4a;
    font-weight: normal;	} /*Legal Line*/
p {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  }
p>a {
  color: #7e622d;
  font-weight: 600;
  text-decoration: none; }
  p>a:hover { color: #372e2c; font-weight: 600; text-decoration: none; /*font-style: italic;*/}
a {
  color: #7e622d;
  font-weight: 600;
  text-decoration: none; }
  a:hover { color: #372e2c; font-weight: 600; text-decoration: none; /*font-style: italic;*/}
hr {
    margin: 2rem 0;
    border: 0;
    border-top: 1px solid #cfae1e;
  }

/***********************
  GLOBAL COLORS
***********************/
.text-highlight {color: #e1d255;}
.text-gold {color: #cfae1e;}
.text-brass {color: #7e622d;}
.text-charcoal {color: #372e2c;}
.text-black {color: #000;}

.bg-white {background-color: #fff;}
.bg-clay {background-color: #f5f5f5;}
.bg-brass {background-color: #7e622d;}
.bg-charcoal {background-color: #372e2c;}

.drop-shadow { box-shadow: 2px 2px 8px #04040463; }


/***********************
  GLOBAL BREADCRUMBS
***********************/
/*styles the string of links as a clickable buttons
a.BREADCRUMB_LINK {
    font-family: 'Poppins', sans-serif;
    color: #372e2c;
    font-weight: 400;
    font-size: 0.8rem;
    border: 1px solid transparent;
	background-color: #f5f5f5;
    padding: 0.5rem;
    margin-right: 0.5rem;
}
a.BREADCRUMB_LINK::after {
    content: url(/data/layout/images/caret-right-fill-gold.svg);
    padding: 0 0 0 0.3rem;
    vertical-align: middle;
}
.BREADCRUMB_TEXT {
    display: none;
}
*/
a.BREADCRUMB_LINK {
    font-family: 'Poppins', sans-serif;
    color: #372e2c;
    font-weight: 400;
    font-size: 0.8rem;
    border: 1px solid transparent;
    padding: 5px;	}
    a.BREADCRUMB_LINK:hover {
        color: #7e622d;
        border: 1px solid #7e622d;
		background-color: #f5f5f5;
    }

.BREADCRUMB_TEXT {
    font-family: 'Poppins', sans-serif;
    color: #372e2c;
    font-weight: 400;
    font-size: 0.8rem;
	}
span.BREADCRUMB_TEXT:last-of-type { display: none; } /*removes redundant page title from breadcrumb*/
span.BREADCRUMB_TEXT:nth-last-of-type(2) { display: none; } /*removes cliff-hanger ">>" at the end of the new breadcrumb*/


/***********************
  GLOBAL BUTTONS
***********************/
button {
    background: none;
    display: inline-block;
    border: none;
    padding: 0;
}
button > a {
    display: inline-block;
    margin: 0.5rem 0;
    padding: 0.5rem;
    color: #fff;
    background-color: #7e622d;
    border: 2px solid transparent;
    margin-top: 1rem;
}
button > a:hover {
    color: #7e622d;
    background-color: #fff;
    border: 2px solid #7e622d;
}

h5>a {
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
    text-align: center;
    color: #fff;
    background-color: #7e622d; /*bronze*/
	border: 2px solid #7e622d;
    text-decoration: none;
    text-transform: capitalize;
    padding: 12px 20px;
    margin: 0 5px 5px 0;
    line-height: 1.2;	}
    h5>a:hover {
        color: #7e622d; /*bronze*/
		font-weight: 400;
		border: 2px solid #7e622d;
        background-color: #f5f5f5;
        text-decoration: none;
    }

/*return to calendar BTN*/
tr.q-event-row.q-event-row-return td a {
    padding: 10px;
    color: #fff !important;
	width: auto;
    background-color: #7e622d;
	border: 2px solid #7e622d;
    border-radius: 3px;
    /*line-height: 3;*/ }
    tr.q-event-row.q-event-row-return td a:hover {
        color: #7e622d !important;
        background-color: #fff;
        border: 2px solid #7e622d;
        border-radius: 3px; }

/***********************
  GLOBAL IMAGES
***********************/
/*ALL DIVISION TEMPLATE BANNERS*/
.page-banner-image img {
    width: 100%;
    max-height: 350px;
    vertical-align: middle;
    border-style: none;
    object-fit: cover;
}

.page-banner-caption a {
    position: absolute;
    text-decoration: none;
    bottom: 20px;
    right: 20px;
    color: #fff;
    padding: 10px 15px 5px 10px;
    text-shadow: 0 2px 3px #000;	}
    .page-banner-caption a:hover {
      background-color: #343a40;
      border-radius: 5px;
      }
  
.page-banner-caption i {
    color: #fff;
    margin: 0 10px;
  }

p.page-slide-description {
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 10px;
    border-radius: 3px;
    background-color: #00000063;
}
  
.title-BG {  overflow: hidden;  }
  
#PageTitle {
    position: absolute;
    top: 35%;
    left: 30%;
    width: 100%;
    text-align: center;
    box-shadow: 2px 2px 8px #80808063;
    background-color: #ffffffe0;
}
#PageTitle h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    color: #7e622d;
    font-size: 2.5rem;
    font-weight: bold;
    padding: 1rem;
    margin: auto;
}
  
 
/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  #PageTitle h2 {
    font-size: 2rem;
    }
  
  h2 {
    padding: 0;
    font-size: 1.5rem;	}
  
  h3 {
    font-size: 1.4rem;
	}

  .banner-image {
    max-height: none;
    overflow: unset;
	}
  .banner-caption {
    display: none;
	}
 }
  
/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
	/*#PageTitle { bottom: 20%;	}*/
    #PageTitle h2 {	
      font-size: 1rem;
      /*padding: 2rem 10px;*/
  }
}
  
/*still in use???*/
.banner-style {
    margin: 180px 0 0 0;
    position: relative;
    padding: 0;
    max-height: 540px;
    width: 100%;
    overflow: hidden; }
    @media (max-width: 1000px) {
     .banner-style { margin: 0; }
      }
.banner-style img {
  max-height: 500px;
  width: 100%;
  vertical-align: middle;
  border-style: none;
  object-fit: cover; }


/*images pasted via the editor into the MAIN LEFT COLUMN*/
  #LeftContentArea img { border-radius: 5px; width: auto !important; max-width: 600px; }
	@media (max-width: 767.98px) {
            #LeftContentArea img {
                display: block;
                float: none !important;
                width: auto !important;
                max-width: 100% !important;
                margin: 2rem auto;
                border-radius: 5px;	  }			}
  #PhotoWall img { height: 200px !important; }


/*images pasted via the editor into the RIGHT COLUMN*/
#RightContentArea img {
    width: auto !important;
    height: auto;
    max-height: 350px;
    max-width: 100%;
    margin: 0 0 15px 0;
    border-radius: 5px;
    vertical-align: middle;
    border-style: none;
    object-fit: cover;
}

/*EDITOR ACCESS TO STYLE IMAGES*/
#LeftContentArea IMG[style*="float: left"] {
    width: auto;
    max-width: 350px;
    display: inline-block;
    float: left;
    border-radius: 5px;
    margin: .5rem 2rem .5rem 0;
    padding: 0;	}
	@media (max-width: 767.98px) { 	#LeftContentArea IMG[style*="float: left"] {display: block; margin: 2rem auto; float: none; max-width: auto;} }
  
#LeftContentArea IMG[style*="float: right"] {
    width: auto;
    max-width: 350px;
    display: inline-block;
    float: right;
    border-radius: 5px;
    margin: .5rem 0 .5rem 2rem;
    padding: 0;	}
	@media (max-width: 767.98px) { 	#LeftContentArea IMG[style*="float: right"] {display: block; margin: 2rem auto; float: none; max-width: auto;} }

#LeftContentArea IMG[style*="vertical-align: middle"] {
	width: 100% !important;
    max-width: 100%;
    margin: 1.5rem auto;
    display: block;
    border-radius: 5px;	}
	@media (max-width: 767.98px) { 	#LeftContentArea IMG[style*="VERTICAL-ALIGN: middle"] {display: block; margin: 2rem auto;} }

#LeftContentArea IMG[style*="vertical-align: text-bottom"] {
    max-width: 350px;
    display: block;
    border-radius: 5px;
    margin: .5rem auto;
    padding: 0;	}
	@media (max-width: 767.98px) { 	#LeftContentArea IMG[style*="vertical-align: text-bottom"] {display: block; margin: 2rem auto; max-width: auto;} }




/***********************
  NEWS FEEDS
***********************/
#LeftContentArea .news-feed {
    width: 100%;
    max-height: 100%;
    overflow: unset;
}
#LeftContentArea a.NEWS_FEED_DISPLAY_LINK_TITLE {
    display: block;
    color: #000;
	font-weight: 400;
    background-color: #f5f5f5;
	border: 2px solid transparent;
    padding: 0.5rem;
    margin-top: 1rem;
    width: 100%;
    text-transform: none;	}
    #LeftContentArea a.NEWS_FEED_DISPLAY_LINK_TITLE:hover {
        color: #7e622d;
        background-color: #fff;
		border: 2px solid #7e622d;	}

#LeftContentArea a.NEWS_FEED_DISPLAY_LINK_TITLE::before {
    content: url(/data/layout/images/caret-right-fill-gold.svg) / "arrow right";
    padding: 0 0.5rem 0 0;
	vertical-align: middle;
}

/*the title of an individual feed item*/
#LeftContentArea span.NEWS_FEED_DISPLAY_DETAILS_TITLE {
    color: #7e622d;
    font-size: 1.3rem;
    font-weight: 600;
    border-bottom: 2px solid #cfae1e;
    width: 100%;
    display: block;
    padding: 1rem 0 0.5rem 0;
    margin: 0 0 0.5rem 0;
}

/*QCONTENT GENERATED FEED TOKEN*/
/*remove default RSS button if generated token is used*/
#LeftContentArea a.NEWS_FEED_DISPLAY_ROW_HEADER_RSS {	display: none;	}
#LeftContentArea a.NEWS_FEED_DISPLAY_RSS {	display: none;	}

/*style archive button if generated token is used**/
#LeftContentArea a.NEWS_FEED_DISPLAY_LINK_ARCHIVE {
    color: #fff;
    display: inline-block;
    padding: 1rem;
    background-color: #7e622d;
    border: 2px solid transparent;
    /*border-radius: 2px;*/
    margin-top: 1rem;	}
    #LeftContentArea a.NEWS_FEED_DISPLAY_LINK_ARCHIVE:hover {
        color: #7e622d;
        background-color: #fff;
        border: 2px solid #7e622d;	}


/***********************
  GLOBAL TABLES
***********************/
/*Bootstrap pagionated tables*/
.table tbody tr:hover {
    background-color: #f5f5f5;
}
table a {
    display: inline-block;
    color: #7e622d; /*color: #000;*/
    font-weight: 400;
    width: 100%;	}
    table a:hover {
        display: inline-block;
        color: #7e622d;
        font-weight: 400;	}

/*pagination controls*/
#LeftContentArea ul.pagination li {/*over-rides ul settings for content area*/
    padding: 0;
}
ul.pagination a {
    color: #7e622d;	}
    ul.pagination a:hover {
        color: #fff; 
		background-color: #7e622d; 
		border: 1px solid #7e622d;	}

ul.pagination .active .page-link {
    background-color: #7e622d;
    border: 1px solid #7e622d;
}
.page-list button {
	color: #fff;
    background-color: #7e622d;	}
    .page-list button:hover {
        color: #7e622d;
        background-color: #f5f5f5;	}

.page-list button.btn.btn-secondary.dropdown-toggle {
    color: #7e622d;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}
.page-list a.dropdown-item {
    color: #7e622d;	}
    .page-list a.dropdown-item:hover {
        color: #7e622d;
        background-color: #f5f5f5;
    }


/*GENERIC EDITOR TABLES*/
table {
    width: 100%;
}
table th {
    vertical-align: middle;
    box-sizing: border-box;
}
table tr {
    vertical-align: middle;
    box-sizing: border-box;
}
table tbody tr:hover {
    background-color: #f5f5f5;
}
table td {
    padding: 0.5rem;
}
table a {
    display: inline-block;
    color: #7e622d; /*color: #000;*/
    font-weight: 400;
    width: 100%;	}
    table a:hover {
        display: inline-block;
        color: #7e622d;
        font-weight: 400;	}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
    table td { display: table-row; line-height: 1.6; }
    table tr { border-bottom: 1px solid #ccc; }
}


/***********************
  GLOBAL FILE BROWSER
***********************/
/*default file browser dropdowns and icons*/
#FB_AP h2 { font-size: 1.2rem !important;  padding: 15px 10px !important;        }
#FB_FB_APPanel img { width: 25px !important; padding: 5px 8px 5px 0 !important; } /*#FB_FB_APPanel img { width: 20px !important;  padding: 5px 8px !important; }*/
#FB_FB_APPanel ul { list-style: none;  }
.FolderPreText { display:none; }/*removes "auto" title*/
#FD_AP h2 { display: none; }/*removes "listing files in folder..." text*/
.FD_Footer { display: none; }

/*style the list*/
ul.FB_FileListUL {
    list-style-type: none;
    font-size: .9rem;
    padding-left: 0;
}
/*style each doc/item*/
ul.FB_FileListUL li {
    color: #000;
    font-weight: 400;
    background-color: #f5f5f5;
    border: 2px solid transparent;
    margin-top: 0.5rem;
    width: 100%;
    text-transform: none;	}
    ul.FB_FileListUL li:hover {
        color: #000;
        font-weight: 400;
        background-color: #fff;
        border: 2px solid #7e622d;;
        margin-top: 0.5rem;
        width: 100%;
        text-transform: none;	}
ul.FB_FileListUL span { display: none; }/*removed the "date uploaded on" text*/

/*center center the doc icon with the content at all sizes
ul.FB_FileListUL li > div {
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}*/
/*applies to the document title, not the description*/
ul.FB_FileListUL li > div:nth-of-type(1) {
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*styles the document's description, if it has one*/
ul.FB_FileListUL li > div:nth-of-type(2) {
    display: block;
    /*ext-align: right;*/
    padding: 0 2rem;
    font-style: italic;
}

/*select the icon image for style*/
.file-listing img {
    border-radius: 0 !important;
    padding: 0.5rem 0 0.5rem 0.5rem !important;
    margin: 0;	}
	@media (max-width: 767.98px){	.file-listing img { padding: 0.5rem 0 0.5rem 0.5rem; }	}

/*style the hyperlinked documents*/
ul.FB_FileListUL a {
    color: #000;
    display: inline-block;
    overflow-wrap: anywhere; /*prevents long document titles from breaking on mobile*/
    font-weight: 400;
    padding: 0.5rem;
    width: 100%;
    text-transform: none;	}
	ul.FB_FileListUL a:hover {	color: #7e622d;	}

/*Multi-folder dropdown*/
.file-listing select {
    color: #7e622d;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    padding: 5px;
    background-color: #ffffff;
    border: 2px solid #7e622d;
    border-radius: 2px;
}

.file-listing h2 { display: none; }/*removes "listing files in folder..." text for dupes*/

/*remove default time zone declaration*/
.FB_Footer { display: none; }

#FB_FileListUL LI DIV SPAN {  display:none;  }
.FolderPreText {  display:none;  }

/*over-ride default HTML option color*/
option[value=""] { background-color: #f5f5f5; }

/*remove default caret for bullet lists*/
#LeftContentArea ul.FB_FileListUL li::marker { content: none; }


/*******************************
  GLOBAL LISTS (UL/OL/QNotify)
*******************************/
#LeftContentArea ul li {
    padding: 0 0 0 0.3rem;
}
/*bullets become arrows*/
#LeftContentArea ul li::marker {
    content: url(/data/layout/images/caret-right-fill-gold.svg) / "arrow right";
	vertical-align: middle;
}
/*REMOVES THE ABOVE STYLE FROM INNER NAV*/
#SubNav ul li {	padding: 0 0 0 0.3rem;	}
#SubNav ul li::marker {	content: none;	}


/*QNOTIFY SUBSCRIPTION LISTS*/
/*lists container*/
#LeftContentArea table#email-list-checkbox-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0;
}
/*check boxes*/
.q-items-vertical-align-middle input {
    margin: 0 0.5rem 0 0;
}
/*submit button*/
input[type="submit"] {
    color: #7e622d;
    padding: 0.3rem 0.5rem;
    background-color: white;
    border: 2px solid #7e622d;	}
    input[type="submit"]:hover {
        color: #fff;
        background-color: #7e622d;
    }
.subscription-lists table td { padding: 0; }
.subscription-lists table td:hover { background-color: #fff; }
@media (max-width: 767.98px) {	.subscription-lists table tr { border-bottom: none; }	}

/*******************
  GLOBAL CALENDARS
********************/
/*remove dropdown so users cannot choose a different calendar [otherwise breaks on mobile]*/
tbody tr td select[name="ctl20$C$DDC$D"] {
    display: none;
}
/*see token for the rest*/



/***********************
  SCROLL BAR OVERRIDES
***********************/

  /* width */
  ::-webkit-scrollbar {
    width: 13px;
  }
  /* Track */
  ::-webkit-scrollbar-track {
    background-color: #f5f5f5; /*clay*/
    box-shadow: inset 0 0 5px grey;
    border-radius: 0px;
  }
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background-color: #f5f5f5; /*clay*/
    border: 1px solid #7e622d; /*brass*/
    border-radius: 3px;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #7e622d; /*brass*/
  }


/***********************
  INTRANET LOG-IN PAGES
***********************/
span#objLogin .HEADER_TEXT {
    /* color: #7e622d; */
    font-size: 1.5rem;
    font-weight: 600;
    display: block;
    margin: 0.5rem 0;
}
span#objLogin .CPL_LOGIN_ROW {
    margin: 0.5rem auto;
}
span#objLogin .CPL_LOGIN_ROW input {
    display: block;
}