/*
   _____ _                        _    _____ _         _      
  / ____| |                      | |  / ____| |       | |     
 | (___ | |__   __ _ _ __ ___  __| | | (___ | |_ _   _| | ___ 
  \___ \| '_ \ / _` | '__/ _ \/ _` |  \___ \| __| | | | |/ _ \
  ____) | | | | (_| | | |  __/ (_| |  ____) | |_| |_| | |  __/
 |_____/|_| |_|\__,_|_|  \___|\__,_| |_____/ \__|\__, |_|\___|
                                                  __/ |       
                                                 |___/        
*/

@media screen and (min-width: 768px) {
    .secondaryMenuDropdown ul li a {
        font-weight: bold;
        /* font-size: 1.15em; */ /* Uncomment to enlarge */
    }
}

.content-detail-sec ol li ul li {
    list-style-type: circle !important;
    font-feature-settings: normal !important;
    font-variant-numeric: normal !important;
}

.wysiwyg-block--wheat {
    background-color: inherit;
    color: var(--montana-black);
}

@media only screen and (max-width: 767px) {
  .m-highlights__item.col-md-4.news-item {
    padding-bottom: 25px !important;
  }
}

.black-text {
    color:black !important;   
}

body {
    min-width:368px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABXCAMAAABGFileAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjJBNTQ3N0Q5NjE5MTFFMkJDNjBCRDM1NkQ2NDY0OUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjJBNTQ3N0U5NjE5MTFFMkJDNjBCRDM1NkQ2NDY0OUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMkE1NDc3Qjk2MTkxMUUyQkM2MEJEMzU2RDY0NjQ5QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMkE1NDc3Qzk2MTkxMUUyQkM2MEJEMzU2RDY0NjQ5QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr5UjZsAAAAkUExUReHh4ezs7OTk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);
    background-repeat: repeat !important;
    font-size: 1rem;
    line-height: 1.2rem;
}

.btn-outline-secondary:hover {
    background-color: #495057;
    border-color: #495057;
}

.btn-outline-secondary {
    color: #495057;
    border-color: #495057;
}

.ti-30 {
    text-indent: 30pt;
}

.content-detail-sec ul.no-bullets li {
    list-style-type: none;
}

.skipnav:focus-within {
    /* padding: 1rem; */
    background: #427E7F;
    background: linear-gradient(180deg,#427E7F 0,#427E7F 76%,#000000);
}

.skipnav a:active, .skipnav a:focus {
    background-color: #427E7F;
    color: #fff;
    outline-color: #fff;
}

.table-bordered, .table-bordered td, .table-bordered th {
    border: 1px solid #000000 !important;
}

.content-detail-sec li {
    padding-bottom: 5px !important;
}

/*Story/News CSS*/
.wc-story-img {
    padding-bottom: 10px;
    display:block;
    margin:auto;
}

.wc-p-story {
    padding-bottom: 15px !important;
}

@media (min-width:639px) and (max-width:769px) {
	.h3-story {
	    text-align:center;
	}
	.wc-p-story {
	    text-align:center;
	}
}

.h3-story {
    margin: 15px 0 0 !important;
    font-size: 1.2rem !important;
    line-height: 30px;
}

.site_story {
    border:10px solid #427E7F;
    background: #FFFFFF;
}
/*End Story/News CSS*/
/* Highlights begin */
/* Target the li when a child a tag is hovered */
.m-highlights__item.news-item:hover, 
.m-highlights__item.news-item:focus-within {
    border: 2px solid white;
    padding: 20px;
}

.m-highlights.ptb-60 {
    padding-top: 0px!important;
    padding-bottom: 20px!important;
}

.m-highlights.news-sec.bg-primary {
    background-color: inherit !important; /*#b1b1b3 middle*/
}

.sec-right-w-spc {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.m-highlights.news-sec.bg-primary a {
    color: #FFFFFF !important;
}

@media only screen and (max-width: 767px){
    .news-item {
        border-bottom: 1px solid #FFFFFF;
    }
}
/* Highlights End */

.no-show {
    display: none;
}

.indent-30 {
    text-indent: 30pt;
}

.pl10p {
    padding-left:10%;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.site_breadcrumbs ol.breadcrumb li:nth-child(2) {
    display: none;
}

.site_container.container.container-normal {
	min-width:320px;
}

/**
 * Visually hidden yet accessible content
 */
.visually-hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  visibility: hidden;
  opacity: 0;
}

.center-dot:before { /* W3 aria CSS for radio buttons dot is offset because of logic from um-template.  This corrects that issue.*/
    box-sizing:initial;
}

@media print { .ui-accordion-content { display: block !important; } }

.text-center {
    text-align: center;
}

.content-area h3 {
    margin-top: 25px;
}

a {
    text-decoration: underline;
}

.m-breadcrumb {
    background:inherit;
}

h1, h2, h3, h4, h5, h6 {
    color:#555 !important;
}

.toggle-heading-sec.primary .toggle-heading, .toggle-heading-sec.primary span.fa {
    color: #04366e;
}

.text-primary {
    color: #555 !important;
}

h2 {
    border-bottom: 1px solid #ccc;
    font-size:22.65px;
}

@media (min-width:993px){
	.footer-adjust {
		margin-left:-21px;
		margin-bottom:-10px;
	}
}

.centered-text-sec .content-detail-sec li a:hover, .centered-text-sec p a:hover, .content-detail-sec .centered-text-sec li a:hover, .content-detail-sec .featured-section li a:hover, .content-detail-sec li a:hover, .featured-section .content-detail-sec li a:hover, .featured-section p a:hover, ol li a:hover, p a:hover, ul li a:hover {
    color: #04366e !important;
}

.content-detail-sec li>p {
    padding-bottom:0px !important;
}

.content-detail-sec img {
    width: auto;
}

.content-detail-sec table tr td {
    background: #FFFFFF;
}

.content-detail-sec table tfoot.green-back tr td, .content-detail-sec table thead.green-back tr th {
    background: #427E7F;
    color:#FFFFFF;
}

#results tr td, .content-detail-sec table#graduate-results-table tr td {
    background: inherit;
}

#table-foot tr td, .table-foot-background tr td {
    background: #427E7F !important;
}

