.header.nav { position: fixed !important; }
.headerspacer { display: block !important; }
.slicknav_menu { position: fixed; }

.ui-tooltip { z-index: 13002 !important; }
.ui-tooltip h4 { font-weight: 700; text-transform: uppercase; font-family: fira-sans; color: #fff; margin-bottom: 10px; }
.ui-tooltip h4.smallunderline:after { border-bottom: 2px solid #fff; width: 10px; }
.ui-tooltip p { font-size: 0.8em; font-style: italic; color: #fff }

#filtersbutton.pinnedToTop { position: fixed; z-index: 13001; top: 6px; }

.appliedfilters { margin-bottom: 20px; padding: 0 5px; font-size: 1.0rem; line-height: 1.3rem }
.appliedfilters h4 { font-size: 14px; text-transform: uppercase; font-weight: 700; color: #929290; margin-bottom: 5px; }
.appliedfilters p { font-weight: 600 }
.appliedfilters .remove { display: inline-block; margin-left: 2px; margin-right: 16px; width: 14px; height: 24px; cursor: pointer }
.appliedfilters .remove span { background-image: url('/images/icons/remove.png'); display: inline-block; width: 14px; height: 14px; vertical-align: top; margin-top: 5px; }
.appliedfilters .link { color: #e6560d; font-size: 14px; font-style: italic; font-weight: normal; text-transform: none; margin-left: 20px; }
.appliedfilters .link.first { margin-left: 0; }
.appliedfilters .linkselected { margin-left: 20px; }

.displayoptions { display: flex; align-items: start; justify-content: space-between; margin: 20px 0 10px; }
.displayoptions > div { display: inline-block; width: 100%; margin-left: 10px; text-align: right; }
.displayoptions h4 {margin-top: 8px; }
.displayoptions .link:first-child, .displayoptions .linkselected:first-child  { margin-left: 0; }

.challengefiltersdlg { z-index: 13001 !important; }
.challengefiltersdlg .ui-dialog-titlebar { padding: 15px 0px 5px 0px !important }
.challengefiltersdlg .ui-dialog-titlebar-icon { margin: -5px 0px 0px 0px; }
.challengefiltersdlg .ui-dialog-content { position: relative; padding: 0px !important; background: #007583; }
.challengefiltersdlg .buttonwrapper { position: sticky; bottom: 0; left: 0; right: 0; padding: 10px; text-align: right; background: rgba(2,78,87,0.7); z-index: 1000 }
.challengefiltersdlg .button { margin: 0; }

.challengefilterswrapper { width: 100% !important; padding: 10px; background: #007583; }
.challengefilterswrapper h4 { font-size: 14px; font-weight: 600; margin: 0; }
.challengefilterswrapper .togglelink { background-image: url('/images/icons/down-arrow-white.png'); display: inline-block; margin-left: 4px; width: 13px; height: 11px; }
.challengefilterswrapper .resetlink { color: #fff; font-size: 14px; font-style: italic; font-weight: normal; float: right; text-transform: none; }	
.challengefilterswrapper .count { width: 100%; background: #007583; color: #fff; padding: 16px; font-size: 16px; }
.challengefilterswrapper .filter {  color: #fff; border-bottom: 1px solid #cacaca; padding: 16px; }
.challengefilterswrapper .filter.last { border-bottom: none; }
.challengefilterswrapper .filter .ui-panel { border: 0; background: none; margin: 0; padding: 0; }
.challengefilterswrapper .filter .ui-panel-content { padding: 0; }
.challengefilterswrapper .filter ul { list-style-type: none; margin: 10px 0 0 0; padding: 0; }
.challengefilterswrapper .filter ul li { margin: 2px 0px; }
.challengefilterswrapper .filter ul li .ui-chkbox-box { border: 1px solid #ccc; box-shadow: none; background: linear-gradient(#eeeeee, #cccccc); }
.challengefilterswrapper .filter ul li .ui-chkbox-box.ui-state-hover { box-shadow: 0px 0px 8px #85b2cb }
.challengefilterswrapper .filter ul li .ui-chkbox-box.ui-state-active { background-image: none; }
.challengefilterswrapper .filter ul li .ui-chkbox-icon { margin: -12px 0 0 -8px; }
.challengefilterswrapper .filter ul li .ui-chkbox-label { color: #fff; font-size: 14px; font-weight: 600; margin: 0 0 0 10px; }
.challengefilterswrapper .filter .disabled .ui-chkbox-label { color: #a2a2a2; }
.challengefilterswrapper .filter .link { color: #e6560d; font-family: fira-sans; font-size: 16px; font-style: italic; font-weight: normal; }
.challengefilterswrapper .filteroption .help { float: right; cursor: pointer; color: white }
.challengefilterswrapper .filtermonth { display: inline-block; width: 32%; }

.challengeswrapper { display: flex; width: 100%; flex-wrap: wrap; justify-content: left; }
.challengeswrapper .challengetile { margin: 0 5px 18px 5px; flex-grow: 1;}


.col-1, .col-2, .col-3, .col-4, .col-6, .col-triple { max-width: calc(100% - 10px); }

h3.dates { text-transform: none; font-style: italic; font-weight: 100; font-family: fira-sans; font-size: 12pt; margin-top: 0px; color: #888 }

.sticky { position: fixed; top: 74px; bottom: 0; overflow-y: hidden; margin-bottom: 0; }

@media screen and (max-width: 1480px)
{
    #filtersbutton.pinnedToTop { left: 165px; }
}

@media screen and (max-width: 1200px) {
    .challengesearchresults.inner { padding: 0; }
}

@media screen and (min-width: 1130px) {
    .challengefiltersdlg .ui-dialog-content { min-width: 1050px; }
    .challengeswrapper .challengetile { margin: 0 5px 18px 5px; flex-grow: 1; width: calc(25% - 10px); max-width: calc(25% - 10px); }
}

@media screen and (max-width: 1130px) {
    .challengeswrapper .challengetile { width: calc(33.3% - 10px); max-width: calc(33.3% - 10px); }
}

@media screen and (max-width: 860px)
{
    .challengefiltersdlg { position: fixed; top: 0!important; bottom: 0 !important; }
    .challengefiltersdlg .ui-dialog-content { height: 100% !important; }
    .challengefiltersdlg .buttonwrapper { position: fixed; }
    .challengefilterswrapper { width: 100%; max-width: 100%; padding-bottom: 120px; }
    .challengefilterswrapper .filter.last { border-bottom: 1px solid #cacaca; }
}

@media screen and (max-width: 850px)
{
    .challengeswrapper .challengetile { width: calc(50% - 10px); max-width: calc(50% - 10px); }
    .displayoptions { justify-content: left; }
    #orderbutton.showat850 { display: inline-block!important; }
}

@media screen and (max-width: 680px)
{
    #filtersbutton.pinnedToTop { top: 80px; left: auto; }
    .challengeswrapper .challengetile { width: calc(100% - 10px); max-width: calc(100% - 10px); }
}

@media screen and (max-width: 600px) {  
    body .ui-selectonemenu.flatbutton.hasdownchevron:after { top: 14px; }
    body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon::before { content: ""}
}

@media screen and (max-width: 500px)
{
    #filtersbutton.pinnedToTop { top: 80px; left: auto; }
    .challengetile .summary, .challengetile .summary .desc { height: auto; }
}