pre { max-height: 300px; }

.responsive { position: relative; }
.responsive > .background { position: relative; background-repeat: no-repeat; background-position: center; }
.responsive > .background img { width: 100%; }
.responsive > .content { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; overflow: hidden; }
.responsive.responsive-contain > div { background-size: contain; }
.responsive.responsive-cover > div { background-size: cover; }

.b-0 { bottom: 0; } .t-0 { top: 0; } .l-0 { left: 0; } .r-0 { right: 0; }

.bg-black { background-color: rgba(0,0,0,1); }
.bg-black-75 { background-color: rgba(0,0,0,0.75); }
.bg-black-50 { background-color: rgba(0,0,0,0.50); }
.bg-black-25 { background-color: rgba(0,0,0,0.25); }

.lh07 { line-height: 0.7 !important; }
.lh08 { line-height: 0.8 !important; }
.lh09 { line-height: 0.9 !important; }
.lh10 { line-height: 1.0 !important; }
.lh11 { line-height: 1.1 !important; }
.lh12 { line-height: 1.2 !important; }
.lh13 { line-height: 1.3 !important; }
.lh14 { line-height: 1.4 !important; }

.h60 { font-size: 60%; font-weight: normal; margin: 0; }
.h65 { font-size: 65%; font-weight: normal; margin: 0; }
.h70 { font-size: 70%; font-weight: normal; margin: 0; }
.h75 { font-size: 75%; font-weight: normal; margin: 0; }
.h80 { font-size: 80%; font-weight: normal; margin: 0; }
.h85 { font-size: 85%; font-weight: normal; margin: 0; }
.h90 { font-size: 90%; font-weight: normal; margin: 0; }
.h95 { font-size: 95%; font-weight: normal; margin: 0; }
.h100 { font-size: 100%; font-weight: normal; margin: 0; }
.h110 { font-size: 110%; font-weight: normal; margin: 0; }
.h120 { font-size: 120%; font-weight: normal; margin: 0; }
.h130 { font-size: 130%; font-weight: normal; margin: 0; }
.h140 { font-size: 140%; font-weight: normal; margin: 0; }
.h150 { font-size: 150%; font-weight: normal; margin: 0; }

.text-small-readable { font-family: Arial Narrow; font-size: 10px; line-height: 10px; }

.text-red { color: #ff0000; }
.text-green { color: #00ff00; }
.text-blue { color: #0000ff; }

.text-shadow { text-shadow: 1px 2px #000000; }

.obj-adapt { object-fit: fill; }
.obj-cover { object-fit: cover; }
.obj-contain { object-fit: contain; }

.tblr-full { top: 0; bottom: 0; left: 0; right: 0; }
.tblr-top { top: 0; left: 0; right: 0; }
.tblr-top-center { top: 0; }
.tblr-top-right { top: 0; right: 0; }
.tblr-top-left { top: 0; left: 0; }
.tblr-bottom { bottom: 0; left: 0; right: 0; }
.tblr-bottom-center { bottom: 0; }
.tblr-bottom-left { bottom: 0; left: 0; }
.tblr-bottom-right { bottom: 0; right: 0; }

.psm-hr { height: 0px; border-bottom: 1px solid #fff; }
.psm-shadow { box-shadow: 2px 2px 3px black; }
.psm-shadow-big { box-shadow: 4px 4px 6px black; }
.psm-rounded { border-radius: 6px !important; } 
.psm-button-general { background-color: white; } 
.psm-button-search { border-color: #ced4da !important; border-left-color: transparent !important; }
.psm-oswald { font-family: 'Oswald', sans-serif; font-display: swap; }

.modal-xl { max-width: 90%; }
.modal-lg { max-width: 70%; }

.mw-100px { max-width: 100px !important; }
.mw-200px { max-width: 200px !important; }
.mw-300px { max-width: 300px !important; }

.mh-300px { min-height: 300px !important; }
.mh-400px { min-height: 400px !important; }
.mh-500px { min-height: 500px !important; }

.border-2 { border-width: 2px !important; }
.border-3 { border-width: 3px !important; }
.border-4 { border-width: 4px !important; }

.w-15 { width: 15% !important; }
.w-20 { width: 20% !important; }

.cursor-pointer { cursor: pointer; }

.hover-text-decoration-underline:hover { text-decoration: underline; }
.text-decoration-underline { text-decoration: underline; }

li.psm-nav-item>a { border: solid 2px white; padding-bottom: 0.3rem; padding-top: 0.3rem; color: black; }
li.psm-nav-item.active:hover>a, li.psm-nav-item.active>a, li.psm-nav-item:hover>a { background-color: white; border: solid 2px black; }