.content-detail-sec table#tableMakerTable tr td {
    background: inherit;
}

.table-responsive {
    overflow-x: inherit;
}

.table-responsive .row {
    display: block;
}

.content-detail-sec .table-responsive td, .content-detail-sec .table-responsive th, .content-detail-sec table td, .content-detail-sec table th, .table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border: 1px solid #000000;
}

.content-sec input[type=date], .content-sec input[type=time], .content-sec input[type=datetime-local], .content-sec input[type=month], .content-sec input[type=number], .content-sec input[type=search], .content-sec input[type=text], .content-sec input[type=password], .content-sec input[type=datetime], .content-sec input[type=week], .content-sec input[type=email], .content-sec input[type=url], .content-sec input[type=tel], .content-sec input[type=color], .content-sec select, .content-sec textarea {
    display: block;
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.57142857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.divpquotebox p, .divquotebox, .pquotebox {
    background-color: #0080A3;
    color: #FFFFFF;
    padding: 30px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
}

.divpquotebox p:nth-child(even) {
    background-color: #427E7F;
}

.blue-quote {
    background-color: #0080A3;
    color: #FFFFFF;
    padding: 30px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 1em;
}

.wc-white-back {
	background-color: #FFFFFF;
}

.wc-google-search-input {
    display: inline;
    border:none;
    background-color: #FFFFFF;
    border-radius: 7px;
    height: 40px;
    padding: 5px;
    margin: 0px 5px 0px 0px;
    text-align: center;
    min-width: 200px;
    max-width: 500px;
}

.secondaryMenuDropdown ul li a:hover {
    color: #FFFFFF !important;
    border-bottom-color: #FFFFFF !important;
}

.wc-green-back {
	background-color: #427E7F;
}

.wc-margin-p-button-adjust {
    margin: 10px 10px 0 4px;
}

.umbutton, .pull-right.btn.btn-default.btn-primary.submit_button {    
    border: none;
    border-radius: 6px;
    padding: 10px 10px;
    box-shadow: none;
    font-size: 16px;
    -webkit-box-shadow: 1px 1px 3px #000, inset 0 0 1px #fff;
    box-shadow: 1px 1px 3px #000, inset 0 0 1px #fff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 70%), 0 1px 0 rgb(0 0 0 / 30%);
    /*background: #0080A3 !important;*/
}

.pull-right.btn.btn-default.btn-primary.submit_button:hover {
    box-shadow: 0 0 3pt 2pt #F5FFFF !important;
    z-index: 2;
}

.umbutton, .umbutton:hover, .pull-right.btn.btn-default.btn-primary.submit_button:hover {
    color: #fff;
}

.center, .umbutton, .pull-right.btn.btn-default.btn-primary.submit_button {
    text-align: center;
}

.pull-right {
    float: right!important;
}

@media (max-width:767px){
    #upper-p-link {
        display:none;
    }
}

@media (min-width:768px){
    #lower-p-link {
        display:none;
    }
}

#lower-p-link, #upper-p-link {
    color: #fff;
}

.icon-link-list-li-a-span {
    display:block;
    text-align:center;
}

