/**
 * @author Design & Accessible Team ( Morgan Baggs )
 * @developer Updated Design ( Van Walker )
 * @package Joomla
 * @subpackage Accessible-Template-v3ccc
 * @copyright Copyright (C) 1991 - 2022 Coconino Community College. All rights reserved.
 */

/*******************************
Primary Style
*******************************/
*, *::after, *::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/**::after, *::before {content: '';}*/
*::after, *::before {content: normal;}
.clear {clear: both;}
body {font-size: 1rem; font-family: "Open Sans", sans-serif;color: #2c343b;background-color: #ffffff;}
body.has-overlay {overflow: hidden;}
img {max-width: 100%;}
.clear-both {clear: both;}
strong {font-weight: bold;}
em {font-style: italic;}
p {font:normal 400 1em/1.5em "Poppins",sans-serif;margin:0;}
p>strong {color:#000;}
a {color:#000;text-decoration: none;word-break: break-word;}
.com-content-article p a, .com-content-article li a {box-shadow: inset 0 -1px 0 #ccc;}
li {line-height: 22px;}
ol li {list-style-type: inherit;display: list-item;list-style-position: inside;}
ol ul li {list-style: disc outside;display: list-item;}
address {line-height: 22px;font-style: italic;}
h1 {color: #000;margin: 10px 0;font-family: "Montserrat";font-size: 2em;font-style: normal;font-variant: normal;font-weight: 400;line-height: 1.5;}
h2, h3, h4, h5, h6 {color: #000;margin: 10px 0;font-style: normal;font-variant: normal;font-weight: 400;line-height: 1.5;}
h2 {font-family: "Poppins";font-size: 1.6em;}
h3 {font-family: "Poppins";font-size: 1.4em;}
h4, h5, h6 {font-family: "Poppins";font-size: 1.2em;}
.blog {margin: 20px 0;}
.bold-center {text-align: center;margin: 0 10px;font-weight: 400;font-size: 1.6em !important;}
hr {width: 100px;height: 2px;margin-top: 20px !important;margin-bottom: 20px;border: 1px solid #FCB34C;}
ul {list-style: disc outside;margin-left: 35px;}
ol {list-style: decimal outside;margin-left: 35px;}
blockquote {font-family: "Poppins";font-size: 21px;font-style: normal;font-variant: normal;font-weight: 400;line-height: 30px;}
pre {font-family: "Poppins";font-size: 13px;font-style: normal;font-variant: normal;font-weight: 400;line-height: 18.5714px;white-space: pre-wrap;white-space: -moz-pre-wrap;word-wrap: break-word;word-break: break-word;}
abbr {text-decoration: none;}
a.anchor {display: block;position: relative;top: -100px;visibility: hidden;}

/*******************************
Breadcrumbs
*******************************/
#breadcrumbs {margin: 0px 0px 10px 5px;padding-bottom:10px;float:right;}
.breadcrumb {list-style-type: none;margin-left: 0;}
.breadcrumb li {display: inline;padding: 0 !important;}
.breadcrumb a {color: #036575;border-bottom: 1px solid #d3d4ce;box-shadow: inset 0 -1px 0 #d3d4ce;transition: 400ms;}
.breadcrumb a:hover {border-bottom: 1px solid #036575;box-shadow: inset 0 -1px 0 #036575;text-decoration: none;}
.divider {color: #FCB34C;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/*******************************
Colors, Borders, Background Images
*******************************/
.icon-teal-filled {background: #036575;box-shadow: 1px 1px 1px #545454;}
.top-border {border-top: #FCB34C solid 3px}
.rightborder {border-right: 3px solid #FCB34C;}
.leftborder {border-left: 3px solid #FCB34C;}
.box-right-border {border-right: 2px solid #D0D0D0;}
.bottomborder {border-bottom: 3px solid #FCB34C;}
.bottomborder-teal {border-bottom: 3px solid #008c99;margin-bottom: 5px;}
.bottomborder-darkteal {border-bottom: 3px solid #036575;margin-bottom: 5px;}
.bottomborder-red {border-bottom: 3px solid #9e0039;margin-bottom: 5px;}
.bottomborder-terracotta {border-bottom: 3px solid #B84221;margin-bottom: 5px;}
.bottomborder-blue {border-bottom: 3px solid #0079C1;margin-bottom: 5px;}
.bottomborder-orange {border-bottom: 3px solid #F15A22;margin-bottom: 5px;}
.bottomborder-green {border-bottom: 3px solid #A3B237;margin-bottom: 5px;}
.bottomborder-purple {border-bottom: 3px solid #99089C;margin-bottom: 5px;}
.bottomborder-white {border-bottom: 3px solid #FFFFFF;margin-bottom: 5px;}
.blue-title, .blue-title a {color: #0079C1 !important;}
.white-title {color: #FFFFFF !important;font-size: 1.5em;}
.black-title, .black-title a {color: #000000 !important;font-size: 1.3em;}
.teal-title, .teal-title p, .teal-title a {color: #036575 !important;}
.white-title a {color: #FFFFFF !important;}
.yellow-title, .yellow-title a {color: #FECA7D !important;}
.gold-title, .gold-title a {color: #FCB34C !important;}
.xxl-title, .xxl-title p, .xxl-title a {font-size: 3em !important;}
.xl-title, .xl-title p, .xl-title a {font-size: 2em !important;}
.large-title, .large-title p, .large-title a {font-size: 1.5em !important;}
.medium-title, .medium-title p, .medium-title a {font-size: 1.2em !important;}
.small-title, .small-title p, .small-title a {font-size: 1.1em !important;}
.grey-header {background-color: #E8E8E8;padding: 10px 0 10px 0;margin: auto 0;}
.light-grey {background-color: #F0F0F0 !important;}
.lighter-grey {background-color: #F5F5F5 !important;}
.lightest-grey {background-color: #F8F8F8 !important;}
.bg-grey,.cccgrey {background-color: #E0E0E0 !important;}
.mid-grey {background-color: #DCDCDC !important;}
.dark-grey {background-color: #505050 !important;}
.darker-grey {background-color: #292929 !important;}
.darkest-grey {background-color: #191919 !important;}
.intrinsic-grey {background-color: #16161d !important;}
.cccdarker-teal {background-color: #1C595E !important;}
.cccdark-teal {background-color: #036575 !important;}
.cccmid-teal {background-color: #00838F !important;}
.cccteal {background-color: #008C99 !important;}
.ccclight-teal {background-color: #00CBDE !important;}
.cccgold {background-color: #FCB34C !important;}
.cccoldgold {background-color: #FDBC5D !important;}
.cccdark-gold {background-color: #DE9C16 !important;}
.cccblue {background-color: #0079C1 !important;}
.cccdark-blue {background-color: #004e7d !important;}
.cccbluehover:hover {background-color: #0079C1 !important;transition: all 400ms;}
.cccpurple {background-color: #99089C !important;}
.cccdark-purple {background-color: #6F0073 !important;}
.cccred {background-color: #9E0039 !important;}
.cccterracotta {background-color: #B84221 !important;}
.cccdark-terracotta {background-color: #87260a !important;}
.cccmid-red {background-color: #DE2F16!important;}
.cccdark-red {background-color: #700029 !important;}
.cccgreen {background-color: #A3B237 !important;}
.cccforest-green {background-color: #566629 !important;}
.ccclight-green {background-color: #bec4a6 !important;}
.cccorange {background-color: #F15A22 !important;}
.bg-white,.cccwhite {background-color: #FFFFFF !important;}
.bg-white-inverse {background-color: #FFFFFF;}
.bg-black,.cccblack {background-color: #000000 !important;}
.nau-blue {background-color:#003466 !important;}
.asu-maroon {background-color:#8C1D40 !important;}
.uoa-red {background-color:#AB0520 !important;}
.gcu-purple {background-color:#522398 !important;}
.cccred-tile {background: url(/images/backgrounds/red-pattern.jpg) repeat fixed center;background-color: #9e0039;}
.cccteal-tile {background: url(/images/backgrounds/teal-pattern.jpg) repeat fixed center;background-color: #008c99;}
.cccdark-teal-tile {background: url(/images/backgrounds/teal-pattern-dark.jpg) repeat fixed center;background-color: #036575;}
.cccdarker-teal-tile {background: url(/images/backgrounds/teal-pattern-darker.jpg) repeat fixed center;background-color: #004855;}
.cccgold-teal-tile {background: url(/images/backgrounds/gold-pattern.jpg) repeat fixed center;background-color: #FCB34C;}
.cccblue-tile {background: url(/images/backgrounds/blue-pattern.jpg) repeat fixed center;background-color: #0079c1;}
.cccdark-grey-tile {background: url(/images/backgrounds/grey-pattern-dark.jpg) repeat fixed center;background-color: #212121;}
.cccpurple-tile {background: url(/images/backgrounds/purple-pattern.jpg) repeat fixed center;background-color: #540057;}
.background-design {background-image: url("/resources/images/images/teal-repeating-background.jpg");background-repeat: repeat;background-color:#004855;}
.text-outline {text-shadow: -2px -2px 0px #000, -2px -2px 0px #000, 2px -2px 0px #000, -2px 2px 0px #000, 1px -1px 0px #000, -1px 1px 0px #000, -1px -1px 0px #000, -1px -1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 0px 0px 0px #000, 0px 0px 0px #000, 1px 0px 1px #000, 0px 1px 1px #000, 2px 1px 1px #000, 1px 2px 1px #000;}

/*******************************
Alerts
*******************************/
.alert, .alert-success, .alert-info, .alert-warning, .alert-danger {padding: 8px 35px 8px 14px;margin-bottom: 20px;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);background-color: #fcf8e3;border: 1px solid #fbeed5;-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;}
.alert-success {color: #468847;background-color: #dff0d8;border-color: #d6e9c6;}
.alert-info {background-color: #d9edf7;border-color: #bce8f1;color: #31708f;}
.alert-warning {background-color: #fcf8e3;border-color: #faebcc;color: #8a6d3b;}
.alert-danger {background-color: #f2dede;border-color: #ebccd1;color: #a94442;}
.alert-danger h1, .alert-danger h2, .alert-danger h3, .alert-danger h4, .alert-danger h5, .alert-danger h6, .alert-danger strong {color: #a94442;}
.alert-warning h1, .alert-warning h2, .alert-warning h3, .alert-warning h4, .alert-warning h5, .alert-warning h6, .alert-warning strong {color: #8a6d3b;}
.alert-info h1, .alert-info h2, .alert-info h3, .alert-info h4, .alert-info h5, .alert-info h6, .alert-info strong {color: #31708f;}
.alert-success h1, .alert-success h2, .alert-success h3, .alert-success h4, .alert-success h5, .alert-success h6, .alert-success strong {color: #3c763d;}
#system-message-container joomla-alert[type=message], #system-message-container joomla-alert[type=success] {--alert-accent-color: #036575 !important;}
#system-message-container joomla-alert[type=info], #system-message-container joomla-alert[type=notice] {--alert-accent-color: #0079c1 !important;}
#system-message-container joomla-alert[type=warning] {--alert-accent-color: #f15a22 !important;}
#system-message-container joomla-alert[type=danger], #system-message-con tainer joomla-alert[type=error] {--alert-accent-color: #9e0039 !important;}
#system-message-container joomla-alert[type=message], #system-message-container joomla-alert[type=success],#system-message-container joomla-alert[type=info], #system-message-container joomla-alert[type=notice],#system-message-container joomla-alert[type=warning],#system-message-container joomla-alert[type=danger], #system-message-con tainer joomla-alert[type=error] {--alert-heading-text: #ffffff !important; background-color: #ffffff !important;color: #000000 !important;--alert-close-button: #000 !important;}

/*******************************
Main Components 
*******************************/
.o-wrapper {/* is manipulated from the menu.css */-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;}
/*.site-grid, .container {margin: 0 auto;padding: 0;clear: both;display: flex;flex-wrap: nowrap; justify-content: center;}*/
.site-grid, .container {margin: 0 auto;padding: 0;clear: both;display: flex;display:-webkit-flex;flex-wrap: wrap;justify-content: center;}
/*.grid-child.container-component {width: 100%;margin: 0 auto;flex: 2 1 auto;max-width: 1399px;padding: 0;clear: both;display: flex;justify-content: center;}*/
.grid-child.container-component {margin: 0 auto;width: 100%;max-width: 1399px;padding: 0;clear: both;display: block;flex:1;}
.grid-child.container-top-a, .grid-child.container-bottom-b, .grid-child.container-bottom-c {width:100%;overflow: hidden;}
/*.com-content-article.item-page {max-width:1280px; min-height: 580px;width: 100%;float: left;padding-top: 30px;margin-bottom: 20px;}*/
.com-content-article.item-page {max-width: 100%; /*1280px*/ min-height: 580px;width: 100%;float: left;padding-top: 10px;margin-bottom: 20px;}
.com-wrapper.contentpane {max-width: 100%;min-height: 580px;width: 100%;float: left;padding-top: 10px;margin-bottom: 20px;}
@media only screen and (max-width: 1199px) {.com-content-article.item-page {padding: 15px;}}
.grid-child.container-sidebar-right {margin-top: -8px;max-width: 275px;display: flex;flex-flow: column wrap;align-content: start;margin-right: 5px;height: max-content;min-width: 275px;}
#showcolumns{width: 100%;margin: 0 auto;flex:2 1 auto;max-width:1199px;}
#shownocolumns {width: 100%;margin: 0 auto;flex: 2 1 auto;max-width:1399px;}
#right-column,#left-column-nocol{flex:1 1 auto;}
#left-column{flex:2 1 auto;}
@media only screen and (max-width: 1199px) {
	.site-grid, .container {width: 100%;margin: 0 auto;padding: 0px;clear: both;flex-direction:column;} .com-content-category-blog.blog {padding: 0 10px;} #showcolumns {width:100%;}.o-wrapper {overflow-x: scroll;}}
.item-page h1 {padding: 15px 0 20px 0px;/*border-bottom: 1px solid #d3d4ce;box-shadow: inset 0 -1px 0 #d3d4ce;*/}
@media only screen and (min-width: 1025px) {
	.item-page h1 {margin-right: 60px;}}
.learn-more a {padding: 10px;background-color: #2bbbad;box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);color: #ffffff;transition: all 0.5s;}
.learn-more a:hover, .learn-more a:focus {background-color: #036575;}
.unseen, .hidelabeltxt, #line label {display: inline;height: 0;left: -3000px;position: absolute;top: -2000px;width: 0;}
.medialinks:hover {filter: opacity(50%);background-color: transparent;}
ul.skiplinks, ol.skiplinks {list-style: none;margin: 0;}
.skiplinks, .skiplinks li {display: inline;height: 0;line-height: 0;padding: 0 !important;}
.skiplinks li a.u2 {display: inline;height: 0;left: -3000px;position: absolute;top: -2000px;width: 0;}
.skiplinks li a.u2:active, .skiplinks li a.u2:focus {position: absolute;width: 13em;top: -4em;left: 10px;line-height: 1.5em;padding: 5px;font-weight: bold;height: 3em;}
.com-wrapper.contentpane iframe {border:0;}
.moduletable.spacing {padding: 20px 0;}
.card.spacing {padding: 20px 0;}
.card.space {padding:10px;}
.card.topborder {border-top: 3px solid #FCB34C;}
.offset {margin:50px;}
.offset-sm {margin:15px;}
.offset-top {margin-top: 50px;}
.offset-top-sm {margin-top: 15px;}
.offset-bottom {margin-bottom: 50px;}
.offset-bottom-sm {margin-bottom: 15px;}
.offset-right-sm {margin-right: 15px;}
.offset-left-sm {margin-left: 15px;}
.count-number {font-size: 2em;}
.vert-align {vertical-align:middle;text-align:center;vertical-align: middle;justify-content:center;align-self:center;}
.center-align {text-align: center;margin: 0 auto;justify-content:center;}
.left-align {text-align: left;justify-content: start !important;align-content: start !important;}
.float-left {float:left !important;}
.float-right {float:right !important;}
img.left,img.pull-left {float: left;margin-right: 10px;}
img.right,img.pull-right {float: right;margin-left: 10px;}
img.pull-center {display: block;margin: 0 auto;}
.bottom-right {display: block;position: absolute;bottom: 0;right: 0;}
.bottom-left {display: block;position: absolute;bottom: 0;left: 0;}
html *:last-child {margin-bottom: 0;}
html *:first-child {margin-top: 0;}

/*******************************
Images
*******************************/
.border {border: 2px solid #ffffff;box-shadow: 1px 1px 2px #000;margin: 0 5px 0 5px;}
.img-border-white {border: 2px solid #ffffff;box-shadow: 1px 1px 2px #000;}
.img-border-black {border: 2px solid #000000;box-shadow: 1px 1px 2px #000;}
.img-border-grey {border: 2px solid #cccccc;box-shadow: 1px 1px 2px #000;}
.img-border-teal {border: 2px solid #036575;box-shadow: 1px 1px 2px #000;}
.img-border-gold {border: 2px solid #FCB34C;box-shadow: 1px 1px 2px #000;}
.img-border-oldgold {border: 2px solid #fdbc5d;box-shadow: 1px 1px 2px #000;}
@media only screen and (max-width: 450px) {
	.img-border-white, .img-border-black, .img-border-teal {margin: 0;}}
@media only screen and (max-width: 700px) {
	.border {margin: 0;}
    .bottom-right {position: initial;}
    .bottom-left {position: initial;}}
@media only screen and (max-width: 650px) {
	.mobile-image, .mobile-imagey {width: 100% !important; height: auto !important;  float: none !important;}}
img.img-rounded {-webkit-border-radius: 6px;-moz-border-radius: 6px;}
img.img-polaroid {padding: 4px;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
img.img-circle {-webkit-border-radius: 500px;-moz-border-radius: 500px;border-radius: 500px;}

/*******************************
List
*******************************/
.list ul, .list ol {list-style: none;margin: 0;}
.list.list-bordered {border: 1px solid #dddddd;border-radius: 5px;}
.list.list-bordered li {border-bottom: 1px solid #dddddd;}
.list.list-bordered li:last-child {border-bottom: 0;}
.list li strong {display: block;color: #ffffff;background-color: #0275d8;padding: 10px 5px;font-size: 1.15em;}
.list li, .list li a {display: block;width: 100%;transition: all 0.5s;text-decoration: none;display: block;box-shadow: none !important;border: 0 !important;}
.list li a {padding: 2px 5px;}
.list li:hover, .list a:focus, .list li a:hover {background-color: #eceeef !important;color: #818a91 !important;}
.list-padding a {padding: 0px 4px !important;}
.list-padding {padding: 0px 4px !important;}
.navigation {border-left: 2px solid #c5c5c5;}
.menu-jump a {float: right;margin: 5px 10px;color: #036575;border-bottom: 1px solid #d3d4ce;box-shadow: inset 0 -1px 0 #d3d4ce;transition: 400ms;}
@media only screen and (min-width: 1200px) {
	.menu-jump, .menu-anchor {display:none;}}

/*******************************
Columns
*******************************/
.two-col {float: left;width: 49%;padding: 5px;}
@media only screen and (max-width: 767px) {
	.two-col {float: left; width: 100% !important;}}
.four-col {float: left;width: 25%;padding: 5px;margin-bottom: 15px;}
@media only screen and (min-width: 377px) and (max-width: 409px) {
	.four-col {float: left; width: 42% !important;}}
@media only screen and (max-width: 767px) {
	.four-col {float: left; width: 50%; flex: auto; box-sizing: border-box;}}
.five-col {float: left;width: 20%;padding: 5px;margin-bottom: 15px;}
@media only screen and (max-width: 1024px) {
	.five-col {float: left; width: 50%;}}
@media only screen and (max-width: 450px) {
	.five-col {float: left; width: 40%;}}
.flex-four {display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}

/*******************************
Videos
*******************************/
.video-block {overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.video-block iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
div.youtube_embed {height: auto;margin-top: 15px;max-width: 100%;overflow: hidden;padding-top: 30px;}
div.youtube_embed iframe, div.youtube_embed object, div.youtube_embed embed {height: 100%;left: 0;position: absolute;top: 0;width: 100%;}

/*******************************
Header and Top Menu
*******************************/
header a {color: #ffffff;}
header a:hover, header a:focus {color: #FCB34C;text-decoration: underline;transition: all 500ms;}
header#page-image-header {height: 150px;box-shadow: 0px 0px 15px #b9b9b9;margin-bottom: 20px;background: #036575 url(/./templates/v3ccc/images/page-header.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.page-header img {min-height:200px;width:auto;overflow:hidden;object-fit: cover;-webkit-box-shadow: 0 5px 10px -3px rgba(0,0,0,0.35);-moz-box-shadow: 0 5px 10px -3px rgba(0,0,0,0.35);box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.2);margin-bottom: 0px;display:block;position: relative;width: 100%;height: 100%;opacity: 0.60;-moz-opacity: 60%;-webkit-opacity: 60%;filter: brightness(1.2);}
header .mod-randomimage.random-image {background: linear-gradient(to top, #036575, #008c99);}
header .mod-randomimage.random-image::after {border-bottom: 3px solid #FCB34C;width: 100%;display: block;}
@media only screen and (min-width: 300px) {
	.page-header img,.mod-randomimage.random-image img {min-height:200px;}}
@media only screen and (min-width: 1280px) {
	.page-header img,.mod-randomimage.random-image img {min-height:250px;}}
@media only screen and (min-width: 1400px) {
	.page-header img,.mod-randomimage.random-image img {min-height:255px;}}
@media only screen and (min-width: 2400px) {
	.page-header img,.mod-randomimage.random-image img {min-height:320px;}}
@media only screen and (min-width: 2800px) {
  .page-header, .page-header img, .mod-randomimage.random-image, .mod-randomimage.random-image img {margin-left:auto; margin-right:auto;}}

/*******************************
Allows Search on Tablets
*******************************/
@media only screen and (min-width: 768px) and (max-width: 1199px) {
	#search {display: flex;width: 50%;}
	#main-menu-btn {width: 30%;}#mobile-search {display: none;}
	#logoheader img {width: 20vw;transition: 250ms ease-in-out all;height: auto;}
	#calltoaction {width: 0% !important;}}
@media only screen and (min-width: 1199px) and (max-width: 1399px) {
	#calltoaction {width: 16% !important;transition: 100ms ease-in-out all;}}
@media only screen and (width: 1024px) {
	#logoheader {width: 20%;transition: 400ms ease-in-out all;}}
@media only screen and (max-width: 1199px) {
	#top-menu > .header-announcement {margin-top: 21px;position: sticky !important;}
	#search {min-height: 70px;}}
@media only screen and (min-width: 1025px) {
	#myccclink {width: 14%;display: none;}
	#phone {width: 29%;display: none;}
	#mobile-search {display: none;}}
@media only screen and (min-width: 1200px) {
	#main-menu-btn {display: none;}}
@media only screen and (max-width: 499px) {
	#search {display: none;}}
  
/*******************************
Search 
*******************************/
.com-finder.finder {padding: 15px;}
#search-results .result__title-link a {color: #000;}
#search-results a.result__title-link {color: #000;text-decoration: none;transition: all 400ms ease-in-out;}
cite.result__title-url {color: #036575;}
span.result__title-text {font-size:1.5em;font-weight: bold;padding: 10px 0;}
#search-form input.js-finder-search-query {width: auto;font-size: 1em;color: #000000;background-color: #ffffff;padding: 10px 10px;border: solid 1px #ccc;border-radius: 5px;text-align: left;box-shadow: 1px 1px 4px 0px #dddddd !important;}
#search-form button.btn.btn-primary {height: 40px;margin: 0;max-width: 100%;line-height: normal;border-radius: 5px;border: solid 1px #008c99;text-transform: none;font-family: "Open Sans";background-color:#036575;color:#fff;}
ol#search-result-list {margin-left: 0;}
#search-form label.me-2 {display: none;}
#search-result-list li.result__item {padding:20px; background-color: #fafafa; border: 1px solid #ccc;}
.result__item+.result__item {margin-top: 0em;}
figure.result__image img {max-height: 200px;}
figure.result__image {margin-inline-start: 0px;}
div#search-query-explained a {color: #016375;text-decoration: underline;font-weight: bold;}
.com-finder__navigation.search-pagination {font-size: 16px;line-height: 20px;vertical-align: middle;padding-bottom: 10px;display: block;width: 100%;}
.search-pagination ul.pagination.ms-0.mb-4 {display: inline-block;list-style: none;margin-left: 0;padding-left: 0;padding-bottom: 20px;}
.search-pagination li.active.page-item {outline: 1px solid #0cb5d4;background-color: #008c99;}
.search-pagination li.disabled.page-item {outline: 1px solid #ddd;background-color: #ccc;}
.search-pagination li.page-item {padding: 10px;display: inline-block;outline: 1px solid #ddd;background-color: #fff;border-radius: 3px;}
.search-pagination li.page-item:hover, .search-pagination li.page-item:focus {background-color: #eee;transition: 200ms ease-in-out all;}
.search-pagination li.active.page-item:hover a, .search-pagination li.active.page-item:focus a {color: #000;transition: 200ms ease-in-out all;}
.search-pagination li.disabled.page-item {color: #545454;}
.search-pagination li.active.page-item a {color: #fff;}
.search-pagination li.page-item a {color: #000;}
#search-result-list .result__item .n2-section-smartslider {display: none;}
div#search-notice {padding: 20px;background-color: #fafafa ;border: 1px solid #fdbc5d;}
p.search-notice-heading {color:#000; font-size: 1.25em; font-weight: bold;}
p.search-notice-text {color:#000; padding:0.25em 0 0.5em 0;}
#search-notice a {color:#016375;}
p.search-notice-heading:hover {text-decoration: underline;}

/*******************************
Article 
*******************************/
main #content {margin-bottom: 20px;}
.com-content-article {padding: 0 10px 0 5px;}
@media only screen and (min-width: 1199px) {
	.com-content-article {min-height: 780px;}}
ul.actions {list-style: none;margin: 0px;text-align: right;display: block;text-decoration: none;border: 0;padding-right: 5px;margin: -35px 0 10px 0;}
ul.actions a {text-decoration: none;border: 0;}
#showcolumns>#content {width: 100%;float: left;padding-top:0px;}
#shownocolumns>#content {width: 100%;padding-top:20px;}
ul.actions {display: none;}
@media only screen and (min-width: 1025px) {
	ul.actions {display: block;} 
	li.print-icon:before {content: "\f02f"; font-family: Font Awesome 6 Pro;}
	.com-content-article p a, .com-content-article li a, .com-content-article address a, .acalog-permalink-link, table.color-white a {box-shadow: inset 0 -1px 0 #d3d4ce; transition: all 400ms ease-in-out;}
	.com-content-article address a:focus, .com-content-article address a:hover, .com-content-article li a:focus, .com-content-article li a:hover, .com-content-article p a:focus, .com-content-article p a:hover, .quick-glance a:hover, .quick-glance a:focus, .acalog-permalink-link:hover, .acalog-permalink-link:focus, table.color-white a:hover, table.color-white a:focus {box-shadow: inset 0 -1px 0 #036575; text-decoration: none; transition: all 400ms ease-in-out}
	.article-info {margin-bottom: 10px;}}
.underline {border-bottom: 1px solid #EEE;margin-bottom:5px;}
@media only screen and (min-width: 766px) {
	.underline {border-bottom: 1px solid #EEE; margin-bottom: 15px;}}
.line {display: flex;flex-direction: row;text-align: center;position: relative;}
.line:before, .line:after{content: "";border-bottom: 3px inset;margin: auto 1em;display: inline-flex;flex: 1;}
.line:before {margin-right: 10px;}
.line:after {margin-left: 10px;}
@media only screen and (max-width: 480px) {
	.full {display: block; width: 100%;}}
/*.pbreakline {line-height: 0 !important;padding: 5px 0 0;}
.pbreakside {line-height: 22px !important;padding-bottom: 5px;}
.pbreakside a {color: #000;border-bottom: 1px solid #d3d4ce;box-shadow: inset 0 -1px 0 #d3d4ce;transition: 400ms;}
.pbreakside a:hover {border-bottom: 1px solid #036575;box-shadow: inset 0 -1px 0 #036575;text-decoration: none;}*/
.sidelink a {color: #000;/*border-bottom: 1px solid #d3d4ce;*/box-shadow: inset 0 -1px 0 #d3d4ce;transition: all 400ms ease-in-out;}
.sidelink a:hover, .sidelink:focus {/*border-bottom: 1px solid #036575;*/box-shadow: inset 0 -1px 0 #036575;text-decoration: none;}
.quick-glance {border: 1px #dbdbdb solid;border-radius: 5px;padding: 15px 15px;min-height: 55px;margin: 15px 0;}
.quick-glance-image {margin-right: 10px;}
.com-content-article .quick-glance a {box-shadow: inset 0 -1px 0 #d3d4ce;transition: all 400ms ease-in-out;}
.page-topper {width:100%;max-width:100%;}
.page-topper img {width:100% !important;max-width:100}

/*******************************
Buttons
*******************************/
.btn-ccc {text-shadow: 1px 1px 3px #666666;text-decoration: none;width: 17%;position: static;display: inline-block;float: none;text-align: left;white-space: nowrap;}
.btnmargin {margin-top: -20px !important;background-color: #036575;}
.btn-ccc:hover {text-decoration: none;text-shadow: #1b1b1b 0 1px 0;background: #3c3c3c;color: #fff;transition: all 400ms;text-decoration: none;}
.btn-ccc:hover > .btnfa {background: #fcbc5d;transition: 400ms all;}
.btn-ccc a {font-size: 20px;color: #fff;}
.btn-ccc a:visited, hover {color: #fff;}
.btnfa {padding: 17px !important;background-color: #008c99;text-align: center;color: #fff;min-width: 52px;min-height: 50px;}
@media only screen and (max-width: 1023px) {
	.btn-ccc {width: 50%; background-color: #036575; float: left;}}
@media only screen and (max-width: 350px) {
	.btn-ccc {width: 100%;}
.btnmobile {border-radius: 7px !important;}}
.buttoncontainer {list-style: none;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;background-color: #036575;}
.fabutton {display: flex;width: 20%;flex-direction: column;justify-content: center;}
.cccbutton {color: white;font-weight: bold;display: flex;align-items: center;height: 100%;}
.cccbutton:hover {background: #008c91;text-decoration: none;transition: all 400ms;}
@media only screen and (max-width: 990px) {
	.cccbutton {width: 100%;}}
@media only screen and (max-width: 930px) {
	.fabutton {width: 50%;}}
@media only screen and (max-width: 460px) {
	.fabutton {display: flex; width: 100%; flex-direction: column; justify-content: center;}
	.cccbutton {width: 100%;}}
.button-wrap {margin: 10px auto;display: flex;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;flex-flow: row wrap;-webkit-flex-flow: row wrap;margin: 0;width: 100%;padding: 3px;justify-content:center;}
.button-nowrap {flex-flow: row nowrap;-webkit-flex-flow: row nowrap;}
.round-button {display:inline-block;box-shadow: none !important;padding: 10px 20px;border-radius: 2px;text-shadow: #3e3e3e 0 1px 0;color: #ffffff;font-size: 1.1em;vertical-align: middle;border-left: 1px solid transparent;border-right: 1px solid transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;text-align:center;flex: 1 1 19%;max-width:422px;}
.round-button-light {display:inline-block;box-shadow:none !important;padding:10px 20px;border-radius:2px;text-shadow:#e0e0e0 0 1px 0;color: #000;font-size:1.1em;vertical-align:middle;border:1px solid #c9c9c9;text-align:center;transition:all 400ms;flex: 1 1 19%;max-width:422px;}
a.round-button, p.round-button {color: #fff ;margin: 2px;}
a.round-button-light, p.round-button-light {color: #000;margin: 2px;}
.round-button-a {border: 0px solid #002f36;border-bottom: 0 !important;box-shadow: none !important;background: #016475;padding: 15px 30px;border-radius: 2px;text-shadow: #3e3e3e 0 1px 0;color: #ffffff;font-size: 1.1em;width: 350px;vertical-align: middle;margin-bottom: 5px !important;min-width: 150px;}
.round-button:hover, .round-button-light:hover, .round-button-a:hover, .round-button-b:hover, .round-button-c:hover, .round-button-d:hover, .round-button-e:hover  {border-left: 1px solid transparent;border-right: 1px solid transparent;border-top: 1px solid transparent;border-bottom: 1px solid #FCB34C;text-shadow: #1b1b1b 0 1px 0;background: #3c3c3c !important;color: #fff;transition: all 400ms ease-in-out;}
.round-button-light:hover, .round-button-light:hover a {color: #fff !important;}
@media only screen and (max-width: 705px) {
	.round-button, .round-button-light {width: 100%; display:block; flex-basis: 100%; -webkit-flex-basis: 100%; max-width: 100%;}}
.round-button-b {border: 0px solid #00507d;border-bottom: 0 !important;box-shadow: none !important;background: #0079c1;padding: 15px 30px;border-radius: 2px;text-shadow: #3e3e3e 0 1px 0;color: #ffffff;font-size: 1.1em;width: 350px;vertical-align: middle;margin-bottom: 5px !important;min-width: 150px;}
.round-button-c {border: 0px solid #002d47;border-bottom: 0 !important;box-shadow: none !important;background: #008c99;padding: 15px 30px;border-radius: 2px;text-shadow: #3e3e3e 0 1px 0;color: #ffffff;font-size: 1.1em;text-decoration: none;width: 350px;vertical-align: middle;margin-bottom: 5px !important;min-width: 150px;}
.round-button-d {border: 0px solid #6b0027;border-bottom: 0 !important;box-shadow: none !important;background: #9e0039;padding: 15px 30px;border-radius: 2px;text-shadow: #3e3e3e 0 1px 0;color: #ffffff;font-size: 1.1em;text-decoration: none;width: 350px;vertical-align: middle;margin-bottom: 5px !important;min-width: 150px;}
.round-button-e {border: 0px solid #002f36;border-bottom: 0 !important;box-shadow: none !important;background: #fff;padding: 15px 30px;border-radius: 2px;text-shadow: #efefef 0 1px 0;color: #036575;font-size: 1.1em;width: 350px;vertical-align: middle;margin-bottom: 5px !important;min-width: 150px;}
.image-button {border-bottom: 4px solid transparent;box-shadow: none !important;border-radius: 2px;text-shadow: #3e3e3e 0 1px 0;color: #ffffff;font-size: 1.1em;vertical-align: middle;text-align:center;padding-bottom: 10px;flex: 1 1 19%;max-width:350px;}
.image-button img {padding-bottom:10px;width:100%;height:auto;}
.image-button:hover {border-bottom:4px solid #FCB34C;text-shadow:#1b1b1b 0 1px 0;background: #3c3c3c !important;color:#fff;transition: all 400ms;}
a.image-button, p.image-button {color: #fff !important;margin: 2px;}
.button-one-wrap {width: 100%;flex-basis: auto;-webkit-flex-basis: 100%;max-width: 100%;flex-flow: row wrap;-webkit-flex-flow: row wrap;align-items: center;}
.button-two-wrap {width: 48.999%;flex-basis: 48.999%;-webkit-flex-basis: 48.999%;max-width: 48.999%;flex-flow: row wrap;-webkit-flex-flow: row wrap;align-items: center;}
.button-three-wrap {width: 32.9%;flex-basis: 33.333%;-webkit-flex-basis: 33.333%;max-width: 32.9%;flex-flow: row wrap;-webkit-flex-flow: row wrap;align-items: center;}
.button-four-wrap {width: 24.5%;flex-basis: 24.5%;-webkit-flex-basis: 24.5%;max-width: 24.5%;flex-flow: row wrap;-webkit-flex-flow: row wrap;align-items: center;}
.button-five-wrap {width: 19.5%;flex-basis: 19.5%;-webkit-flex-basis: 19.5%;max-width: 19.5%;flex-flow: row wrap;-webkit-flex-flow: row wrap;align-items: center;}
@media only screen and (max-width: 1100px) {
	.button-three-wrap,.button-four-wrap,.button-five-wrap {width: 48.999%;flex-basis: 48.999%;-webkit-flex-basis: 48.999%;max-width: 48.999%}}
@media only screen and (max-width: 705px) {
	.round-button-a,.round-button-b,.round-button-c,.round-button-d,.round-button-e, .image-button {width:100%;}
.button-two-wrap,.button-three-wrap,.button-four-wrap,.button-five-wrap {width: 100%; flex-basis: 100%; -webkit-flex-basis: 100%; max-width: 100%;}.button-nowrap {flex-flow: row wrap;-webkit-flex-flow: row wrap;}}
.button-text-xlarge {font-size:2em;}
.button-text-large {font-size:1.5em;}
.button-text-small {font-size:1em;}
.button-text-xsmall {font-size:0.75em;}

/*******************************
Footer 
*******************************/
footer {clear: both;/*background-color: #036575;*/padding-top: 10px;min-height: 320px;border-top: 3px solid #FCB34C;box-shadow: 0px 5px 10px 3px rgba(0,0,0,0.2);width: 100%;}
footer p, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer address {color: #ffffff;}
footer a {color: #feca7d;text-decoration: none;transition: 400ms;}
footer a:hover, footer a:focus {box-shadow: inset 0 -1px 0 #fff;text-decoration: none;}
#sub-footer {clear: both;width: 100%;text-align: center;/*background-color: #004855;*/color:#fff;padding:5px;}

/*Jump to Top Floating*/
a#back-top {position: fixed;bottom: 25px;right: 25px;z-index: 99;border: 1px solid #00000020;outline: none;background-color: #21212185;cursor: pointer;padding: 5px;border-radius: 10px;}
a#back-top span {color: #fff;font-size: 15px;text-align: center;}
#back-top .icon-arrow-up:before {content: "\f106";font-family: "Font Awesome 6 Pro";}