/* GLOBAL */
/* GLOBAL CSS */
html {
scroll-behavior: smooth;
}
.codey {
font-family: courier, monospace;
}
.anchor {
scroll-margin-top: 150px;
}
body {} .py-5.snipOuter#oms_529 {
background-position: center center !important;
}
.oms-wrapper .btn {
border-radius: 4px !important;
white-space: break-spaces;
}
.btn-primary-alt {
color: white !important;
}
@media(min-width: 1600px) {
.container {
width: 1350px;
min-width: 1350px;
}
}
a:hover img {
opacity: .9;
}
ul {
padding-left: 1.5rem;
}
@media(max-width: 767px) {
h1 {
font-size: 1.9rem;
}
h2 {
font-size: 1.75rem;
}
h3 {
font-size: 1.6rem;
}
h4 {
font-size: 1.45rem;
}
h5 {
font-size: 1.3rem;
}
h6 {
font-size: 1.15rem;
}
}
video {
background: var(--light);
border: 1px solid #ccc;
}
.floatright,
.floatleft {
float: none;
width: 100%;
margin: 0 0 1rem 0;
}
.float-sm {
width: 150px;
max-width: 25%;
margin: 0 1rem .5rem 0;
float: left;
}
.floatright-sm {
width: 150px;
max-width: 25%;
margin: 0 0 .5rem 1rem;
float: right;
}
.float-right-md {
width: 300px;
max-width: 25%;
margin: 0 0 .5rem 1rem;
float: right;
}
@media(min-width: 576px) {
.floatright {
float: right;
margin: 0 0 1rem 1rem;
width: 50%;
max-width: 500px;
}
.floatleft {
float: left;
margin: 0 1rem 1rem 0;
width: 50%;
max-width: 500px;
}
}
#accordion .btn-link,
#accordionTwo .btn-link {
white-space: unset;
}
#accordion .card,
#accordionTwo .card {
margin-bottom: 3px;
}
a.text-dark:hover {
color: var(--primary) !important;
}
.card-header:hover {
background-color: var(--primary);
}
.card-header:hover * {
color: white;
}
.card-header,
.card-header * {
transition: all .15s ease-in;
}
/*@media(min-width: 1600px) {
.container {
width: 1350px;
max-width: 1350px;
}
}*/
.stories .card h1,
.stories .card h2,
.stories .card h3,
.stories .card h4,
.stories .card h5,
.stories .card h6 {
color: var(--info) !important;
background: var(--light);
margin-top: -1rem;
margin-bottom: -1rem !important;
padding: 1rem;
border-left: 1px solid var(--border);
border-right: 1px solid var(--border);
}
.overlay.bg-dark {
opacity: .2 !important;
}
.sub-hero {
/* background: url(/userfiles/2021/images/naci-sub-header.jpg) no-repeat center top;*/
background: url(/userfiles/2021/images/naci-sub-hero-mtn.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.qol-header {
background: url(/userfiles/2021/images/tree-leaves.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.float-right {
float: right;
width: 100%;
max-width: 100%;
margin: 0 0 1rem 0;
}
@media(min-width: 768px) {
.float-right {
width: 500px;
max-width: 40%;
margin: 0 0 10px 20px;
}
.sub-hero h1 {
padding: 1.5rem 0;
}
}
@media(max-width: 575px) {
#savecontent .btn {
font-size: 14px;
}
}
.video-btns span.small {
word-break: break-word;
}
/* Blog & Events */
.blog-detail-page {
background: var(--light);
}
.blog-detail-page .blog-desc {
background: white;
padding: 1rem;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.15);
}
@media(min-width: 768px) {
.blog-detail-page .blog-desc {
padding: 2rem;
}
}
.blog-desc h1 {
color: var(--primary) !important;
}
.event-header,
.event-header * {
color: var(--primary) !important;
}
.oms-event-detail .col-lg-8 .d-flex.justify-content-start {
display: inline-flex !important;
margin-right: 1rem;
}
.oms-event-detail .event-header {
border-bottom: 1px solid #ddd;
margin-bottom: 1rem;
}
.oms-event-detail .container .row .col-lg-8 > h6 {
display: none;
}
.event-info .event-title {
margin-bottom: 0 !important;
}
.small-float {
float: left;
width: 125px;
max-width: 25%;
margin: 0 1rem .5rem 0;
border: 1px solid #ddd;
}
.tree-wrap .btn {
border-top-left-radius: 0 !important;
border-top-right-radius: 100px !important;
border-bottom-left-radius: 100px !important;
border-bottom-right-radius: 100px !important;
padding: 2px 8px !important;
font-size: 12px !important;
}
img.temp {
width: 400px;
max-width: 100%;
display: block;
}
.qol-tree-section img {
max-width: 100% !important;
height: auto !important;
}
blockquote {
margin: 0 0 1rem 1rem;
padding: 1rem 0 1rem 1rem;
border-left: 3px solid var(--border);
}
.gsc-control-cse.gsc-control-cse-en {
padding: 0;
margin: 0;
}
.gsc-search-box {
margin-bottom: 0 !important;
}
.rightfloat2 {
float: right;
margin: 0 0 .5rem 1rem;
width: 30%;
}
@media (max-width: 767px) {
.rightfloat2 {
float: none;
margin: 0 0 1rem 0;
width: 100%;
}
}
/* PAGE SPECIFIC */
/* FOOTER */