.icon-link-list-image {

    max-width: 61%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.icon-link-list li {
    display:inline;
    float:left;
    list-style-type:none;
}

.m-l-30 {
    margin-left: 30px;
}

.m-l-60 {
    margin-left: 60px;
}

.mrb-10 {
    margin-right: 10px;
    margin-bottom: 10px;
}

.fl {
    float:left;
}

.image-div-left-holder {
    padding-right: 10px;
    padding-bottom: 10px;
    float: left;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.ml-30 {
    margin-left:30px;
}

.no-bottom-padding {
    padding-bottom:0px !important;
}

.pl-0 {
    padding-left: 0;
}

.plr-0 {
    padding-left:0;
    padding-right:0;    
}

.plr-5 {
    padding-left:5px;
    padding-right:5px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
   padding-top: 20px; 
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
   padding-bottom: 20px; 
}

.p10b {
    padding: 10px; border: 1px solid #000000;
}

.ptb-10 {
	padding-top:10px;
	padding-bottom:10px;
}

.prb-10 {
    padding-right: 10px;
    padding-bottom: 10px;
}

.ptrb-10 {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.ptlb-10 {
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.width-325 {
    width: 325px;
}

.width-360 {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    width: 360px;
}

.content-area img, .site-footer img {
    height: auto; /*Counters the UM Templates inherit call*/
}

/*
  _____                               _____       _ _                 
 |_   _|                             / ____|     | | |                
   | |  _ __ ___   __ _  __ _  ___  | |  __  __ _| | | ___ _ __ _   _ 
   | | | '_ ` _ \ / _` |/ _` |/ _ \ | | |_ |/ _` | | |/ _ \ '__| | | |
  _| |_| | | | | | (_| | (_| |  __/ | |__| | (_| | | |  __/ |  | |_| |
 |_____|_| |_| |_|\__,_|\__, |\___|  \_____|\__,_|_|_|\___|_|   \__, |
                         __/ |                                   __/ |
                        |___/                                   |___/ 

This section of CSS is for classes specific to the Image Gallery functionality.
*/

.image-thumb-gallery {
	position: absolute;
	background-repeat: no-repeat;
	background-position: 50%;
	background-color: #FFFFFF;
	background-size: cover;
}

/*

 __          ______    _____           _ _       
 \ \        / /___ \  |  __ \         | (_)      
  \ \  /\  / /  __) | | |__) |__ _  __| |_  ___  
   \ \/  \/ /  |__ <  |  _  // _` |/ _` | |/ _ \ 
    \  /\  /   ___) | | | \ \ (_| | (_| | | (_) |
     \/  \/   |____/  |_|  \_\__,_|\__,_|_|\___/ 
https://www.w3.org/TR/2016/WD-wai-aria-practices-1.1-20160317/examples/radio/css/radio.css                                                 
Accessibility CSS for Radio Buttons (Accessed 10/25/2018)                                                 
*/
[role=radio] {
  display: block;
  position: relative;
  margin: 0.5em;
  padding-left: 20px;
  border: thin transparent solid;
}

/* This creates the visuals for the radio buttons */
[role=radio]::before,
[role=radio]::after {
  display: block;
  position: absolute;
  border-radius: 50%;
  content: '';
}

[role=radio]::before {
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #000;
  background: #fff;
}

[role=radio][aria-checked=true]::after {
  top: 3px;
  left: 3px;
  border: 5px solid #000;
  content: '';
}

#codeex{
  background-color: #F1F1F1 ;
  padding:10px;
}

/*
  _______ _                _ _            
 |__   __(_)              | (_)           
    | |   _ _ __ ___   ___| |_ _ __   ___ 
    | |  | | '_ ` _ \ / _ \ | | '_ \ / _ \
    | |  | | | | | | |  __/ | | | | |  __/
    |_|  |_|_| |_| |_|\___|_|_|_| |_|\___|
    Andrew Nite's zig zag timeline for bootstrap
    https://bootsnipp.com/snippets/featured/zigzag-timeline-layout
    Accessed last 7-6-2017
    Adjusted to accomadate the timeline not having the full view width for 768px+ screensizes
*/

.timeline {
    position: relative;
    padding:4px 0 0 0;
    margin-top:22px;
    list-style: none;
}

.timeline>li:nth-child(even) {
    position: relative;
    margin-bottom: 50px;
    height: 240px;
    right:-100px;
}

.timeline>li:nth-child(odd) {
    position: relative;
    margin-bottom: 50px;
    height: 240px;
    left:-100px;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
    min-height: 170px;
}

.timeline > li .timeline-panel {
  position: relative;
  float: left;
  width: 58%;
  padding: 0 10px 0 40px;
  text-align: right;
}

.timeline>li .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li .timeline-image {
    z-index: 100;
    position: absolute;
    left: 50%;
    border: 7px solid #3b5998;
    border-radius: 100%;
    background-color: #3b5998;
    box-shadow: 0 0 5px #4582ec;
    width: 200px;
    height: 200px;
    margin-left: 60px;
}

.timeline>li .timeline-image h4 {
    margin-top: 12px;
    font-size: 10px;
    line-height: 14px;
}

/*
.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
    padding: 0 30px 20px 20px;
    text-align: left;
}
*/
.timeline>li.timeline-inverted>.timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li:last-child {
    margin-bottom: 0;
}

.timeline .timeline-heading h4 {
  margin-top:22px;
    margin-bottom: 4px;
    padding:0;
    color: #b3b3b3;
}

.timeline .timeline-heading h4.subheading {
  margin:22px 0 0 0;
  padding:0;
    text-transform: none;
    font-size:18px;
    color:#333333;
}

.timeline .timeline-body>p,
.timeline .timeline-body>ul {
    margin-bottom: 0;
    color:#000000;    
}

/*Style for even div.line*/
.timeline>li:nth-child(odd) .line:before {
    content: "";
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 690px;
    width: 4px;
    height:340px;
    background-color: #3b5998;
    -ms-transform: rotate(-44deg); /* IE 9 */
    -webkit-transform: rotate(-44deg); /* Safari */
    transform: rotate(-44deg);
    box-shadow: 0 0 5px #4582ec;
}
/*Style for odd div.line*/
.timeline>li:nth-child(even) .line:before  {
    content: "";
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 450px;
    width: 4px;
    height:340px;
    background-color: #3b5998;
    -ms-transform: rotate(44deg); /* IE 9 */
    -webkit-transform: rotate(44deg); /* Safari */
    transform: rotate(44deg);
    box-shadow: 0 0 5px #4582ec;
}
/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {
  .timeline > li:nth-child(even) {
    margin-bottom: 0px;
    min-height: 0px;
    right: 0px;
  }
  .timeline > li:nth-child(odd) {
    margin-bottom: 0px;
    min-height: 0px;
    left: 0px;
  }
  .timeline>li:nth-child(even) .timeline-image {
    left: 0;
    margin-left: 0px;
  }
  .timeline>li:nth-child(odd) .timeline-image {
    margin-left: 0px;
    left:72%;
  }
  .timeline > li:nth-child(even) .timeline-panel {
    text-align: left;
    left: 160px;
  }
  .timeline > li:nth-child(odd) .timeline-panel {
    text-align: right;
  }
  .timeline > li .line {
    display: none;
  }
  .timeline>li .timeline-image {
    width: 150px;
    height: 150px;
  }
  .timeline > li .timeline-panel {
    width: 72%;
    padding: 0 30px 0 10px;
  }
  ul.timeline {
    padding-left: 0;
  }
}
/* Small Devices, Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  .timeline > li:nth-child(even) {
    margin-bottom: 0px;
    min-height: 0px;
    right: 0px;
  }
  .timeline > li:nth-child(odd) {
    /*margin-bottom: 0px;*/
    min-height: 0px;
    left: 0px;
  }
  .timeline>li:nth-child(even) .timeline-image {
    left: 0;
    margin-left: 0px;
  }
  .timeline>li:nth-child(odd) .timeline-image {
    left: 66%; /*520*/
    margin-left: 0px;
  }
  .timeline > li:nth-child(even) .timeline-panel {
    text-align: left;
	left: 170px;
  }
  .timeline > li:nth-child(odd) .timeline-panel {
    text-align: right;
  }
  .timeline > li .line {
    display: none;
  }
  .timeline>li .timeline-image {
    width: 150px;
    height: 150px;
  }
  .timeline > li .timeline-panel {
    width: 64%;
    padding: 0 10px 0 10px;
  }
  ul.timeline {
    padding-left: 0;
  }
}
/* Custom, iPhone Retina */
@media only screen and (max-width: 767px) {
  .timeline > li:nth-child(even) {    
    margin-bottom: 0px;
    min-height: 0px;
    right: 0px;
  }
  .timeline > li:nth-child(odd) {
    margin-bottom: 0px;
    min-height: 0px;
    left: 0px;
  }
  .timeline>li .timeline-image {
    position: static;
    width: 150px;
    height: 150px;
    margin-bottom:0px;
  }
  .timeline>li:nth-child(even) .timeline-image {
    float:left;
    left: 0;
    margin-left: 0;
  }
  .timeline>li:nth-child(odd) .timeline-image {
    float:right;
    left: 0px;
    margin-left:0;
  }
  .timeline > li:nth-child(even) .timeline-panel {
    width: 100%;
    padding: 0 0 20px 14px;
  }
  .timeline > li:nth-child(odd) .timeline-panel {
    width: 100%;
    padding: 0 14px 20px 0px;
  }
  .timeline > li .line {
    display: none;
  }
  .timeline>li.timeline-inverted>.timeline-panel {
    float: right;
    padding: 0 0 20px 14px;
    text-align: left;
  }
  ul.timeline {
    padding-left: 0;
  }
}

/*
  ______          _               _            
 |  ____|        | |             | |           
 | |__ ___   ___ | |_ _ __   ___ | |_ ___  ___ 
 |  __/ _ \ / _ \| __| '_ \ / _ \| __/ _ \/ __|
 | | | (_) | (_) | |_| | | | (_) | ||  __/\__ \
 |_|  \___/ \___/ \__|_| |_|\___/ \__\___||___/
This section of CSS is based on an article by Hugo Giraudel (accessed 3/23/2017) from https://www.sitepoint.com/accessible-footnotes-css/
The purpose of this CSS is to create a footer like section that is accessible (allows easy travel between content to footnotes for that content)
*/

a.quietstyle {
    padding-right: 5px;    
}

a.quietstyle:link {
    color: #555555 !important;
    text-decoration: none !important;
}

a.quietstyle:active {
    color: #555555 !important;
}

a.quietstyle:hover {
    color: #555555 !important;
}

a.quietstyle.white-special:hover {
    border: 1px solid silver;
    border-color: #555555 !important;
}

a.quietstyle:visited {
    color: #555555 !important;
}

a.quietstyle-white, a.quietstyle.parent-child-toggle-link {
    position: relative;
    z-index: 2;
}

a.quietstyle-white:link, a.quietstyle.parent-child-toggle-link:link {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

a.quietstyle-white:active, a.quietstyle.parent-child-toggle-link:active {
    color: #FFFFFF !important;
}

/*a.quietstyle-white:hover, a.quietstyle.parent-child-toggle-link:hover {    
    outline 0px;
    box-shadow: 0 0 4pt 2pt  #0080A3; 
}*/

a.quietstyle-white:visited, a.quietstyle.parent-child-toggle-link:visited {
    color: #FFFFFF !important;
}

.headRow th > a:hover {
    color: #003471 !important; /*Dark Blue*/
    background-color: #F5FFFF !important; /*Main Page Background #427E7F (lightened 70%)*/
}

.disclaimer {
   font-size: 0.8em;
   padding-left: 20px;
   
}

.in-section-footer {
  margin-top: 50px;
  border-top: 1px solid silver;
  font-size: 0.8em;
}

.in-section-footer ol {
    padding-left: 20px;
}

.in-section-footer :target {
    background: #F5FFFF; /*Main Page Background #427E7F (lightened 70%)*/
    color: #000000 !important;
    font-size: 1.2em;
    display: block;
    padding: 5px;
    border-radius: 7px;
}

/**
 * Initialiazing a `footnotes` counter on the wrapper
 */
article {
  counter-reset: footnotes;
}

/**
 * Inline footnotes references
 * 1. Increment the counter at each new reference
 * 2. Reset link styles to make it appear like regular text
 */
[aria-describedby="footnote-label"] {
  counter-increment: footnotes; /* 1 */
  text-decoration: none; /* 2 */
  color: inherit; /* 2 */
  cursor: default; /* 2 */
  outline: none; /* 2 */
}

.no-increment-counter[aria-describedby="footnote-label"] {
  counter-increment: footnotes 0; /*Allows the counter to be displayed but not incremented*/
}

/**
 * Actual numbered references
 * 1. Display the current state of the counter (e.g. `[1]`)
 * 2. Align text as superscript
 * 3. Make the number smaller (since it's superscript)
 * 4. Slightly offset the number from the text
 * 5. Reset link styles on the number to show it's usable
 */
[aria-describedby="footnote-label"]::after {
  content: '[' counter(footnotes) ']'; /* 1 */
  vertical-align: super; /* 2 */
  font-size: 0.5em; /* 3 */
  margin-left: 2px; /* 4 */
  color: #FFFFFF; /* 5 */
  text-decoration: underline; /* 5 */
  cursor: pointer; /* 5 */
}

.not-white-counter[aria-describedby="footnote-label"]::after {
  color: #555555 !important;
}

/**
 * Resetting the default focused styles on the number
 */
[aria-describedby="footnote-label"]:focus::after {
  outline: thin dotted;
  outline-offset: 2px;
}

[aria-describedby="footnote-label"]:hover::after {
    color: #003471 !important; /*Dark Blue*/
}

/*
   _____          _                     _____ _                         
  / ____|        | |                   / ____| |                        
 | |    _   _ ___| |_ ___  _ __ ___   | |    | | __ _ ___ ___  ___  ___ 
 | |   | | | / __| __/ _ \| '_ ` _ \  | |    | |/ _` / __/ __|/ _ \/ __|
 | |___| |_| \__ \ || (_) | | | | | | | |____| | (_| \__ \__ \  __/\__ \
  \_____\__,_|___/\__\___/|_| |_| |_|  \_____|_|\__,_|___/___/\___||___/
*/

.quiz {
    display: none;
    font-weight: bold;
    color: #008000;
}

.quizWrong {
    display: none;
    font-weight: bold;
    color: #FF0000;
}

.quiz-radio-input {
    padding-left: 10px;
}

fieldset.quiz-border {
    border: 2px solid #427E7F;
}

[data-toggle-target]{
  display: none;
}

.fast-facts-button {
    width: 100%;
    padding: 6px;
    border: 2px solid #427E7F;
}

.fast-facts-h3 {
    margin-bottom: 0 !important;
}

.data-toggle-div {
    border-left: 2px solid #427E7F;
    border-right: 2px solid #427E7F;
    border-bottom: 2px solid #427E7F;
    padding: 6px;
}

.data-toggle-div p{
    font-size: 1.2em;
}

.narrow-p {
    margin-bottom: 2px;
}

.center-image {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

hr.site-green-hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
    color: #427E7F;
    background-color: #427E7F;
    border-color: #427E7F;
} 

.top-bottom-spacer {
    padding-top: 5px;   
    padding-bottom: 5px;
}

.show-hidden-with-links {
    display: inline;
}

.inLineHeader {
    text-align: right;
}

.inLineNum {
    padding-right: 0px;
    padding-left: 5px;
}

.rightAlign {
    text-align: right;
}

.leftAlign {
    text-align: left;
}

.centerAlign {
    text-align: center;
}

.select-formatting.line-padding {
    line-height: normal;
    padding: 0px 6px;
}

.select-formatting.line-padding.tall-select {
   -webkit-appearance: menulist-button;
   height: 50px;
   margin-bottom: 10px;
   border-radius: 8px;
   border: solid 3px #427E7F;
   background-color: #427E7F;
   color: #FFFFFF;
   font-size:1.2em;
}

a:hover > .image-link-button {
    /*outline: 3px solid #008fb6; */ /*Light Blue*/ /*#003471;*/
    /*outline-offset: -3px;*/
    outline: 0px;
    box-shadow: 0 0 3pt 2pt #008fb6 !important; /*Light Blue*/ /*#003471;*/
}

a:focus, button:focus, *:focus, a:hover {
  outline:2px solid #66A9D7 !important;  
}

a:focus > .image-link-button  {
    outline: 0px;
    box-shadow: 0 0 3pt 2pt #003471 !important; /*Dark Blue*/
}

.neg-marg {
   margin-left: -30px !important;
   margin-right: -30px !important;
}

.mar-5 {
    margin: 10px 0px 0px 0px !important;
}
    
.warn-user {
    border:  3px solid orange;
}

.orange-highlight {
    background-color: orange !important;
    color: white !important;
}

@media (max-width: 767px){
	.block-small-screen {
		display:block !important;
	}
}

/*

  _______    _     _           
 |__   __|  | |   | |          
    | | __ _| |__ | | ___  ___ 
    | |/ _` | '_ \| |/ _ \/ __|
    | | (_| | |_) | |  __/\__ \
    |_|\__,_|_.__/|_|\___||___/
Table CSS for both Wilderness and Wilderness Practitioner
*/

/*For displaying rows of data with alternating colors (resultRow adds padding)*/
.oddRow, content-detail-sec table tr.oddRow td {
    /*background-color: #ededed;/* UM changed it so that it now covers up this color -> #F5F5F5;*/
    background: -webkit-gradient(linear,left top,right top,color-stop(69%,rgba(0,0,0,0)),color-stop(87%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.04)));
    background: -webkit-linear-gradient(left,rgba(0,0,0,0) 69%,rgba(0,0,0,0) 87%,rgba(0,0,0,.04) 100%);
    background: -o-linear-gradient(left,rgba(0,0,0,0) 69%,rgba(0,0,0,0) 87%,rgba(0,0,0,.04) 100%);
    background: -ms-linear-gradient(left,rgba(0,0,0,0) 69%,rgba(0,0,0,0) 87%,rgba(0,0,0,.04) 100%);
    background: linear-gradient(to right,rgba(0,0,0,0) 69%,rgba(0,0,0,0) 87%,rgba(0,0,0,.04) 100%);
}

.evenRow, .content-detail-sec table tr.evenRow td {
    /*background-color: #F5FFFF; /*Main Page Background #427E7F (lightened 70%)*/
    background: -webkit-linear-gradient(left,#F5FFFF,#ecf2f2); /* Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left,#F5FFFF,#ecf2f2); /* Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left,#F5FFFF,#ecf2f2); /* Firefox 3.6 to 15 */
    background: linear-gradient(to right,#F5FFFF,#ecf2f2); /* Standard syntax (must be last) */
}



.evenRow-no-gradient {
    background: #ecf2f2;
}

.oddRow-no-gradient {
    background: #DCDCDC;
}

#summary-report-table tr:nth-child(even) {
	/*background-color: #F5FFFF; /*Main Page Background #427E7F (lightened 70%)*/
    background: -webkit-linear-gradient(left,#F5FFFF,#ecf2f2); /* Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left,#F5FFFF,#ecf2f2); /* Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left,#F5FFFF,#ecf2f2); /* Firefox 3.6 to 15 */
    background: linear-gradient(to right,#F5FFFF,#ecf2f2); /* Standard syntax (must be last) */
}

#summary-report-table tr:nth-child(odd) {
    /*background-color: #ededed;/* UM changed it so that it now covers up this color -> #F5F5F5;*/
    background: -webkit-gradient(linear,left top,right top,color-stop(69%,rgba(0,0,0,0)),color-stop(87%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.04)));
    background: -webkit-linear-gradient(left,rgba(0,0,0,0) 69%,rgba(0,0,0,0) 87%,rgba(0,0,0,.04) 100%);
    background: -o-linear-gradient(left,rgba(0,0,0,0) 69%,rgba(0,0,0,0) 87%,rgba(0,0,0,.04) 100%);
    background: -ms-linear-gradient(left,rgba(0,0,0,0) 69%,rgba(0,0,0,0) 87%,rgba(0,0,0,.04) 100%);
    background: linear-gradient(to right,rgba(0,0,0,0) 69%,rgba(0,0,0,0) 87%,rgba(0,0,0,.04) 100%);
}

#summary-report-table th {
	background-color: #427E7F !important;
	color: #FFFFFF;
}

table#summary-report-table {
	display: block;
    overflow-x: auto;
}

