/* GLOBAL */
/* GLOBAL CSS */
/*.navbar-brand > img {*/
/*    height: 50px;*/
/*}*/

.letter-spacing-1 {
    letter-spacing: 1px!important;
}
.letter-spacing-2 {
    letter-spacing: 2px!important;
}


/*HELPERs*/

/*------------------------------------*\
  Simple Spacing, Padding & More Styles
\*------------------------------------*/ 
/* Quick Padding & Padding Clears */
.pl-5  {padding-left: 5px;}
.pl-10 {padding-left: 10px;}
.pl-20 {padding-left: 20px;}
.pr-5  {padding-right: 5px;}
.pr-10 {padding-right: 10px;}
.pr-20 {padding-right: 20px;}
.ph-20 {padding-left: 20px; padding-right: 20px;}
.ph-30 {padding-left: 30px; padding-right: 30px;}
.ph-40 {padding-left: 40px; padding-right: 40px;}
.pv-10 {padding-top: 10px; padding-bottom: 10px;}
.pv-20 {padding-top: 20px; padding-bottom: 20px;}
.pv-30 {padding-top: 30px; padding-bottom: 30px;}
.pv-40 {padding-top: 40px; padding-bottom: 40px;}
.p-5   {padding: 5px;}
.p-10  {padding: 10px;}
.p-20  {padding: 20px;}
.clear-padding {padding: 0px !important;}
.padding-top-clear {padding-top: 0 !important;}
.padding-bottom-clear {padding-bottom: 0 !important;}
.padding-ver-clear {padding-bottom: 0 !important; padding-top: 0 !important;}
.padding-hor-clear {padding-right: 0 !important; padding-left: 0 !important;}
/* Quick Margins & Margin Clears */
.mt-5  {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mb-5  {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.margin-clear {margin-top: 0 !important; margin-bottom: 0 !important;}
.no-top-margin{margin-top:0;}
.no-bottom-margin{margin-bottom:0;}
/* Other Quick Styles */
.border-bottom-clear {border-bottom: none !important;}
.border-top-clear    {border-top: none !important;}
.border-clear        {border: none !important;}
.nopadding           {padding: 0 !important;  margin: 0 !important;  }
.quick-border        {border: 1px solid rgba(150,150,150,0.6);}

.border-bottom:      {border-bottom:1px solid #cecece;}

.shadow         {box-shadow: 0px 5px 40px rgba(0,0,0,0.30);}

.text-shadow {text-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);}

.body-font {font-family: "Open Sans";}

hr { border-top: 1px solid #cecece; }

strong {font-weight: 700;}
.bold {font-weight: 700;}


.fa-angle-double-right { top: 1px; position: relative; }

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.35);
}

@media (max-width: 767.98px) {
    .display-2 {font-size:32px !important;}
    .display-3 {font-size:28px !important;}
    .hero-header { height:75vh !important; background-size: 240% auto; }
}

@media (min-width:768px){
   .hero-header { height:100vh !important; background-size: 140% auto; }
}


.polygon {
    -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);}


.right-chevron {
    -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);}
  


