/* titusm */
html{
line-height:1.15;
-webkit-text-size-adjust:100%
}
body{
margin:0
}
main{
display:block
}
h1{
font-size:2em;
margin:.67em 0
}
hr{
box-sizing:content-box;
height:0;
overflow:visible
}
pre{
font-family:monospace,monospace;
font-size:1em
}
a{
background-color:transparent
}
abbr[title]{
border-bottom:none;
text-decoration:underline;
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted
}
b,strong{
font-weight:bolder
}
code,kbd,samp{
font-family:monospace,monospace;
font-size:1em
}
small{
font-size:80%
}
sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sub{
bottom:-0.25em
}
sup{
top:-0.5em
}
img{
border-style:none
}
button,input,optgroup,select,textarea{
font-family:inherit;
font-size:100%;
line-height:1.15;
margin:0
}
button,input{
overflow:visible
}
button,select{
text-transform:none
}
button,[type=button],[type=reset],[type=submit]{
-webkit-appearance:button
}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{
border-style:none;
padding:0
}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{
outline:1px dotted ButtonText
}
fieldset{
padding:.35em .75em .625em
}
legend{
box-sizing:border-box;
color:inherit;
display:table;
max-width:100%;
padding:0;
white-space:normal
}
progress{
vertical-align:baseline
}
textarea{
overflow:auto
}
[type=checkbox],[type=radio]{
box-sizing:border-box;
padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
height:auto
}
[type=search]{
-webkit-appearance:textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
-webkit-appearance:none
}
::-webkit-file-upload-button{
-webkit-appearance:button;
font:inherit
}
details{
display:block
}
summary{
display:list-item
}
template{
display:none
}
[hidden]{
display:none
}
*,*::before,*::after{
box-sizing:inherit
}
html{
box-sizing:border-box
}
.expand:after,.collapse:after{
font-family:"Font Awesome 5 Free";
font-weight:900
}
.expand:after{
content:""
}
.collapse:after{
content:""
}
.collapsible{
display:none
}
.collapse+.collapsible{
display:block;
border-left:3px solid #ccc;
padding:0 0 0 1rem;
margin:0 0 1rem;
width:100%
}
body,button,input,select,optgroup,textarea{
color:#666;
font-family:"Sen",sans-serif;
font-size:1rem;
line-height:1.5
}
h1,h2,h3,h4{
color:#333;
margin-top:0
}
h5,h6{
color:#333;
font-family:"Sen",sans-serif;
margin-top:0
}
h1{
clear:both;
font-size:2.5rem;
font-weight:800;
line-height:1.2;
margin-bottom:1.875rem
}
@media(min-width: 768px){
h1{
font-size:3.125rem;
margin-bottom:3.125rem
}
}
h2{
font-size:2.1875rem;
font-weight:800;
line-height:1.2;
margin-bottom:1.875rem
}
@media(min-width: 768px){
h2{
font-size:2.5rem
}
}
h3{
font-size:1.875rem;
font-weight:700;
line-height:1.2;
margin-bottom:1.875rem
}
@media(min-width: 768px){
h3{
font-size:2.1875rem
}
}
h4{
font-size:1.56rem;
font-weight:700;
line-height:1.2;
margin-bottom:1.75rem
}
@media(min-width: 768px){
h4{
font-size:1.875rem
}
}
h5{
font-size:1.125rem;
font-weight:700;
line-height:1.2;
margin-bottom:1.4rem
}
@media(min-width: 768px){
h5{
font-size:1.375rem
}
}
h6{
font-size:1rem;
font-weight:700;
line-height:1.2;
margin-bottom:1rem
}
@media(min-width: 768px){
h6{
font-size:1.125rem
}
}
p{
margin-bottom:1.5rem;
margin-top:0
}
dfn,cite,em,i{
font-style:italic
}
blockquote{
display:flex;
background-color:#fff;
border:1px dashed #ccc;
border-radius:20px 0;
font-style:italic;
padding:20px 25px 20px 60px;
position:relative;
margin:1rem 0 1.5rem
}
@media(min-width: 768px){
blockquote{
margin:1rem 2.5rem 1.5rem
}
}
blockquote::before{
font-family:"Font Awesome 5 Free";
font-weight:900;
color:var(--primary);
opacity:.3;
content:open-quote;
font-size:6rem;
font-style:normal;
left:10px;
position:absolute;
top:0px;
line-height:1
}
blockquote::after{
opacity:0;
content:close-quote
}
blockquote a[rel=footnote]{
font-style:initial
}
address{
margin:0 0 1.5em
}
pre{
background:#ddd;
font-family:"Courier 10 Pitch",courier,monospace;
line-height:1.6;
color:#555;
margin-bottom:1.6em;
max-width:100%;
overflow:auto;
padding:1.6em
}
code,kbd,tt,var{
font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace
}
abbr,acronym{
border-bottom:1px dotted #ccc;
cursor:help
}
mark,ins{
background:#ddd;
text-decoration:none
}
big{
font-size:125%
}
body{
background:#fff
}
hr{
background-color:#ccc;
border:0;
height:1px;
margin-bottom:1.5em
}
.o-icon-chevron-down::before{
content:""
}
.language{
display:inline-flex;
align-items:center;
background-color:#f3f3f3;
border-radius:20px;
color:#333;
font-family:"Sen",sans-serif;
font-size:.75rem;
font-weight:600;
line-height:1;
padding:5px 10px 5px 5px;
vertical-align:top;
height:22px
}
.language::before{
content:"";
display:block;
background-color:var(--primary);
width:14px;
height:14px;
border-radius:50%;
margin-right:5px
}
ul,ol{
margin:0;
padding-left:2rem
}
ul{
margin-bottom:1.5rem
}
ul li{
margin-bottom:.5rem
}
ul li::marker{
color:var(--primary)
}
ol{
list-style:decimal;
margin-bottom:1.5rem
}
ol li{
margin-bottom:.5rem
}
ol li::marker{
color:var(--primary);
font-weight:600;
margin-right:15px
}
li>ul,li>ol{
margin-bottom:0;
margin-left:1.5em
}
dt{
color:#333;
font-size:1rem;
font-weight:600
}
@media(min-width: 768px){
dt{
font-size:1.125rem
}
}
dd{
margin:0 1rem 1rem 0
}
dd::after{
content:"";
clear:both;
display:table
}
embed,iframe,object{
max-width:100%
}
img{
height:auto;
max-width:100%
}
#main-content img{
border-radius:20px 0
}
figure{
margin:1em 0
}
.decoration{
display:inline-block;
font-size:0;
position:relative;
padding:10px 0 0 10px
}
.decoration::after{
content:"";
width:calc(100% - 10px);
height:calc(100% - 10px);
border-radius:20px 0;
position:absolute;
left:0;
top:0;
border:1px dashed var(--complementary);
z-index:2;
pointer-events:none
}
.decoration--thumbnail img{
border-radius:10px 0
}
.resource .description{
white-space:-moz-pre-wrap;
white-space:-hp-pre-wrap;
white-space:-o-pre-wrap;
white-space:-pre-wrap;
white-space:pre-wrap;
white-space:pre-line;
word-wrap:break-word;
word-break:break-word
}
.resource .description.fadeout{
position:relative;
max-height:6.2rem;
overflow:hidden
}
.resource .description.fadeout::after{
content:"";
background:linear-gradient(to right, rgba(255, 255, 255, 0), white 60%);
height:1.7rem;
left:50%;
position:absolute;
right:0;
top:4.5rem
}
.resource .description.ellipsis{
display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
overflow:hidden
}
.resource-tags{
display:flex;
flex-shrink:0;
flex-wrap:wrap;
gap:10px;
margin-bottom:15px
}
.resource-tags .resource-tag{
display:flex;
align-items:center;
color:#333;
background-color:#f3f3f3;
border-radius:20px;
font-size:.75rem;
font-weight:600;
padding:5px 10px
}
.resource-tags .resource-tag .resource-tag-color{
display:block;
width:14px;
height:14px;
border-radius:50%;
margin-right:5px
}
table{
margin:0 0 1.5em;
width:100%
}
.title,.block-pageTitle{
display:inline-block;
border-radius:5px 0 0 5px;
margin-bottom:1.875rem !important;
padding-left:18px;
position:relative
}
.title::before,.block-pageTitle::before{
display:block;
content:"";
background-color:var(--primary);
border-radius:5px 0 0 5px;
height:100%;
left:0;
position:absolute;
top:0;
width:8px
}
.title .title,.block-pageTitle .title{
margin-bottom:0 !important;
padding-left:0
}
.title .title::before,.block-pageTitle .title::before{
content:none
}
.slick-slide .title::before,.slick-slide .block-pageTitle::before{
content:none
}
.title.has-background,.block-pageTitle.has-background{
padding-right:10px
}
.title{
padding-bottom:.5rem
}
.caption{
font-style:italic;
font-size:.8125rem
}
.tooltip{
display:inline-block;
color:var(--secondary);
font-size:1.2rem;
line-height:1;
margin-left:5px;
position:relative
}
.tooltip::before{
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"";
color:var(--secondary);
font-size:1.2rem
}
.tooltip .tooltiptext{
background-color:var(--secondary);
border-radius:6px;
bottom:130%;
color:#fff;
font-size:.75rem;
left:50%;
margin-left:-106px;
padding:12px;
position:absolute;
text-align:center;
visibility:hidden;
width:212px;
z-index:1
}
.tooltip .tooltiptext::after{
content:"";
border-color:var(--secondary) transparent transparent transparent;
border-style:solid;
border-width:5px;
left:50%;
margin-left:-5px;
position:absolute;
top:100%
}
.tooltip:hover .tooltiptext{
visibility:visible
}
a{
color:var(--accent);
transition:all .2s;
word-wrap:break-word
}
a:visited{
color:var(--accent)
}
a:hover,a:focus,a:active{
color:var(--secondary-dark)
}
a:focus{
outline:thin dotted
}
a:hover,a:active{
outline:0
}
button,.button,input[type=button],input[type=reset],input[type=submit]{
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
border-radius:30px;
cursor:pointer;
padding:12px 30px;
text-decoration:none;
transition:all .3s ease;
background-color:var(--primary);
border:none;
color:#fff
}
button:hover:not(.disabled),.button:hover:not(.disabled),input[type=button]:hover:not(.disabled),input[type=reset]:hover:not(.disabled),input[type=submit]:hover:not(.disabled){
background-color:var(--primary-dark);
color:#fff
}
button:focus,.button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{
color:#fff;
outline:5px auto Highlight
}
button:disabled,button[disabled] button.disabled,.button:disabled,button[disabled] .button.disabled,input[type=button]:disabled,button[disabled] input[type=button].disabled,input[type=reset]:disabled,button[disabled] input[type=reset].disabled,input[type=submit]:disabled,button[disabled] input[type=submit].disabled,.button[disabled] button.disabled,.button[disabled] .button.disabled,.button[disabled] input[type=button].disabled,.button[disabled] input[type=reset].disabled,.button[disabled] input[type=submit].disabled,input[type=button][disabled] button.disabled,input[type=button][disabled] .button.disabled,input[type=button][disabled] input[type=button].disabled,input[type=button][disabled] input[type=reset].disabled,input[type=button][disabled] input[type=submit].disabled,input[type=reset][disabled] button.disabled,input[type=reset][disabled] .button.disabled,input[type=reset][disabled] input[type=button].disabled,input[type=reset][disabled] input[type=reset].disabled,input[type=reset][disabled] input[type=submit].disabled,input[type=submit][disabled] button.disabled,input[type=submit][disabled] .button.disabled,input[type=submit][disabled] input[type=button].disabled,input[type=submit][disabled] input[type=reset].disabled,input[type=submit][disabled] input[type=submit].disabled{
background-color:#ccc;
cursor:default
}
button:visited,.button:visited,input[type=button]:visited,input[type=reset]:visited,input[type=submit]:visited{
color:#fff
}
button.btn--secondary,.button.btn--secondary,input[type=button].btn--secondary,input[type=reset].btn--secondary,input[type=submit].btn--secondary{
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
border-radius:30px;
cursor:pointer;
padding:12px 30px;
text-decoration:none;
transition:all .3s ease;
background-color:#fff;
border:1px solid var(--primary);
color:var(--primary)
}
button.btn--secondary:hover:not(.disabled),.button.btn--secondary:hover:not(.disabled),input[type=button].btn--secondary:hover:not(.disabled),input[type=reset].btn--secondary:hover:not(.disabled),input[type=submit].btn--secondary:hover:not(.disabled){
background-color:#fff;
border:1px solid var(--secondary);
color:var(--secondary)
}
button.btn--secondary:focus,.button.btn--secondary:focus,input[type=button].btn--secondary:focus,input[type=reset].btn--secondary:focus,input[type=submit].btn--secondary:focus{
outline:5px auto Highlight
}
button.btn--secondary:disabled,button.btn--secondary[disabled] button.btn--secondary.disabled,.button.btn--secondary:disabled,button.btn--secondary[disabled] .button.btn--secondary.disabled,input[type=button].btn--secondary:disabled,button.btn--secondary[disabled] input[type=button].btn--secondary.disabled,input[type=reset].btn--secondary:disabled,button.btn--secondary[disabled] input[type=reset].btn--secondary.disabled,input[type=submit].btn--secondary:disabled,button.btn--secondary[disabled] input[type=submit].btn--secondary.disabled,.button.btn--secondary[disabled] button.btn--secondary.disabled,.button.btn--secondary[disabled] .button.btn--secondary.disabled,.button.btn--secondary[disabled] input[type=button].btn--secondary.disabled,.button.btn--secondary[disabled] input[type=reset].btn--secondary.disabled,.button.btn--secondary[disabled] input[type=submit].btn--secondary.disabled,input[type=button].btn--secondary[disabled] button.btn--secondary.disabled,input[type=button].btn--secondary[disabled] .button.btn--secondary.disabled,input[type=button].btn--secondary[disabled] input[type=button].btn--secondary.disabled,input[type=button].btn--secondary[disabled] input[type=reset].btn--secondary.disabled,input[type=button].btn--secondary[disabled] input[type=submit].btn--secondary.disabled,input[type=reset].btn--secondary[disabled] button.btn--secondary.disabled,input[type=reset].btn--secondary[disabled] .button.btn--secondary.disabled,input[type=reset].btn--secondary[disabled] input[type=button].btn--secondary.disabled,input[type=reset].btn--secondary[disabled] input[type=reset].btn--secondary.disabled,input[type=reset].btn--secondary[disabled] input[type=submit].btn--secondary.disabled,input[type=submit].btn--secondary[disabled] button.btn--secondary.disabled,input[type=submit].btn--secondary[disabled] .button.btn--secondary.disabled,input[type=submit].btn--secondary[disabled] input[type=button].btn--secondary.disabled,input[type=submit].btn--secondary[disabled] input[type=reset].btn--secondary.disabled,input[type=submit].btn--secondary[disabled] input[type=submit].btn--secondary.disabled{
border-color:#ccc;
color:#ccc;
cursor:default
}
button.btn--secondary:visited,.button.btn--secondary:visited,input[type=button].btn--secondary:visited,input[type=reset].btn--secondary:visited,input[type=submit].btn--secondary:visited{
color:var(--primary)
}
button.link-style,.button.link-style,input[type=button].link-style,input[type=reset].link-style,input[type=submit].link-style{
background-color:transparent !important;
color:var(--accent);
padding-left:0;
padding-right:0;
text-transform:none;
text-decoration:underline
}
button.icon-btn,.button.icon-btn,input[type=button].icon-btn,input[type=reset].icon-btn,input[type=submit].icon-btn{
padding:0;
background-color:transparent !important;
color:var(--primary);
font-size:1.7rem;
line-height:1
}
button.icon-btn:hover,button.icon-btn:active,button.icon-btn:focus,.button.icon-btn:hover,.button.icon-btn:active,.button.icon-btn:focus,input[type=button].icon-btn:hover,input[type=button].icon-btn:active,input[type=button].icon-btn:focus,input[type=reset].icon-btn:hover,input[type=reset].icon-btn:active,input[type=reset].icon-btn:focus,input[type=submit].icon-btn:hover,input[type=submit].icon-btn:active,input[type=submit].icon-btn:focus{
color:var(--secondary)
}
button.icon-btn:disabled,button.icon-btn[disabled] button.icon-btn.disabled,.button.icon-btn:disabled,button.icon-btn[disabled] .button.icon-btn.disabled,input[type=button].icon-btn:disabled,button.icon-btn[disabled] input[type=button].icon-btn.disabled,input[type=reset].icon-btn:disabled,button.icon-btn[disabled] input[type=reset].icon-btn.disabled,input[type=submit].icon-btn:disabled,button.icon-btn[disabled] input[type=submit].icon-btn.disabled,.button.icon-btn[disabled] button.icon-btn.disabled,.button.icon-btn[disabled] .button.icon-btn.disabled,.button.icon-btn[disabled] input[type=button].icon-btn.disabled,.button.icon-btn[disabled] input[type=reset].icon-btn.disabled,.button.icon-btn[disabled] input[type=submit].icon-btn.disabled,input[type=button].icon-btn[disabled] button.icon-btn.disabled,input[type=button].icon-btn[disabled] .button.icon-btn.disabled,input[type=button].icon-btn[disabled] input[type=button].icon-btn.disabled,input[type=button].icon-btn[disabled] input[type=reset].icon-btn.disabled,input[type=button].icon-btn[disabled] input[type=submit].icon-btn.disabled,input[type=reset].icon-btn[disabled] button.icon-btn.disabled,input[type=reset].icon-btn[disabled] .button.icon-btn.disabled,input[type=reset].icon-btn[disabled] input[type=button].icon-btn.disabled,input[type=reset].icon-btn[disabled] input[type=reset].icon-btn.disabled,input[type=reset].icon-btn[disabled] input[type=submit].icon-btn.disabled,input[type=submit].icon-btn[disabled] button.icon-btn.disabled,input[type=submit].icon-btn[disabled] .button.icon-btn.disabled,input[type=submit].icon-btn[disabled] input[type=button].icon-btn.disabled,input[type=submit].icon-btn[disabled] input[type=reset].icon-btn.disabled,input[type=submit].icon-btn[disabled] input[type=submit].icon-btn.disabled{
color:#ccc
}
button.add-value,button.remove-value{
background-color:#fff;
border:1px solid #ccc;
border-radius:50%;
cursor:pointer;
color:var(--primary);
width:35px;
height:35px;
padding:5px 9px;
text-transform:uppercase;
-webkit-appearance:none;
-moz-appearance:none;
flex-shrink:0
}
button.add-value:hover,button.add-value:focus,button.remove-value:hover,button.remove-value:focus{
background-color:var(--primary) !important;
color:#fff
}
.button{
cursor:pointer
}
input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=range],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color],textarea,select{
display:block;
border:1px solid #ccc;
margin-bottom:8px;
padding:10px 15px;
border-radius:22px;
line-height:1.4;
text-overflow:ellipsis;
width:100%
}
input[type=text]::placeholder,input[type=email]::placeholder,input[type=url]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,input[type=range]::placeholder,input[type=date]::placeholder,input[type=month]::placeholder,input[type=week]::placeholder,input[type=time]::placeholder,input[type=datetime]::placeholder,input[type=datetime-local]::placeholder,input[type=color]::placeholder,textarea::placeholder,select::placeholder{
color:#ccc
}
input[type=checkbox]{
border:2px solid #ccc;
-webkit-appearance:none;
appearance:none;
background-color:#fff;
margin:0;
font:inherit;
color:#fff;
width:1.2rem;
height:1.2rem;
border-radius:.15em;
transform:translateY(0.2em);
display:grid;
place-content:center;
flex-shrink:0
}
input[type=checkbox]:checked{
border:2px solid var(--primary);
background-color:var(--primary)
}
input[type=checkbox]:checked::before{
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"";
font-size:.6rem;
width:100%;
height:100%;
position:absolute;
display:flex;
align-items:center;
justify-content:center
}
input[type=radio]{
border:2px solid #ccc;
-webkit-appearance:none;
appearance:none;
background-color:#fff;
margin:0;
font:inherit;
color:var(--primary);
width:1.15rem;
height:1.15rem;
border-radius:50%;
transform:translateY(0.2em);
display:grid;
place-content:center;
flex-shrink:0
}
input[type=radio]::before{
content:"";
width:.65em;
height:.65em;
border-radius:50%;
transform:scale(0);
box-shadow:inset 1em 1em var(--primary);
border:2px solid var(--primary)
}
input[type=radio]:checked{
border:2px solid var(--primary)
}
input[type=radio]:checked::before{
transform:scale(1)
}
select{
position:relative;
-webkit-appearance:none;
appearance:none;
background-image:url("../img/arrow-down-blue.svg");
background-position:calc(100% - 15px) center;
background-size:18px;
background-repeat:no-repeat;
height:44px;
padding-right:45px
}
label,.label,legend{
color:#333;
display:inline-block
}
label.sub-label{
display:flex;
flex-direction:column;
font-size:.8125rem
}
label.sub-label input,label.sub-label select{
margin-top:0 !important
}
.field,fieldset{
border:1px dashed #ccc;
border-radius:20px 0;
padding:20px 25px;
margin-bottom:25px
}
fieldset{
border:none;
display:flex;
flex-wrap:wrap;
width:100%
}
fieldset legend{
float:left;
width:100%
}
fieldset .field{
flex:1 1 100px;
box-shadow:none;
margin-bottom:0;
margin-right:15px;
max-width:100%;
min-width:100px;
padding:0
}
fieldset .field:last-of-type{
margin-right:0
}
fieldset .field .field-meta label{
font-size:.8125rem
}
html,body{
width:100%
}
html{
scroll-padding-top:133px
}
body{
padding-top:133px
}
@media(min-width: 1024px){
body{
padding-top:160px
}
}
.container{
width:100%;
max-width:1440px;
margin-left:auto;
margin-right:auto;
padding:0 15px;
position:relative
}
@media(min-width: 768px){
.container{
padding:0 30px
}
}
#main-content{
padding-top:2rem;
padding-bottom:3rem
}
@media(min-width: 1024px){
#main-content{
padding-top:4rem;
padding-bottom:4rem
}
}
@media(min-width: 1024px){
body.items.search #main-content{
max-width:1160px;
padding:3rem 10rem 4rem 4rem
}
}
@media(min-width: 1200px){
body.items.search #main-content{
max-width:1160px;
padding:3rem 10rem 4rem
}
}
.regions-container{
display:flex;
flex-direction:column;
gap:50px;
margin-bottom:3rem;
padding-bottom:50px;
border-bottom:1px solid var(--secondary)
}
@media(min-width: 768px){
.regions-container{
flex-direction:row
}
}
.regions-container .main-region{
order:-1;
width:100%
}
@media(min-width: 768px){
.regions-container .main-region{
order:initial
}
}
.regions-container .sidebar-region{
flex-shrink:0;
position:relative;
width:100%
}
@media(min-width: 768px){
.regions-container .sidebar-region{
width:30%
}
}
.regions-container .sidebar-region--left::after{
right:-30px
}
.regions-container .sidebar-region--right::after{
left:-30px
}
.regions-container--all{
flex-direction:column !important
}
@media(min-width: 1200px){
.regions-container--all{
flex-direction:row !important
}
}
.regions-container--all .main-region{
order:-1 !important
}
@media(min-width: 1200px){
.regions-container--all .main-region{
order:initial !important
}
}
.regions-container--all .sidebar-region{
width:100% !important
}
@media(min-width: 1200px){
.regions-container--all .sidebar-region{
width:20% !important
}
}
.main-header{
background-color:#fff;
position:fixed;
width:100%;
top:0;
left:0;
z-index:1040;
border-bottom:1px solid var(--secondary);
border-top:5px solid var(--secondary);
transition:top .3s ease-out
}
.main-header__top-bar{
background-color:var(--secondary);
display:none
}
@media(min-width: 1200px){
.main-header__top-bar{
display:block
}
}
.main-header__top-bar .container{
display:flex;
align-items:center;
justify-content:space-between;
padding-top:10px;
padding-bottom:10px;
color:#fff
}
@media(min-width: 1024px){
.main-header__top-bar .container{
align-items:flex-end;
justify-content:space-between
}
}
.main-header__top-bar .container a{
color:#fff;
text-decoration:none
}
.main-header__top-bar .container .top-bar__info{
display:flex;
gap:100px;
margin-right:10px
}
.main-header__top-bar .container .top-bar__info .contact_info{
display:flex;
align-items:center
}
.main-header__top-bar .container .top-bar__info .contact_info::before{
font-family:"Font Awesome 5 Free";
font-weight:900;
display:inline-block;
font-weight:600;
font-size:1.2rem;
margin-right:10px
}
.main-header__top-bar .container .top-bar__info .contact_info_phone::before{
content:""
}
.main-header__top-bar .container .top-bar__info .contact_info_email::before{
content:""
}
.main-header__top-bar .container .top-bar__info .contact_info_location::before{
content:""
}
.main-header__top-bar .container .top-bar__advanced-search{
display:flex;
align-items:center;
margin-left:auto
}
.main-header__top-bar .container .top-bar__advanced-search::after{
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"";
display:inline-block;
font-weight:600;
font-size:1.2rem;
margin-left:5px
}
.main-header hr{
background-color:var(--secondary);
margin-bottom:0
}
.main-header__main-bar{
display:flex;
justify-content:space-between;
align-items:center;
position:relative
}
.main-header__site-title{
flex-shrink:0;
max-width:50%;
order:0
}
@media(min-width: 1024px){
.main-header__site-title{
max-width:30%;
order:initial
}
}
.main-header__site-title a{
display:block;
font-weight:600;
font-size:1.2rem;
line-height:1.2
}
.main-header__site-title img{
max-height:50px;
width:auto
}
@media(min-width: 1024px){
.main-header__site-title img{
max-height:60px
}
}
.main-search-button{
padding:10px;
line-height:1;
margin-left:auto;
margin-right:20px;
order:1
}
@media(min-width: 1200px){
.main-search-button{
margin-left:0;
margin-right:0;
order:initial
}
}
.main-header-search{
display:none;
flex-direction:column;
align-items:flex-end;
position:absolute;
top:100%;
right:0;
background-color:#fff;
border-top:1px solid var(--secondary);
border-radius:0 0 30px 30px;
box-shadow:0px 2px 5px 2px rgba(0,0,0,.11);
padding:20px;
width:calc(100% - 30px);
margin:0 15px
}
@media(min-width: 768px){
.main-header-search{
width:calc(100% - 60px);
margin:0 30px
}
}
@media(min-width: 1200px){
.main-header-search{
width:450px
}
}
.main-header-search.visible{
display:flex
}
.main-header-search form{
display:flex;
width:100%;
margin-bottom:15px
}
.main-header-search input{
padding-right:46px;
margin-bottom:0;
margin-right:-46px;
width:100%
}
.main-header-search button{
color:#fff;
padding:10px 15px;
border-radius:0 22px 22px 0
}
.main-header-search__advanced-search{
display:flex;
align-items:center;
text-decoration:none
}
.main-header-search__advanced-search::after{
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"" !important;
display:inline-block;
font-weight:600;
font-size:1.2rem;
margin-left:5px
}
.main-navigation{
order:2
}
@media(min-width: 1200px){
.main-navigation{
margin-left:auto;
margin-right:20px;
order:initial
}
}
.main-navigation__container{
display:none
}
@media screen and (min-width: 1200px){
.main-navigation__container{
display:block
}
}
.main-navigation__toggle{
width:35px;
height:28px;
position:relative;
margin:20px auto;
transform:rotate(0deg);
transition:.5s ease-in-out;
cursor:pointer
}
@media(min-width: 1200px){
.main-navigation__toggle{
display:none
}
}
.main-navigation__toggle span{
display:block;
position:absolute;
height:4px;
width:100%;
background:var(--primary);
border-radius:9px;
opacity:1;
left:0;
transform:rotate(0deg);
transition:.25s ease-in-out
}
.main-navigation__toggle span:nth-child(1){
top:0px;
transform-origin:left center
}
.main-navigation__toggle span:nth-child(2){
top:11px;
transform-origin:left center
}
.main-navigation__toggle span:nth-child(3){
top:22px;
transform-origin:left center
}
.main-navigation__toggle.open span:nth-child(1){
transform:rotate(45deg);
top:-1px;
left:5px
}
.main-navigation__toggle.open span:nth-child(2){
width:0%;
opacity:0
}
.main-navigation__toggle.open span:nth-child(3){
transform:rotate(-45deg);
top:24px;
left:5px
}
.main-navigation .navigation{
list-style:none;
display:flex;
margin-bottom:0;
padding-left:0;
margin-left:0
}
.main-header--inline .main-navigation .navigation{
margin-right:-15px
}
.main-navigation .navigation li::before{
content:none !important
}
.main-navigation .navigation>li{
cursor:pointer;
display:flex;
margin-bottom:0
}
.main-navigation .navigation>li:hover>ul,.main-navigation .navigation>li:focus-within>ul{
opacity:1;
height:auto;
padding:20px
}
.main-navigation .navigation>li:hover a::after,.main-navigation .navigation>li.focus a::after{
transform:scale(1)
}
.main-navigation .navigation>li.active>a{
color:var(--primary);
font-weight:600;
border:1px solid var(--primary);
border-radius:30px
}
.main-navigation .navigation>li>a{
display:flex;
align-items:center;
color:#333;
text-decoration:none;
margin:10px 5px;
position:relative;
padding:5px 20px;
line-height:1.15em;
border:1px solid transparent;
text-align:center;
font-weight:700
}
.main-navigation .navigation>li>a:hover,.main-navigation .navigation>li>a:focus{
border:1px solid #333;
border-radius:30px;
transition:all .7s ease
}
.main-navigation .navigation>li>ul{
display:block;
gap:47px;
transition:opacity .5s ease-out;
opacity:0;
height:0;
overflow:hidden;
justify-content:center;
flex-wrap:wrap;
background-color:#fff;
border-top:1px solid var(--secondary);
border-radius:0 0 22px 22px;
box-shadow:0px 2px 5px 2px rgba(0,0,0,.11);
position:absolute;
list-style:none;
margin:0 auto;
background:#f0f0f0;
top:100%
}
.main-navigation .navigation>li>ul>li{
max-width:260px;
position:relative
}
.main-navigation .navigation>li>ul>li:not(:last-child)::after{
content:"";
height:100%;
width:1px;
position:absolute;
background-color:#ececec;
top:0;
bottom:0;
right:-20px
}
.main-navigation .navigation>li>ul>li>a{
font-weight:700;
color:#333
}
.main-navigation .navigation>li>ul>li>a:has(+ul)::after{
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"" !important;
display:inline;
font-weight:600;
font-size:.6rem;
color:var(--accent);
padding-left:5px
}
.main-navigation .navigation>li>ul>li>ul{
margin-top:.8rem;
margin-left:0;
padding-left:0;
list-style:none
}
.main-navigation .navigation>li>ul>li>ul li{
margin-bottom:5px
}
.main-navigation .navigation>li>ul>li>ul li ul{
margin-left:0;
padding-left:25px
}
.main-navigation .navigation>li>ul a{
color:#666;
text-transform:none;
text-decoration:none;
font-size:.94rem;
transition:color .5s ease
}
.main-navigation .navigation>li>ul a:hover{
text-decoration:underline
}
.main-navigation .navigation a{
display:block
}
.menu-drawer{
display:block !important;
position:fixed;
height:calc( 100% - 74px );
width:100%;
transform:translateX(-100%);
z-index:23;
top:74px;
left:0;
background-color:#fff;
overflow-x:hidden;
transition:all .3s ease-out
}
@media screen and (min-width: 1200px){
.menu-drawer{
transform:translateX(-100%) !important
}
}
.menu-drawer>.wrap{
margin-left:auto;
margin-right:auto;
max-width:1300px;
display:block;
padding:0;
text-align:right
}
.menu-drawer.toggled{
transform:translateX(0)
}
.menu-drawer .navigation-controls{
border-bottom:1px solid #999;
background-color:var(--secondary);
color:#fff;
font-size:1.1rem;
text-align:left
}
.menu-drawer .navigation-controls a{
display:block;
padding-top:1rem;
padding-bottom:1rem;
padding-left:4rem;
color:inherit !important;
text-decoration:none
}
.menu-drawer .navigation-controls a::before{
width:26px;
height:26px;
position:absolute;
left:1.5rem;
content:"";
background-image:url(../img/chevron-right-thin.svg);
background-repeat:no-repeat;
background-position:center;
background-size:contain;
transition:all .1s ease-in;
transform:rotate(180deg)
}
.menu-drawer .menu-container{
max-width:none;
width:100%;
transition:all .25s ease-in-out
}
.menu-drawer .menu-container ul{
list-style:none;
margin-left:0;
padding-left:0
}
.menu-drawer .menu-container li{
position:static;
padding-left:15px;
padding-right:15px
}
.menu-drawer .menu-container li.active>a{
color:var(--primary);
font-weight:bold
}
.menu-drawer .menu-container li::before{
content:none !important
}
.menu-drawer .menu-container a{
display:block;
border-bottom:1px solid #ececec;
color:#666;
padding:1rem;
text-align:left;
text-decoration:none
}
.menu-drawer .menu-container a:hover{
text-decoration:none
}
.menu-drawer .menu-container .navigation{
margin-bottom:1rem;
display:block
}
.menu-drawer .menu-container .navigation ul{
display:none;
position:static;
width:100%;
box-shadow:none;
border:0
}
.menu-drawer .menu-container .navigation ul ul{
background-color:transparent
}
.menu-drawer .menu-container .navigation ul li{
position:static
}
.menu-drawer .menu-container .navigation ul li::before{
content:none !important
}
.menu-drawer .menu-container .navigation .expanded>ul{
display:block;
position:absolute;
top:0;
left:100%
}
.menu-drawer .menu-item-has-children>a{
display:flex;
align-items:center;
gap:20px;
justify-content:space-between;
position:relative
}
.menu-drawer .menu-item-has-children>a::after{
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"" !important;
font-size:.8rem;
color:var(--primary);
padding-left:5px
}
.menu-drawer .menu-item-has-children li:not(.menu-header){
padding-left:2rem
}
.menu-drawer .menu-header{
border-bottom:1px solid #999
}
.menu-drawer .menu-header a{
border-bottom:none;
color:var(--primary);
font-weight:bold
}
body.menu-drawer-toggled{
overflow-y:hidden
}
.accordion__container{
background-color:#fff;
border:1px dashed #ccc;
border-radius:20px 0;
margin-bottom:1rem
}
.accordion__heading{
margin-bottom:0
}
.accordion__trigger{
background:none;
color:#333;
font-size:1.125rem;
outline:none;
padding:30px 60px 30px 30px;
position:relative;
text-align:left;
text-transform:none;
transition:.4s;
width:100%;
border-radius:20px 0
}
.accordion__trigger:hover,.accordion__trigger:active,.accordion__trigger:focus{
background-color:#f3f3f3 !important;
color:#333 !important;
outline:1px dashed Highlight
}
.accordion__title{
display:flex;
align-items:center
}
.accordion__title::before{
content:"";
display:block;
background-color:var(--primary);
border-radius:50%;
width:12px;
height:12px;
margin-right:12px;
flex-shrink:0
}
.accordion__icon{
display:flex;
align-items:center;
color:var(--primary);
border:1px solid var(--primary);
border-radius:50%;
height:34px;
justify-content:center;
pointer-events:none;
position:absolute;
right:20px;
top:50%;
transform:translateY(-50%) rotate(0);
transition:transform .3s;
width:34px
}
.accordion__trigger.expanded .accordion__icon{
transform:translateY(-50%) rotate(-180deg)
}
.accordion__panel{
max-height:0;
overflow:hidden;
padding:0 30px;
transition:max-height .4s ease-out
}
#advanced-search{
max-width:840px;
margin-left:auto;
margin-right:auto;
margin-top:25px;
overflow:auto
}
#advanced-search::after{
content:"";
clear:both;
display:table
}
#advanced-search input,#advanced-search select{
margin-bottom:8px !important
}
#advanced-search button[type=submit]{
float:right
}
#advanced-search .advanced-search-content{
display:flex;
align-items:flex-start;
flex-wrap:wrap;
gap:25px;
margin-bottom:25px
}
@media(min-width: 1024px){
#advanced-search .advanced-search-content{
position:relative;
z-index:1
}
}
#advanced-search .advanced-search-content>div{
flex-basis:100%
}
.items.search #advanced-search{
overflow:initial
}
.items.search #advanced-search::after{
content:none
}
@media(min-width: 1024px){
.items.search #advanced-search .advanced-search-content{
margin-bottom:-105px
}
}
#advanced-search fieldset{
margin-bottom:0
}
#advanced-search fieldset .field-meta{
margin:0
}
#advanced-search .field{
margin-bottom:0
}
#advanced-search .field.multi-value .field-meta{
margin-bottom:1rem
}
#advanced-search .field.multi-value .value{
align-items:center;
flex-wrap:wrap;
gap:15px
}
#advanced-search .field.multi-value .value:first-child .logical-operator:first-child{
display:none
}
#advanced-search .field.multi-value .value:only-child .sub-field:last-of-type,#advanced-search .field.multi-value .value:only-child .sub-label:last-of-type{
margin-right:0
}
#advanced-search .field.multi-value .sub-field,#advanced-search .field.multi-value .sub-label{
flex:1 0 100%
}
@media(min-width: 768px){
#advanced-search .field.multi-value .sub-field,#advanced-search .field.multi-value .sub-label{
flex:1 1 100px;
margin-right:0;
max-width:100%;
min-width:100px
}
}
#advanced-search .field.multi-value .sub-field:last-of-type,#advanced-search .field.multi-value .sub-label:last-of-type{
flex:1 1 100px;
max-width:100%;
min-width:100px
}
#advanced-search .field.multi-value .sub-field.logical-operator,#advanced-search .field.multi-value .sub-label.logical-operator{
flex-basis:100%
}
#advanced-search .field.multi-value button.remove-value{
margin:6px 0 0
}
@media(min-width: 768px){
#advanced-search .field.multi-value#item-sets .value .sub-label:first-child{
max-width:110px
}
}
#advanced-search .field:not(.multi-value) .inputs{
display:flex;
align-items:flex-start;
flex-wrap:wrap
}
#advanced-search .field:not(.multi-value) .inputs>*{
flex:1 0 100%
}
@media(min-width: 768px){
#advanced-search .field:not(.multi-value) .inputs>*{
flex:1 1 100px;
margin-right:15px;
max-width:100%;
min-width:100px
}
}
@media(min-width: 768px){
#advanced-search .field:not(.multi-value) .inputs>*:last-child{
margin-right:0
}
}
#advanced-search .field:not(.multi-value) .inputs select[name*=sort]{
width:100%
}
@media(min-width: 768px){
#advanced-search .field:not(.multi-value) .inputs .numeric-timestamp{
flex:1 1 350px !important
}
}
#advanced-search .field:not(.multi-value) .inputs .numeric-timestamp>.numeric-datetime-inputs{
flex-wrap:wrap
}
@media(min-width: 768px){
#advanced-search .field:not(.multi-value) .inputs .numeric-timestamp>.numeric-datetime-inputs>div{
flex-wrap:nowrap
}
}
@media(min-width: 768px){
#advanced-search .field:not(.multi-value) .inputs .numeric-duration{
flex:1 1 330px !important
}
}
#advanced-search .field .numeric-datetime-inputs div{
margin-top:0 !important
}
#advanced-search .field .numeric-toggle-time{
align-self:center;
background-color:#fff;
border-radius:50%;
border:1px solid #ccc;
color:var(--primary);
cursor:pointer;
height:35px;
margin:.5rem 0 0 .3rem;
padding:5px 9px;
width:35px
}
#advanced-search .field .numeric-toggle-time:hover{
background-color:var(--primary);
color:#fff
}
#advanced-search .field .numeric-toggle-time input[type=checkbox]{
display:none
}
@media(min-width: 768px){
#advanced-search .half{
flex-basis:calc(50% - 12.5px) !important
}
}
#advanced-search #property-queries .input-group{
gap:initial;
position:relative
}
#advanced-search #property-queries .input-group>*{
margin-right:15px
}
#advanced-search #property-queries .input-group>*:last-child{
margin-right:0
}
#advanced-search #property-queries .input-group .joiner{
flex:0 0 100px;
width:100px !important
}
#advanced-search #property-queries .input-group .flex-break{
flex-basis:100%;
height:0
}
#advanced-search #property-queries .input-group .sub-field{
margin-top:20px
}
#advanced-search #property-queries .input-group .sub-label{
opacity:0;
position:absolute;
top:0
}
#advanced-search #page-actions{
display:flex;
background-color:var(--secondary);
bottom:0;
gap:20px;
justify-content:center;
margin-left:calc((100vw - 100%) / -2);
padding:25px;
position:sticky;
width:100vw
}
@media(min-width: 1024px){
#advanced-search #page-actions{
align-items:flex-end;
background-color:transparent;
bottom:15px;
flex-direction:column;
gap:15px;
justify-content:initial;
margin-left:0;
margin-right:-140px;
padding:0;
width:auto
}
}
#advanced-search #page-actions>*{
margin-bottom:0 !important;
padding:10px;
text-align:center;
width:120px
}
.search-filters{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-bottom:2rem
}
.search-filters .filter{
background-color:var(--secondary);
border-radius:3px;
color:#fff;
padding:2px 10px
}
.search-filters .filter-label::after{
content:":"
}
.annotation-btn{
display:inline-block;
padding:0 5px;
position:relative
}
.annotation-btn:hover .annotation-tooltip{
height:auto;
opacity:1;
padding:18px
}
.annotation-btn .has-annotation{
color:var(--accent)
}
.annotation-btn .annotation-tooltip{
height:0;
opacity:0;
overflow:hidden;
position:absolute;
left:0;
bottom:10px;
transition:opacity .3s ease-out;
z-index:10
}
@media(min-width: 1024px){
.annotation-btn .annotation-tooltip{
bottom:5px
}
}
.annotation-btn .annotation-tooltip__wrapper{
background-color:#fff;
border:1px dashed #ccc;
border-radius:10px 10px 10px 0;
font-size:.75rem;
width:230px;
height:auto;
padding:15px 15px 30px
}
@media(min-width: 1024px){
.annotation-btn .annotation-tooltip__wrapper{
padding:15px
}
}
.annotation-btn .annotation-tooltip__wrapper.below-button{
border-radius:0 10px 10px 10px
}
.annotation-btn .annotation-tooltip__heading{
font-size:.8125rem
}
.annotation-btn .annotation-tooltip .property:not(:last-child){
margin-bottom:1rem
}
.annotation-btn .annotation-tooltip dt{
float:left;
font-size:.75rem;
margin-bottom:.5rem;
padding-right:10px;
width:70px !important
}
.annotation-btn .annotation-tooltip dd{
font-size:.75rem;
margin:0;
margin-left:70px !important
}
.annotation-btn .annotation-tooltip dd.resource.media img{
display:block;
max-width:80px;
border-radius:10px 0 !important
}
.main-banner{
position:relative;
background-color:#f3f3f3;
margin-bottom:1rem;
overflow-x:clip;
overflow-y:clip
}
@media(min-width: 1024px){
.main-banner{
overflow-y:visible
}
}
.main-banner__image-wrapper{
display:none;
position:absolute;
width:53%;
left:0;
border-radius:50%;
overflow:hidden;
transform:translateY(-50%);
z-index:1
}
@media(min-width: 1024px){
.main-banner__image-wrapper{
display:block
}
}
.main-banner__image-wrapper img{
position:absolute;
object-fit:cover;
width:100%;
height:50%;
bottom:0;
left:0
}
.main-banner__image-shape{
position:absolute;
width:90%;
right:-70px;
top:0;
z-index:2;
opacity:.3
}
@media(min-width: 1024px){
.main-banner__image-shape{
left:-70px;
right:auto;
width:58%;
opacity:1
}
}
.main-banner__image-shape svg{
max-width:100%;
max-height:100%;
fill:var(--complementary)
}
.main-banner .height-controller{
margin-top:100%
}
.main-banner__content{
width:100%;
padding:40px 40px 40px 80px;
text-align:right;
z-index:3
}
@media(min-width: 1024px){
.main-banner__content{
width:47%;
margin-left:53%;
text-align:left
}
}
.main-banner__content>*:last-child{
margin-bottom:0
}
.main-banner__container{
display:flex;
height:100%
}
.main-banner__container--left .main-banner__image-wrapper{
right:0;
left:auto
}
.main-banner__container--left .main-banner__image-shape{
left:-70px
}
@media(min-width: 1024px){
.main-banner__container--left .main-banner__image-shape{
left:auto;
right:-70px
}
}
.main-banner__container--left .main-banner__content{
padding:40px 80px 40px 40px;
margin-left:0;
text-align:left
}
.main-banner__heading{
font-size:2.5rem;
line-height:1.16;
margin-bottom:1rem
}
@media(min-width: 1200px){
.main-banner__heading{
font-size:3.125rem;
margin-bottom:1.875rem
}
}
.main-banner__description{
font-size:1.25rem;
line-height:1.3
}
@media(min-width: 1200px){
.main-banner__description{
font-size:1.5625rem
}
}
.main-banner .button{
display:inline-block
}
.breadcrumbs{
display:inline-block;
background-color:#f3f3f3;
border-radius:22px;
font-size:.8125rem;
padding:8px 15px;
width:auto;
margin-bottom:15px
}
.resources-linked__header{
display:flex;
align-items:flex-end
}
.resources-linked__expand-collapse-btn{
background-color:transparent;
color:var(--primary);
flex-shrink:0;
margin-bottom:1.875rem;
margin-left:auto;
padding:0 10px
}
.resources-linked__expand-collapse-btn::after{
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"";
display:inline-block;
font-size:1.2rem;
margin-left:7px
}
.resources-linked__expand-collapse-btn:hover,.resources-linked__expand-collapse-btn:focus{
background-color:transparent !important;
color:var(--primary) !important
}
.resources-linked .resource-tags{
margin-bottom:10px
}
.resources-linked .linked-resource{
display:flex;
flex-wrap:nowrap;
gap:15px;
justify-content:space-between;
padding:1rem 0;
border-bottom:1px dashed #ccc
}
.resources-linked .linked-resource:last-child{
border-bottom:none
}
.resources-linked .linked-resource img{
border-radius:10px 0 !important;
height:50px;
object-fit:cover;
width:50px
}
.resources-linked .resource__thumbnail{
flex-shrink:0;
line-height:1;
margin-left:auto;
order:1
}
.mapping-map .leaflet-popup-content{
margin:13px
}
.mapping-map .mapping-marker-popup-heading{
font-size:1.1rem;
margin-bottom:.8rem
}
.mapping-map .mapping-marker-popup-content{
display:flex;
gap:13px
}
.mapping-map .mapping-marker-popup-content img{
max-width:100px;
max-height:100px
}
.metadata{
width:100%
}
@media(min-width: 768px){
.metadata{
width:auto
}
}
.metadata>div:not(:last-child),.metadata .media-render:not(:last-child){
margin-bottom:2rem
}
.metadata .media-render>*{
max-width:100%
}
.metadata .media-embed{
margin-bottom:1rem
}
.metadata dl{
margin-top:0;
margin-bottom:2rem
}
.metadata dl:last-child{
margin-bottom:0
}
.metadata dl>.property{
margin-bottom:1.25rem
}
.metadata dl>.property dt{
margin-bottom:.5rem;
padding-right:15px
}
@media(min-width: 768px){
.metadata dl>.property dt:not(.sidebar-region .metadata dl>.property dt){
margin-bottom:0;
float:left;
width:160px
}
}
.metadata dl>.property dd{
margin:0 0 1rem
}
@media(min-width: 768px){
.metadata dl>.property dd:not(.sidebar-region .metadata dl>.property dd){
margin-left:160px
}
}
.metadata dl>.property .language{
margin-right:5px
}
.metadata .value.resource .resource-link{
display:inline-flex;
align-items:center
}
.metadata .value.resource img{
flex-shrink:0;
height:60px;
margin-right:1rem;
object-fit:cover;
width:60px
}
.metadata .media-list dd{
margin-bottom:1rem !important
}
.metadata .media-list dd:last-child{
margin-bottom:0 !important
}
.metadata .media-list .resource-link{
display:flex;
align-items:center
}
.metadata .media-list .resource-link img{
flex-shrink:0;
height:100px;
object-fit:cover;
width:100px
}
.metadata .media-list .resource-link .resource-name{
padding:1rem
}
.assets{
margin-bottom:3rem
}
.assets.inline{
display:flex;
flex-direction:column;
gap:40px
}
@media(min-width: 768px){
.assets.inline{
flex-direction:row
}
}
@media(max-width: 768px){
.assets.left,.assets.right{
float:none;
clear:none;
max-width:none
}
}
.assets.left{
margin:0 1.5rem 0 0 !important
}
@media(max-width: 768px){
.assets.left{
margin:0 !important
}
}
.assets.right{
margin:0 0 0 1.5rem !important
}
@media(max-width: 768px){
.assets.right{
margin:0 !important
}
}
.preview-block{
margin:1rem 0 4rem !important;
overflow:visible !important
}
.preview-block .browse-all{
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
border-radius:30px;
cursor:pointer;
padding:12px 30px;
text-decoration:none;
transition:all .3s ease;
background-color:#fff;
border:1px solid var(--primary);
color:var(--primary);
float:right
}
.preview-block .browse-all:hover:not(.disabled){
background-color:#fff;
border:1px solid var(--secondary);
color:var(--secondary)
}
.preview-block .browse-all:focus{
outline:5px auto Highlight
}
.preview-block .browse-all:disabled,.preview-block .browse-all[disabled] .preview-block .browse-all.disabled{
border-color:#ccc;
color:#ccc;
cursor:default
}
.preview-block .browse-all:visited{
color:var(--primary)
}
.carousel-block{
padding-left:45px;
padding-right:45px
}
.carousel-block .slick-arrow{
border:1px solid #ccc;
border-radius:50%;
height:40px;
width:40px
}
.carousel-block .slick-arrow:hover .slick-prev-icon::before,.carousel-block .slick-arrow:hover .slick-next-icon::before{
color:#fff
}
.carousel-block .slick-arrow.slick-next{
padding-left:3px;
right:-45px
}
.carousel-block .slick-arrow.slick-prev{
padding-right:3px;
left:-45px
}
.carousel-block .slick-arrow .slick-prev-icon::before,.carousel-block .slick-arrow .slick-next-icon::before{
font-family:"Font Awesome 5 Free";
font-weight:900;
color:var(--primary);
font-size:25px;
line-height:1;
transition:color .3s ease
}
.carousel-block .slick-arrow .slick-prev-icon::before{
content:""
}
.carousel-block .slick-arrow .slick-next-icon::before{
content:""
}
.carousel-block .slick-dots button:hover{
background-color:transparent
}
.collecting-block-form{
max-width:840px;
margin-left:auto;
margin-right:auto;
margin-top:25px
}
.collecting-block-form form{
margin-bottom:25px
}
.collecting-block-form form::after{
content:"";
clear:both;
display:table
}
.collecting-block-form form .field{
box-shadow:none
}
.collecting-block-form form input[type=submit]{
float:right
}
.item-with-metadata{
overflow:initial !important;
margin-bottom:3rem !important
}
.item-with-metadata__container{
border:1px dashed #ccc;
border-radius:20px 0;
margin-bottom:1.5rem
}
.item-with-metadata__header{
padding:30px;
position:relative;
width:100%
}
.item-with-metadata__header .language{
margin-left:10px
}
.item-with-metadata__heading{
display:flex;
gap:10px;
margin-bottom:0
}
.item-with-metadata__heading::before{
display:block;
align-self:stretch;
content:"";
background-color:var(--primary);
width:8px;
border-radius:5px 0 0 5px;
flex-shrink:0
}
.item-with-metadata__content{
display:flex;
align-items:center;
border-top:none;
flex-direction:column;
flex-wrap:wrap;
gap:40px;
padding:20px
}
@media(min-width: 768px){
.item-with-metadata__content{
align-items:flex-start;
flex-direction:row;
padding:30px
}
}
.item-with-metadata__thumbnail{
flex-shrink:0;
height:auto;
max-width:100%
}
.item-with-metadata__thumbnail img{
outline-offset:-10px
}
@media(min-width: 768px){
.item-with-metadata__thumbnail{
max-width:150px
}
}
@media(min-width: 1024px){
.item-with-metadata__thumbnail{
max-width:250px
}
}
@media(min-width: 1200px){
.item-with-metadata__thumbnail{
max-width:370px
}
.item-with-metadata__thumbnail img{
outline-offset:-20px
}
}
.item-showcase{
border-top:none !important;
border-bottom:none !important;
gap:25px;
text-align:left !important;
margin-bottom:3rem !important
}
.item-showcase__content{
padding:15px;
display:flex;
flex-direction:column;
justify-content:center;
height:100%
}
.item-showcase__media{
display:block
}
.item-showcase .resource.item{
width:100% !important;
max-width:325px;
border:1px dashed #ccc;
border-radius:20px 0;
padding:0 !important;
display:flex;
flex-direction:column
}
.item-showcase .resource.item h3{
color:#333;
font-family:"Sen",sans-serif;
font-weight:600;
margin:0 0 1rem !important;
padding:0 10px
}
.item-showcase .resource.item .caption{
padding:0 10px 15px
}
.item-showcase .resource.item img{
max-height:none !important;
height:150px;
width:100% !important;
object-fit:cover;
margin:10px 0 0 10px
}
.media-embed.media-display-thumbnail{
margin-bottom:3rem
}
.media-embed.media-display-thumbnail .item.resource{
width:100%;
max-width:325px
}
.media-embed.media-display-thumbnail .item.resource h3{
color:#333;
font-family:"Sen",sans-serif;
font-weight:600;
margin:1rem
}
.media-embed.media-display-thumbnail .item.resource .caption{
margin:1rem
}
.media-embed.media-display-thumbnail .item.resource img{
max-height:none;
height:150px;
width:100%;
object-fit:cover
}
.media-embed.media-display-thumbnail .item.resource .decoration{
width:100%
}
.media-embed.layout-horizontal{
align-items:start !important
}
.media-embed .decoration{
width:100%
}
.media-embed .decoration .iiif_presentation{
padding:0 19px 19px 0
}
.file{
border-top:none !important;
border-bottom:none !important;
margin-top:0 !important;
margin-bottom:0 !important
}
.file .resource.item h3{
color:#333;
font-weight:600;
padding:0 10px;
font-size:1.25rem
}
@media(max-width: 768px){
.file.left,.file.right{
float:none !important;
clear:none !important;
max-width:none;
margin:0 !important
}
}
.file.left .item.resource img,.file.right .item.resource img{
margin-bottom:0
}
.file.left .item.resource:first-of-type,.file.right .item.resource:first-of-type{
padding-top:.6rem !important
}
.file.left .item.resource{
margin:0 .5rem 1rem 0 !important
}
.file.right .item.resource{
margin:0 0 1rem .5rem !important
}
.file.center{
margin-bottom:1.5rem !important
}
.toc-block>ul{
border-left:none !important
}
.toc-block>ul>li{
margin-bottom:2rem !important
}
.toc-block>ul>li:before{
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"" !important;
display:inline-block;
font-weight:600;
font-size:.75rem;
color:var(--primary);
margin-right:15px
}
.toc-block>ul>li>a{
font-weight:600 !important;
font-size:1.125rem;
margin-bottom:.5rem;
display:inline-block
}
.toc-block>ul ul>li{
margin-bottom:.3rem
}
.toc-block>ul ul>li:before{
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"" !important;
font-weight:600;
font-size:.4rem;
color:var(--primary) !important;
margin-right:15px
}
.list-of-sites{
margin-bottom:3rem
}
.list-of-sites .site{
margin-bottom:1.5rem !important
}
.list-of-sites .site .site-thumbnail-image{
margin-right:1.5rem !important
}
.tl-timeline .tl-slidenav-next:focus,.tl-timeline .tl-slidenav-previous:focus{
outline:none
}
.tl-timeline .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline,.tl-timeline .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p{
color:#666
}
.tl-timeline .tl-attribution a{
color:#707070 !important
}
.pagination{
display:flex;
align-items:center;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
flex-wrap:wrap;
gap:1.5rem;
justify-content:center;
margin:30px 0;
padding:30px 0;
width:100%
}
.pagination .pager-wrapper{
display:flex;
align-items:center;
flex-shrink:0;
gap:1rem
}
@media(min-width: 600px){
.pagination .pager-wrapper{
gap:1.5rem
}
}
.pagination input[type=text]{
display:inline-block;
margin:0 0 0 .5rem !important;
padding:12px 10px;
text-align:center;
width:auto;
border-radius:15px
}
@media(min-width: 600px){
.pagination input[type=text]{
padding:12px 30px;
border-radius:22px
}
}
.pagination input[type=submit]{
padding:12px 15px
}
@media(min-width: 600px){
.pagination input[type=submit]{
padding:12px 30px
}
}
.pagination .row-count{
color:#999;
font-size:.8125rem;
margin-right:1rem
}
.pagination .pager label,.pagination .pager .page-count{
color:#999;
margin-right:.5rem
}
.pagination .button{
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
border-radius:30px;
cursor:pointer;
padding:12px 30px;
text-decoration:none;
transition:all .3s ease;
background-color:#fff;
border:1px solid var(--primary);
color:var(--primary);
display:flex;
align-items:center;
flex-shrink:0;
font-size:1.4rem;
height:40px;
justify-content:center;
padding:0;
position:relative;
width:40px
}
.pagination .button:hover:not(.disabled){
background-color:#fff;
border:1px solid var(--secondary);
color:var(--secondary)
}
.pagination .button:focus{
outline:5px auto Highlight
}
.pagination .button:disabled,.pagination .button[disabled] .pagination .button.disabled{
border-color:#ccc;
color:#ccc;
cursor:default
}
.pagination .button:visited{
color:var(--primary)
}
.pagination .button:hover:not(.disabled)::before,.pagination .button:active:not(.disabled)::before{
color:var(--secondary)
}
.pagination .button.disabled{
border-color:#ccc;
color:#ccc;
cursor:default
}
.site-page-pagination{
display:flex;
border-top:1px solid var(--secondary);
gap:1rem;
justify-content:center;
margin:30px 0;
padding:30px 0
}
.site-page-pagination a{
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
border-radius:30px;
cursor:pointer;
padding:12px 30px;
text-decoration:none;
transition:all .3s ease;
background-color:#fff;
border:1px solid var(--primary);
color:var(--primary);
font-size:.75rem;
padding:10px 14px
}
.site-page-pagination a:hover:not(.disabled){
background-color:#fff;
border:1px solid var(--secondary);
color:var(--secondary)
}
.site-page-pagination a:focus{
outline:5px auto Highlight
}
.site-page-pagination a:disabled,.site-page-pagination a[disabled] .site-page-pagination a.disabled{
border-color:#ccc;
color:#ccc;
cursor:default
}
.site-page-pagination a:visited{
color:var(--primary)
}
.faceted-browse-page #container,.block-facetedBrowsePreview #container{
flex-wrap:wrap
}
@media(min-width: 1200px){
.faceted-browse-page #container,.block-facetedBrowsePreview #container{
flex-wrap:nowrap;
gap:3rem
}
}
.faceted-browse-page #section-sidebar,.block-facetedBrowsePreview #section-sidebar{
width:100%
}
@media(min-width: 1200px){
.faceted-browse-page #section-sidebar,.block-facetedBrowsePreview #section-sidebar{
width:25%;
z-index:auto !important
}
}
.faceted-browse-page #section-sidebar.open,.block-facetedBrowsePreview #section-sidebar.open{
z-index:1050 !important
}
.faceted-browse-page #section-sidebar-modal-toggle,.block-facetedBrowsePreview #section-sidebar-modal-toggle{
margin-bottom:25px
}
.faceted-browse-page #section-sidebar .field,.faceted-browse-page #section-sidebar fieldset,.block-facetedBrowsePreview #section-sidebar .field,.block-facetedBrowsePreview #section-sidebar fieldset{
box-shadow:none;
background-color:#f3f3f3
}
.faceted-browse-page #section-sidebar button.close-button,.block-facetedBrowsePreview #section-sidebar button.close-button{
background-color:var(--primary)
}
.faceted-browse-page #section-content,.block-facetedBrowsePreview #section-content{
padding-left:0;
width:100%
}
@media(min-width: 1200px){
.faceted-browse-page #section-content,.block-facetedBrowsePreview #section-content{
width:75%
}
}
.faceted-browse-page #section-content .browse-controls,.block-facetedBrowsePreview #section-content .browse-controls{
border-bottom:none;
margin-bottom:0
}
.faceted-browse-page #section-content .browse-controls .pagination,.block-facetedBrowsePreview #section-content .browse-controls .pagination{
margin-top:0
}
.faceted-browse-page .faceted-results img,.block-facetedBrowsePreview .faceted-results img{
border-radius:10px 0;
margin-right:1rem;
max-height:3rem;
max-width:3rem
}
.faceted-browse-page .faceted-results a,.block-facetedBrowsePreview .faceted-results a{
display:list-item;
width:auto
}
.faceted-browse-page #facets,.block-facetedBrowsePreview #facets{
margin-bottom:1rem;
overflow:hidden
}
@media(min-width: 1200px){
.faceted-browse-page #facets,.block-facetedBrowsePreview #facets{
height:auto;
margin-bottom:0;
overflow:initial
}
}
.faceted-browse-page #facets.show-all,.block-facetedBrowsePreview #facets.show-all{
height:auto;
overflow:initial
}
.faceted-browse-page #facets legend,.block-facetedBrowsePreview #facets legend{
font-size:1.375rem
}
@media(min-width: 1200px){
.faceted-browse-page #show-more-facets,.block-facetedBrowsePreview #show-more-facets{
display:none
}
}
.faceted-browse-page .select-list,.block-facetedBrowsePreview .select-list{
display:flex;
flex-wrap:wrap;
margin-left:0 !important;
width:100%
}
@media(min-width: 1200px){
.faceted-browse-page .select-list,.block-facetedBrowsePreview .select-list{
display:block;
margin-left:1rem !important
}
}
.faceted-browse-page .select-list-item,.block-facetedBrowsePreview .select-list-item{
margin-left:1rem
}
@media(min-width: 1200px){
.faceted-browse-page .select-list-item,.block-facetedBrowsePreview .select-list-item{
margin-left:0
}
}
.faceted-browse-page .select-list-item::before,.block-facetedBrowsePreview .select-list-item::before{
content:none !important
}
.faceted-browse-page .select-list-expand,.faceted-browse-page .select-list-collapse,.block-facetedBrowsePreview .select-list-expand,.block-facetedBrowsePreview .select-list-collapse{
margin-left:1rem
}
.faceted-browse-page #categories,.block-facetedBrowsePreview #categories{
margin-top:0
}
.faceted-browse-page #categories li,.block-facetedBrowsePreview #categories li{
border-bottom:none
}
.faceted-browse-page #categories li::before,.block-facetedBrowsePreview #categories li::before{
content:none !important
}
.faceted-browse-page #categories-return,.block-facetedBrowsePreview #categories-return{
display:inline-block;
margin-bottom:33px
}
.faceted-browse-page #categories-return::before,.block-facetedBrowsePreview #categories-return::before{
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"";
display:inline-block;
font-size:.8rem;
padding-right:5px;
text-decoration:none
}
.faceted-browse-page .facets-container,.block-facetedBrowsePreview .facets-container{
align-items:flex-start;
flex-direction:column
}
.faceted-browse-page .categories-container,.faceted-browse-page .facets-container,.block-facetedBrowsePreview .categories-container,.block-facetedBrowsePreview .facets-container{
margin-bottom:0;
padding:1rem 1.2rem 0
}
.faceted-browse-page .categories-container legend,.faceted-browse-page .facets-container legend,.block-facetedBrowsePreview .categories-container legend,.block-facetedBrowsePreview .facets-container legend{
color:#333;
font-weight:400;
line-height:1.2
}
.faceted-browse-page .categories-container legend,.block-facetedBrowsePreview .categories-container legend{
font-size:1.875rem;
margin-bottom:1.1rem
}
.faceted-browse-page .facets-container legend,.block-facetedBrowsePreview .facets-container legend{
font-size:1.56rem;
margin-bottom:1rem
}
.faceted-browse-page label input,.block-facetedBrowsePreview label input{
margin:0 .6rem 0 0 !important
}
.faceted-browse-page .resource-name,.block-facetedBrowsePreview .resource-name{
font-weight:500
}
.faceted-browse-page .resource-list,.block-facetedBrowsePreview .resource-list{
padding-top:5px
}
.faceted-browse-page .resource-list .resource,.block-facetedBrowsePreview .resource-list .resource{
padding:0 !important
}
.faceted-browse-page .resource-list .resource-link,.block-facetedBrowsePreview .resource-list .resource-link{
width:100%
}
.faceted-browse-page .faceted-browse-table-wrapper,.block-facetedBrowsePreview .faceted-browse-table-wrapper{
overflow-x:auto;
padding:0 5px
}
.faceted-browse-page table,.block-facetedBrowsePreview table{
border-collapse:collapse;
border-spacing:0 15px
}
.faceted-browse-page table thead,.block-facetedBrowsePreview table thead{
background-color:var(--secondary);
color:#fff
}
.faceted-browse-page table thead th,.block-facetedBrowsePreview table thead th{
padding:.75rem;
font-weight:500;
text-align:left
}
.faceted-browse-page table tbody tr,.block-facetedBrowsePreview table tbody tr{
border-bottom:1px dashed #ccc
}
.faceted-browse-page table tbody tr:last-child,.block-facetedBrowsePreview table tbody tr:last-child{
border-bottom:none
}
.faceted-browse-page table tbody tr td,.block-facetedBrowsePreview table tbody tr td{
padding:.75rem
}
.faceted-browse-page table tbody tr td .resource-link,.block-facetedBrowsePreview table tbody tr td .resource-link{
display:flex;
align-items:center
}
.browse-controls{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:1.5rem;
justify-content:space-between;
margin-bottom:20px;
padding-bottom:20px
}
.browse-controls input[type=text],.browse-controls select{
padding:8px 15px;
margin-bottom:0
}
.browse-controls select{
min-width:100px;
padding-right:45px;
width:auto
}
.browse-controls .layout-toggle{
display:flex;
gap:20px
}
.browse-controls .layout-toggle button{
background:none;
padding:0;
color:var(--primary);
text-decoration:underline
}
.browse-controls .layout-toggle button:hover,.browse-controls .layout-toggle button:active,.browse-controls .layout-toggle button:focus{
outline:none
}
.browse-controls .layout-toggle button:disabled,.browse-controls .layout-toggle button[disabled] .browse-controls .layout-toggle button.disabled{
color:#ccc;
text-decoration:none
}
.browse-controls .layout-toggle .layout-toggle-separator{
border-left:1px solid
}
.browse-controls .sorting{
display:flex;
flex-wrap:nowrap;
gap:15px;
margin-left:auto;
max-width:100%
}
.browse-controls .sorting button{
padding:10px 30px
}
.browse-controls .advanced-search-container{
display:flex;
justify-content:flex-end;
width:100%
}
.browse-controls .advanced-search-container a{
font-size:.8125rem
}
.browse-controls .permalink{
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
border-radius:30px;
cursor:pointer;
padding:12px 30px;
text-decoration:none;
transition:all .3s ease;
background-color:#fff;
border:1px solid var(--primary);
color:var(--primary);
padding:10px 20px
}
.browse-controls .permalink:hover:not(.disabled){
background-color:#fff;
border:1px solid var(--secondary);
color:var(--secondary)
}
.browse-controls .permalink:focus{
outline:5px auto Highlight
}
.browse-controls .permalink:disabled,.browse-controls .permalink[disabled] .browse-controls .permalink.disabled{
border-color:#ccc;
color:#ccc;
cursor:default
}
.browse-controls .permalink:visited{
color:var(--primary)
}
.resource-grid{
opacity:0;
list-style:none;
padding-left:0;
position:relative
}
.resource-grid .grid-sizer,.resource-grid .resource{
width:100%
}
@media(min-width: 768px){
.resource-grid .grid-sizer,.resource-grid .resource{
width:49%
}
}
.resource-grid .gutter-sizer{
width:2%
}
.resource-grid .resource{
display:flex;
flex-direction:column;
background-color:#fff;
border:1px dashed #ccc;
border-radius:20px 0;
position:absolute;
margin-bottom:27px
}
.resource-grid .resource::before{
content:none !important
}
@media(min-width: 768px){
.resource-grid .resource{
flex-direction:row
}
}
.resource-grid .resource__thumbnail{
line-height:1;
width:100%;
margin:10px 0 0 10px
}
@media(min-width: 768px){
.resource-grid .resource__thumbnail{
width:50%;
flex-shrink:0;
margin:10px 0 -15px 10px
}
}
.resource-grid .resource__thumbnail img{
max-height:324px;
object-fit:cover;
width:100%
}
.resource-grid .resource__content{
padding:15px
}
.resource-grid .resource__meta{
padding:5px 10px
}
.resource-list{
height:auto !important;
list-style:none;
padding-left:0
}
.resource-list .resource{
display:flex;
background-color:#fff;
border:1px dashed #ccc;
border-radius:20px 0;
position:relative !important;
left:auto !important;
top:auto !important;
width:100% !important;
margin-bottom:16px
}
.resource-list .resource::before{
content:none !important
}
.resource-list .resource__thumbnail{
flex-shrink:0;
line-height:1;
margin:15px 15px 15px auto;
order:1
}
.resource-list .resource__thumbnail img{
height:100px;
object-fit:cover;
width:100px
}
.resource-list .resource__content{
padding:15px
}
.resource-list .resource__meta{
padding:5px 10px
}
body.search .results{
max-width:1160px;
margin-left:auto;
margin-right:auto;
margin-bottom:40px
}
body.search .results .resource__content{
display:flex;
align-items:center
}
.uri-dereferencer-toggle,.uri-dereferencer-fetch{
margin-left:.5rem
}
.uri-dereferencer-markup{
border:1px solid #ccc;
padding:.5rem .8rem;
margin-top:.5rem
}
.uri-dereferencer-fetch+.uri-dereferencer-toggle+.uri-dereferencer-markup{
display:none
}
#user-bar{
gap:15px
}
#user-bar a{
display:block
}
@media(min-width: 1024px){
#user-bar a{
display:initial
}
}
#user-bar .site-links{
width:60%
}
#user-bar .site-links a{
display:inline-block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:calc(100%)
}
@media(min-width: 1024px){
#user-bar .site-links a{
overflow:initial;
white-space:initial;
width:auto
}
}
#user-bar .site-links .admin::after{
content:none !important
}
@media(min-width: 1024px){
#user-bar .site-links .admin::after{
content:">" !important
}
}
#user-bar .site-links .admin:last-child::after{
content:none !important
}
#user-bar .user-links{
width:40%;
text-align:right
}
#user-bar .user-links .logout{
margin-left:0;
margin-top:15px;
padding:6px 10px;
text-decoration:none
}
@media(min-width: 1024px){
#user-bar .user-links .logout{
margin-left:12px;
margin-top:0;
padding:0 6px
}
}
.main-footer{
display:flex;
background-color:var(--secondary);
clear:both;
color:#fff;
flex-direction:column;
font-size:.875rem
}
.main-footer.has-contact-info{
margin-top:40px
}
.main-footer .footer-contact-info{
margin-top:-40px
}
.main-footer .footer-contact-info__content{
display:flex;
align-items:center;
flex-direction:column;
gap:15px;
padding:25px 15px 10px 15px;
box-shadow:0px 2px 5px 2px rgba(0,0,0,.11);
border-radius:22px;
z-index:5;
position:relative;
background-color:#fff
}
@media(min-width: 1024px){
.main-footer .footer-contact-info__content{
flex-direction:row;
justify-content:space-around
}
}
.main-footer .footer-contact-info__content h6,.main-footer .footer-contact-info__content a{
color:var(--secondary);
text-decoration:none
}
.main-footer .footer-contact-info__content .contact_info{
display:flex;
align-items:center
}
.main-footer .footer-contact-info__content .contact_info::before{
font-family:"Font Awesome 5 Free";
font-weight:900;
display:inline-block;
font-weight:600;
font-size:1.5rem;
margin-right:10px
}
.main-footer .footer-contact-info__content .contact_info_phone::before{
content:""
}
.main-footer .footer-contact-info__content .contact_info_email::before{
content:""
}
.main-footer .footer-contact-info__content .contact_info_location::before{
content:""
}
.main-footer__top{
display:flex;
flex-direction:column;
gap:50px;
background:url(../img/footer-shape.svg) var(--secondary) no-repeat bottom right;
padding-top:50px
}
.main-footer__top>div:last-child{
padding-bottom:70px
}
@media(min-width: 1024px){
.main-footer__top{
padding-top:70px
}
}
.main-footer__top-container{
display:flex;
flex-direction:column;
gap:60px
}
@media(min-width: 1024px){
.main-footer__top-container{
flex-direction:row
}
}
.main-footer__top-container>div{
flex-grow:1;
margin-bottom:1rem;
position:relative
}
.main-footer__top-container>div:first-child{
padding-left:0
}
.main-footer__top-container.no-menu{
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center
}
@media(min-width: 1024px){
.main-footer__top-container.no-menu{
flex-direction:row;
align-items:flex-start;
text-align:left
}
}
.main-footer__col1,.main-footer__col3{
text-align:center
}
@media(min-width: 1024px){
.main-footer__col1,.main-footer__col3{
max-width:30%;
text-align:left
}
}
.no-menu .main-footer__col1,.no-menu .main-footer__col3{
max-width:600px;
margin-left:0
}
@media(min-width: 1024px){
.all-columns .main-footer__col1,.all-columns .main-footer__col3{
max-width:26%
}
}
@media(min-width: 1024px){
.all-columns.menu-depth-2 .main-footer__col1,.all-columns.menu-depth-2 .main-footer__col3{
max-width:20%
}
}
.main-footer__col1 img{
max-width:120px
}
.main-footer__col2{
display:flex;
flex-direction:column;
justify-content:flex-start
}
.main-footer__col2 .navigation{
display:flex;
flex-direction:column;
flex-wrap:wrap;
gap:40px;
justify-content:center;
list-style:none;
margin-bottom:0;
margin-left:0;
padding-left:0;
text-align:center
}
@media(min-width: 768px){
.main-footer__col2 .navigation{
flex-direction:row;
text-align:left
}
}
@media(min-width: 1024px){
.main-footer__col2 .navigation{
justify-content:flex-start
}
}
.main-footer__col2 .navigation li::before{
content:none !important
}
@media(min-width: 768px){
.main-footer__col2 .navigation>li{
max-width:20%
}
}
.main-footer__col2 .navigation>li>a{
font-weight:600;
display:block
}
.main-footer__col2 .navigation>li>ul{
margin-left:0;
margin-top:.8rem;
list-style:none;
padding-left:0
}
.main-footer__col2 .navigation>li>ul li{
margin-bottom:5px
}
.main-footer__col2 .navigation>li>ul li ul{
margin-left:0;
padding-left:25px
}
.main-footer__col2 .navigation a{
color:#fff;
text-transform:none
}
.main-footer__col2 .navigation a:visited{
color:#fff
}
.main-footer__col2 .navigation a:hover,.main-footer__col2 .navigation a:focus,.main-footer__col2 .navigation a:active{
color:#fff
}
.main-footer__col2 .navigation a:hover{
text-decoration:underline
}
.main-footer__col3{
display:flex;
flex-direction:column;
justify-content:flex-start
}
.main-footer__heading{
display:flex;
align-items:center;
color:#fff;
flex-direction:column;
margin-bottom:36px
}
@media(min-width: 1024px){
.main-footer__heading{
align-items:flex-start
}
}
.main-footer__heading::after{
content:"";
background-image:linear-gradient(to right, var(--accent) 55%, rgba(255, 255, 255, 0) 0%);
background-position:bottom;
background-size:9px 1px;
background-repeat:repeat-x;
height:1px;
width:45px;
display:block;
margin-top:23px
}
.main-footer__social-network{
display:flex;
align-items:center;
flex-wrap:wrap;
flex-shrink:0;
gap:20px;
justify-content:center
}
@media(min-width: 1024px){
.main-footer__social-network{
order:1
}
}
.main-footer__social-network a{
display:flex;
align-items:center;
border:1px solid #fff;
border-radius:50%;
height:54px;
justify-content:center;
text-decoration:none;
width:54px
}
.main-footer__social-network a:hover{
border:1px solid var(--accent)
}
.main-footer__bottom{
background-color:var(--secondary-dark);
padding:35px 0
}
.main-footer__bottom-container{
display:flex;
align-items:center;
flex-direction:column;
gap:30px;
justify-content:center;
text-align:center
}
@media(min-width: 1024px){
.main-footer__bottom-container{
flex-direction:row;
text-align:left
}
}
.main-footer__bottom-container.has-links{
justify-content:space-between
}
.main-footer__bottom-container a{
color:#fff
}
.main-footer__bottom-container a:hover{
text-decoration:underline
}
.main-footer__links{
display:flex;
gap:40px
}
.main-footer a{
color:#fff;
text-decoration:underline
}
#skipnav{
position:fixed;
top:1.5;
left:50%;
border:1px solid #aaa;
transform:translateX(-50%);
z-index:-5;
padding:1rem;
background-color:#fff;
opacity:0
}
#skipnav:focus{
z-index:1000;
opacity:1
}
.screen-reader-text{
border:0;
clip:rect(1px, 1px, 1px, 1px);
-webkit-clip-path:inset(50%);
clip-path:inset(50%);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute !important;
width:1px;
word-wrap:normal !important
}
.screen-reader-text:focus{
background-color:#ccc;
border-radius:3px;
box-shadow:0 0 2px 2px rgba(0,0,0,.6);
clip:auto !important;
-webkit-clip-path:none;
clip-path:none;
color:#555;
display:block;
font-size:.875rem;
font-weight:700;
height:auto;
left:5px;
line-height:normal;
padding:15px 23px 14px;
text-decoration:none;
top:5px;
width:auto;
z-index:100000
}
.alignleft{
float:left;
margin-right:1.5rem;
margin-bottom:1.5rem
}
.alignright{
float:right;
margin-left:1.5rem;
margin-bottom:1.5rem
}
.aligncenter{
clear:both;
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:1.5em
}
.alignfull{
margin:0 0 1.5rem;
max-width:100%
}
.alignwide{
margin:0 calc(25% - 25vw) 1.5rem;
max-width:100vw
}
.alignnarrow{
display:block;
margin-left:auto;
margin-right:auto;
max-width:1024px;
width:100%
}
.textleft{
text-align:left
}
.textright{
text-align:right
}
.textcenter{
text-align:center
}
.clearfix::after{
content:"";
clear:both;
display:table
}
.sitewide-search-form  {
 position:relative;
}
.sitewide-search-form input {
 padding-right:0px;
 }
.tbt {
position:absolute;
margin-right:0px;
font-size:22px;
right:1px;
top:0px;
}