.sortable-table-title {
	max-width:70%;
	float:left;
	display:inline-block;
}

.sortable-table-toggle {
	max-width:30%;
	display:inline-block;
	padding-left:5px;
	padding-right:5px;
}

.summary-header-small {
	min-width:117px;
	max-width:130px;
}

@media (max-width: 700px){
	.summary-header-medium {
		min-width:130px;
		max-width:150px;
	}

	.summary-header-large {
		min-width:150px;
		max-width:170px;
	}
}

.col-header-summary {
	float:left;
	display:inline-block;
	padding-right:20px;
}

/*
  _______              
 |__   __|             
    | | __ _  __ _ ___ 
    | |/ _` |/ _` / __|
    | | (_| | (_| \__ \
    |_|\__,_|\__, |___/
              __/ |    
             |___/     
Styling for inputs that utilize the tag functionality.
*/
#basic {
    border-color: transparent;
    padding: 5px;
    background: transparent;
    outline: none;
    margin: 0 5px 5px 0;
    display: block;
    float: left;
    box-shadow: none;
    width: auto;
    line-height: normal;
}

#tagInput-basic {
    width: auto;
    /*min-height: 100px;*/
    border: 1px solid #CCC;
    padding: 5px 5px 0 5px;
    height: auto;
    overflow-y: auto;
    cursor:text;
}

