/* GLOBAL */
/* GLOBAL CSS */
@media(max-width: 991px) {
.h1, h1 {
font-size: 2rem!important;
}
}
.oms-wrapper .btn {
white-space: normal;
}
.wrapper {
display: block;
}
#sidebar {
min-width: 250px;
max-width: 250px;
height: 100vh;
position: fixed;
top: 0;
left: 0;
/* top layer */
z-index: 9999;
}
#dismiss {
width: 35px;
height: 35px;
position: absolute;
/* top right corner of the sidebar */
top: 10px;
right: 10px;
}
section {
overflow: hidden;
}
.hero-video {
position: relative;
overflow: hidden;
}
.hero-video > div,
.hero-video > div iframe {
min-height: 50vh;
}
@media(min-width: 992px) {
.hero-video > div, .hero-video > div iframe {
min-height: 90vh;
}
}
/* Slow down animations slightly */
.animated {
-webkit-animation-duration: 1.45s;
animation-duration: 1.45s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.omsNav.bg-transparent {
background: var(--dark)!important;
}
.sticky-top.sticky-offset {
top: 5rem;
}
.bg-primary {
background: linear-gradient(145deg, #22c0e3, #a4dc55)!important;
}
.btn-primary {
background: linear-gradient(145deg, #22c0e3, #a4dc55)!important;
border: 1px solid transparent!important;
}
.oms-events-list,
.oms-event-detail {
background: var(--light);
}
/* FAQ Buttons */
.btn-link {
font-weight: normal!important;
color: initial!important;
font-size: initial!important;
text-transform: capitalize!important;
letter-spacing: initial!important;
}
.oms-wrapper .btn-primary {
color: var(--white);
}
.oms-wrapper .btn {
border-radius: 300px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.5px;
}
.oms-wrapper .btn:not(.btn-white,
.btn-light,
.btn-outline-light,
.btn-outline-white) {
color: var(--white);
}
/* Testimonials */
.oms-testimonials .star-container {
display: flex;
justify-content: space-around;
padding: 1.5rem;
background: var(--gradient);
color: var(--white);
font-size: 1.25rem;
}
.oms-testimonials .blockquote-footer {
color: var(--primary);
font-size: 100%;
font-weight: bold;
text-align: right;
}
strong {
font-weight: 900;
}
/* Smaller Floats */
.float-left-sm {
width: 35%;
float: left;
margin: 3px 20px 10px 0;
}
.float-right-sm {
width: 35%;
float: right;
margin: 3px 0 10px 20px;
}
@media (max-width: 576px) {
.float-left-sm {
width: 100%;
float: left;
margin: 3px 0px 0px 10px;
}
.float-right-sm {
width: 100%;
float: right;
margin: 3px 0 0px 0px 10px;
}
}
/* Slow down animations slightly */
.animated {
-webkit-animation-duration: 1.55s;
animation-duration: 1.55s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
/* Text Style Extras */
strong {
font-weight: 700;
}
.alt-font {
font-family: 'Open Sans', sans-serif !important;
}
.display-5 {
font-size: 2.5rem;
line-height: 1.2;
}
@media (max-width: 767.98px) {
.display-5 {
font-size: 1.5rem;
line-height: 1.2;
}
}
/* Product Manager Style */
.product-desc {
padding-top: 3rem;
padding-bottom: 3rem;
}
.container.oms-cart {
padding-top: 3rem;
}
@media (min-width: 768px) {
.btn-back {
top: -12px;
position: relative;
}
}
p {
line-height: 1.5;
word-spacing: 1.5px;
letter-spacing: .1px;
}
/* Shape Clipping Paths */
.point-bottom {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 91%, 50% 100%, 0 91%);
clip-path: polygon(0 0, 100% 0, 100% 91%, 50% 100%, 0 91%);
}
.point-top {
-webkit-clip-path: polygon(50% 9%, 100% 0, 100% 100%, 0 100%, 0 0);
clip-path: polygon(50% 9%, 100% 0, 100% 100%, 0 100%, 0 0);
}
.point-top-bottom {
-webkit-clip-path: polygon(50% 9%, 100% 0, 100% 91%, 50% 100%, 0 91%, 0 0);
clip-path: polygon(50% 9%, 100% 0, 100% 91%, 50% 100%, 0 91%, 0 0);
}
@media (max-width: 768px) {
.point-bottom {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 50% 100%, 0 96%);
clip-path: polygon(0 0, 100% 0, 100% 96%, 50% 100%, 0 96%);
}
.point-top {
-webkit-clip-path: polygon(50% 4%, 100% 0, 100% 100%, 0 100%, 0 0);
clip-path: polygon(50% 4%, 100% 0, 100% 100%, 0 100%, 0 0);
}
.point-top-bottom {
-webkit-clip-path: polygon(50% 4%, 100% 0, 100% 91%, 50% 100%, 0 96%, 0 0);
clip-path: polygon(50% 4%, 100% 0, 100% 91%, 50% 100%, 0 96%, 0 0);
}
}
.fun-corner {
border-bottom-left-radius: 5rem;
border-top-right-radius: 5rem;
}
.bottom-slope-left {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 81%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 81%, 0% 100%);
}
/*------------------------------------*
Arrow Notch SCROLL DOWN
*------------------------------------*/
.arrow-container {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
}
.down-arrow {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) rotate(-135deg);
-ms-transform: translateX(-50%) rotate(-135deg);
transform: translateX(-50%) rotate(-135deg);
width: 16px;
height: 16px;
border-right: 2px solid transparent;
border-bottom: 2px solid transparent;
z-index: 100;
}
#begin:before {
content: "";
display: block;
height: 130px;
/* fixed header height*/
margin: -130px 0 0;
/* negative fixed header height */
}
.notch-position {
top: -48px;
}
.down-arrow {
top: -40px;
}
@media (min-width: 768px) {
.notch-position {
top: -48px;
}
.down-arrow {
top: -40px;
}
}
@media (min-width: 1200px) {
.notch-position {
top: -49.5px;
}
.down-arrow {
top: -33px;
}
}
@media (min-width: 1500px) {
.notch-position {
top: -49.5px;
}
.down-arrow {
top: -33px;
color: #505050 !important;
}
}
/* PAGE SPECIFIC */
/* FOOTER */