/*------------------------------------*\
  #Anchor Fix
\*------------------------------------*/
.anchor {
  display: block;
  height: 150px; /*same height as header*/
  margin-top: -150px; /*same height as header*/
  visibility: hidden;
}


    
/*------------------------------------*\
  Large CTA Button Borders
\*------------------------------------*/     
@media (min-width:768px){
.cta-img-btn-left {
    border-left: 20px solid #fff;
    border-top: 10px solid #fff;
    border-right: 10px solid #fff;
    border-bottom: 10px solid #fff;}
    
.cta-img-btn-center {
    border-left: 10px solid #fff;
    border-top: 10px solid #fff;
    border-right: 10px solid #fff;
    border-bottom: 10px solid #fff;}

.cta-img-btn-right {
    border-left: 10px solid #fff;
    border-top: 10px solid #fff;
    border-right: 20px solid #fff;
    border-bottom: 10px solid #fff;}
}

@media (max-width: 767.98px) {
.cta-img-btn-left {
    border-left: 20px solid #fff;
    border-top: 10px solid #fff;
    border-right: 20px solid #fff;
    border-bottom: 10px solid #fff;}
    
.cta-img-btn-center {
    border-left: 20px solid #fff;
    border-top: 10px solid #fff;
    border-right: 20px solid #fff;
    border-bottom: 10px solid #fff;}

.cta-img-btn-right {
    border-left: 20px solid #fff;
    border-top: 10px solid #fff;
    border-right: 20px solid #fff;
    border-bottom: 10px solid #fff;}
}   

/*------------------------------------*\
  Navbar Edits
\*------------------------------------*/ 


        
.always-hamburger-style {
    background: rgba(255, 255, 255, 0.9);
    padding: 3rem;
    font-size: 140%;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 30px;
}

@media (max-width:767px) {
.always-hamburger-style {
    font-size: 100%;
}
} 


.navbar-light .navbar-toggler {
    color: #FFF;
    border-color: #FFF;
    border:2px solid;
    border-radius: 100%;
    height: 55px;
    margin-top: 0px;
}
.navbar-light .scrolling { margin-top: -125px; }
.navbar-light .navbar-nav .nav-link {
  text-align: center;
  font-size:110%;
  }
  
@media (max-width:767px) {
    .navbar-light .navbar-nav .nav-link {
  text-align: left;
  font-size:85%;
  }
}  

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }


@media (max-width: 767.98px) {
    .wrapper {margin-top: 0px;}
    .navbar {background: transparent;}
    .logo {width:125px !important;}
    .navbar-light .navbar-toggler { margin-top: 0px !important;}
}

@media (min-width:768px){
   .logo {width:250px;} 
}

.nav-bg { background: var(--primary) !important; }

.navbar-light .scrolling {margin-top:10px;}


/* Search bar */
.ui-datepicker-div {
    position:relative !important;
    z-index:50 !important;}


/*------------------------------------*\
  ADD Arrow/Notch to top of dropdown
\*------------------------------------*/         
/* The arrows don't look that good on mobile nav so show them on bigger screens only */
/* Style normally on mobile */

.dropdown-menu {
    top: 122%;
    left: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 8px !important;
    -webkit-box-shadow: rgba(84, 89, 94, 0.35) 0px 24px 54px 0px;
            box-shadow: rgba(84, 89, 94, 0.35) 0px 24px 54px 0px;
}


.navbar-nav > li > .dropdown-menu:before {
  display: none;
}

/* Sizes above 767px only */
@media (min-width: 768px) {
  /* Adjust right and top attributes for perfect placement in your nav */
  .navbar-nav > li > .dropdown-menu:before {
    border-bottom: 9px solid rgb(236, 236, 236); /* this changes color of arrow */
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 10%;
    position: absolute;
    top: -9px;
    color:rgb(236, 236, 236);
  }
}



/*------------------------------------*\
  Image Floats
\*------------------------------------*/ 
@media (min-width: 1px){
    .float-left, .float-right {width: 100%;margin-bottom:15px;}
}

@media (min-width: 440px){
    .float-left {width: 35%;float:left;margin:3px 20px 10px 0;}
    .float-right{width: 35%;float:right;margin:3px 0 10px 20px;}
}

.float-left-sm {width:25%; float:left; margin:3px 20px 10px 0;}
.float-right-sm {width:25%; float:right; margin:3px 0 10px 20px;}

a:hover{
    text-decoration: none;
}


/*------------------------------------*\
  Footer Modifications
\*------------------------------------*/ 
.omsFooter {
    background: var(--dark);
}
.editpagebutton {
  background: rgba(0, 0, 0, 0.5);
  color: white !important;
  position: fixed;
  bottom: 1rem;
  right: 1.5rem;
  opacity: 1 !important;
  padding: 0.25rem 0.5rem;
}
footer:not(.omnia) {
  padding-top: 0rem;
  padding-bottom: 0rem;
  font-size: 0.8rem;
}
.copyright {
    color: #888;
}
.copyright a {
    color: #aaa;
}
 
.copyright {text-align: center; padding-top: 15px;}
footer .copyright br {display:none;}
.footerLinks,.footerCopy,.footerDWD {display: block; padding: 0 3px; font-size: 12px;}
@media(min-width:992px){
    footer .copyright {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;}
    .footerLinks,.footerCopy,.footerDWD {display: inline; padding: 0 3px; font-size: 12px;}
    .footerLinks{order:3;width:33%;text-align:right;}.footerCopy{order:2;width:33%;text-align:center;}.footerDWD{order:1;width:33%;text-align:left;}
}footer .container p.text-muted {display: none;}


/*------------------------------------*\
  Hover Effects
\*------------------------------------*/ 
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.1);
}



/*------------------------------------*\
  Arrow Notch SCROLL DOWN
\*------------------------------------*/ 
.arrow-container-down {
  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;} .up-arrow {top: -40px;}
@media (max-width:767.98px) {.notch-position {top: -48px;} .down-arrow {top: -37px;}}
@media (min-width:768px) {.notch-position {top: -48px;} .down-arrow {top: -33px;}}
@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;}}




/*------------------------------------*\
  Arrow Notch SCROLL UP
\*------------------------------------*/ 
.arrow-container-up {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -50px;
  z-index: 10;
}
.up-arrow {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    top: -30px;
    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 */
}

@media (max-width:767.98px) {.notch-position-up {top: -48px;} .up-arrow {top: -30px;}}
@media (min-width:768px) {.notch-position-up {top: -49.5px;} .up-arrow {top: -27px;}} 
/* PAGE SPECIFIC */

/* FOOTER */