#tagInput-basic.tag-focus { /*Used to give a div a focus like appearance*/
    border: 1px solid #66afe9;
    -moz-box-shadow: 0 0 8px rgba(102,175,233,.6);
    -webkit-box-shadow: 0 0 8px rgba(102,175,233,.6);
    box-shadow: 0 0 8px rgba(102,175,233,.6); 
}

a.x-close {
    text-decoration: none !important;
    cursor: auto;
}

.tag {
    display: block;
    float: left;
    padding: 5px;
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 0 5px 5px 0;
}

/*
  _____                              _      _ _                          
 |_   _|                            | |    (_) |                         
   | |  _ __ ___   __ _  __ _  ___  | |     _| |__  _ __ __ _ _ __ _   _ 
   | | | '_ ` _ \ / _` |/ _` |/ _ \ | |    | | '_ \| '__/ _` | '__| | | |
  _| |_| | | | | | (_| | (_| |  __/ | |____| | |_) | | | (_| | |  | |_| |
 |_____|_| |_| |_|\__,_|\__, |\___| |______|_|_.__/|_|  \__,_|_|   \__, |
                         __/ |                                      __/ |
                        |___/                                      |___/ 
*/

@media (min-width: 992px) {
	.image-library-image-adjustments {
		max-height: 600px;
	}
}

@media (max-width: 991px) {
	.image-library-image-adjustments {
		max-height: 400px;
	}
}

.image-library-image-adjustments {
	border: 1px solid black;
}

@media (max-width: 767px) {
	.row.modal-image {
		display:block;
	}
}

a.image-link:hover {
	 color: #04366e !important;
}

/*
  __  __           _       _ 
 |  \/  |         | |     | |
 | \  / | ___   __| | __ _| |
 | |\/| |/ _ \ / _` |/ _` | |
 | |  | | (_) | (_| | (_| | |
 |_|  |_|\___/ \__,_|\__,_|_|
*/

/* The Modal (background) 
Based on (an copied from) https://www.w3schools.com/howto/howto_css_modals.asp accessed 6/30/2017
Note: If JQuery gets updated on Cascade CMS the modal functionality should be returned to Bootstrap.
*/
.simple-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 3; /* Sit on top - has to be above the select box for small screens*/
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.simple-modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 10px 42px 20px 42px; /*Left and Right are plus 22 to match um-templates extra 22 to bottom which matches the extra space from the X (close) row*/
    border: 1px solid #888;
    border-radius: 8px;
    width: 80%; /* Could be more or less, depending on screen size */
    text-align: left;
    min-width: 250px;
}

.simple-modal-content p {
    font-size: 1.2em;
}

a.popup-modal {
    font-size: 1.3em;
}

/* The Close Button */
.close-modal {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    padding-bottom:10px;
}

.close-modal:hover,
.close-modal:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal-scroll-lock {
    overflow-y: hidden; /*Used to prevent the screen from scrolling when a modal view is open.*/
}

/*
   _____ _               _    _                                
  / ____| |             | |  | |                           _   
 | |    | |__   ___  ___| | _| |__   _____  _____  ___   _| |_ 
 | |    | '_ \ / _ \/ __| |/ / '_ \ / _ \ \/ / _ \/ __| |_   _|
 | |____| | | |  __/ (__|   <| |_) | (_) >  <  __/\__ \   |_|  
  \_____|_| |_|\___|\___|_|\_\_.__/ \___/_/\_\___||___/        
This section is for CSS dedicated to making the site more mobile friendly
Sources Include:
    https://codepen.io/paul66/pen/jKBzu (3/29/17) (input type checkbox and isSelected)
    http://stackoverflow.com/questions/22645930/how-to-add-padding-to-the-extra-small-xs-column-only-without-affecting-other-s (4/5/2017) (pbenard's answer 3/25/2014)
*/

@media screen and (max-width: 768px){

  *[class*='col']{
    padding-bottom: 8px;
  }
}

input[type="checkbox"] {
  vertical-align: middle;
  position: relative;
  margin-left: -22px !important;
}

.checkbox > label > input.checkButton {
    margin-right: 15px !important;
}

.isSelected {
  background-color: #B3E7FF; /*Dark Blue #003471 (lightened 70%)*/
}

/*Intended to hide highlighting backgrounds done in JQuery/JS for labels when JS is disabled*/
.noscript-noBack > label {
    background-color: transparent !important;
}

.checkButton{
    vertical-align: middle;
}

.checkbox {
    padding: 5px 10px 5px 10px;
    vertical-align: middle;
}

.checkbox > label {
    display: block;
    padding: 5px;
    border-radius: 7px;
    margin-left: 20px;
}

.checkbox > label:hover {
    background-color: #E5FFFF; /*Dark Blue #003471 (lightened 90%)*/
    cursor: pointer !important;
}

/*
                                _ _     _ _ _ _         
     /\                        (_) |   (_) (_) |        
    /  \   ___ ___ ___  ___ ___ _| |__  _| |_| |_ _   _ 
   / /\ \ / __/ __/ _ \/ __/ __| | '_ \| | | | __| | | |
  / ____ \ (_| (_|  __/\__ \__ \ | |_) | | | | |_| |_| |
 /_/    \_\___\___\___||___/___/_|_.__/|_|_|_|\__|\__, |
                                                   __/ |
                                                  |___/ 
This section is for accessibility based CSS
Sources Include:
    http://webaim.org/techniques/css/invisiblecontent/ (3/29/2017) (visuallyhidden)
*/

/*Used to add additional information for screen readers (3 inputs for phone number might only have one label but with this screen readers would get a label on each of the 3 inputs specifying their intended input)*/
.visuallyhidden {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

/*
       _  ____                        _    _ _____ 
      | |/ __ \                      | |  | |_   _|
      | | |  | |_   _  ___ _ __ _   _| |  | | | |  
  _   | | |  | | | | |/ _ \ '__| | | | |  | | | |  
 | |__| | |__| | |_| |  __/ |  | |_| | |__| |_| |_ 
  \____/ \___\_\\__,_|\___|_|   \__, |\____/|_____|
                                 __/ |             
                                |___/              
This section is for css related to JQuery UI
cross-browser support improvements based on: http://www.456bereastreet.com/archive/201302/fieldset_legend_border-radius_and_box-shadow/ (accessed 3/29/2017)
*/
fieldset {
    border:1px solid #e1e1e1;
    margin:0 2px;
    padding:0.35em 0.625em 0.75em;
    background-color: #FFFFFF;
    }

legend{
    float: left;
    border:0;
    padding:0
}

legend + * {
    clear:both;
}

.overflow {
      height: 200px;
}

/*
  _____                 _ 
 |  __ \               | |
 | |__) |_ _ _ __   ___| |
 |  ___/ _` | '_ \ / _ \ |
 | |  | (_| | | | |  __/ |
 |_|   \__,_|_| |_|\___|_|
Bootstrap Panel CSS adjustments*/
.panel-body {
    background-color: #FFFFFF; /*Main page background color*/
}

.panel-custom-body {
    background-color: #427E7F !important;/*Main page background color*/
}

.panel-default > .panel-heading {
    background-color: #0080A3; /*Light blue: #0080A3 */ 
    color: #FFFFFF;
    font-size: 1.1em;
}

/*
   _____ _                 _           
  / ____(_)               | |          
 | (___  _ _ __ ___  _ __ | | ___      
  \___ \| | '_ ` _ \| '_ \| |/ _ \     
  ____) | | | | | | | |_) | |  __/     
 |_____/|_|_| |_| |_| .__/|_|\___|     
 |__   __|        | | |__   __(_)      
    | | ___   ___ | |_|  | |   _ _ __  
    | |/ _ \ / _ \| |    | |  | | '_ \ 
    | | (_) | (_) | |    | |  | | |_) |
    |_|\___/ \___/|_|    |_|  |_| .__/ 
                                | |    
                                |_|    
*/

/* it will work better with this box-sizing, you may adapt it to your needs */
/*html { box-sizing: border-box; }
*, *:before, *:after {
  box-sizing: inherit;
}*/

/* Tooltip hidden by default */
.simpletooltip[aria-hidden="true"],
.minimalist-simpletooltip[aria-hidden="true"],
.minimalist-left-simpletooltip[aria-hidden="true"] {
  display: none;
}
/* position relative for containers */
.simpletooltip_container,
.minimalist-simpletooltip_container,
.minimalist-left-simpletooltip_container {
  position: relative;
  display: inline;
}

/* tooltip styles */
.simpletooltip,
.minimalist-simpletooltip,
.minimalist-left-simpletooltip {
  position: absolute;
  display: inline-block;
  z-index: 666;
  width: 10em;
  border:2px solid #000000;
  border-radius: .5em;
  background: #FAFAFA;
  color: #000000;
  padding: .5em;
  text-align: left;
  line-height: 1.3;
}
.simpletooltip,
.minimalist-simpletooltip {
  right: auto;
  left: 100%;
  margin-left: .5em;
}
.minimalist-left-simpletooltip {
  right: 100%;
  left: auto;
  margin-right: .5em;
}
/* used pseudo-element to make arrows */
.simpletooltip::before,
.minimalist-simpletooltip::before,
.minimalist-left-simpletooltip::before {
  content: '';
  speak: none;
  position: absolute;
  z-index: 666;
  width: 10px;
  height: 10px;
}
.simpletooltip::before,
.minimalist-simpletooltip::before {
  top: .5em;
  left: -10px;
  margin-left: -10px;
  border: 10px solid transparent;
  border-right: 10px solid rgba( 0, 0, 0, .9 );
}
.minimalist-left-simpletooltip::before {
  top: .5em;
  right: -10px;
  margin-right: -10px;
  border: 10px solid transparent;
  border-left: 10px solid rgba( 0, 0, 0, .9 )
}

/* it can be easily adapted in media-queries for tablets/mobile */

/* for this example: mobile */
@media (max-width: 44.375em) {

  .simpletooltip,
  .minimalist-simpletooltip,
  .minimalist-left-simpletooltip  {
    top: 100%;
    left: 50%;
    right: 0;
    margin: 0;
    margin-top: .7em;
    margin-left: -5em;
  }
  .simpletooltip::before,
  .minimalist-simpletooltip::before,
  .minimalist-left-simpletooltip::before  {
    top: -10px;
    right: auto;
    left: 50%;
    margin-left: -5px;
    margin-top: -10px;
    border: 10px solid transparent;
    border-bottom: 10px solid rgba( 0, 0, 0, .9 );
  }

}

/*
End simpletooltip
*/