/* GLOBAL */
/* GLOBAL CSS */


@media(min-width: 1200px) {
    body {
        padding-top: 50px !important;
    }
}
@media(min-width: 350px) {
    body {
        padding-top: 60px !important;
    }
}
@media(min-width: 992px) {
    body {
        padding-top: 79px !important;
    }
}
@media(min-width: 1200px) {
    body {
        padding-top: 89px !important;
    }
    #navbarText .nav-item {
        font-size: 15px !important;
    }
}

.logo:hover{
    opacity: .8;
}

#savecontent a:not(.btn) {
    font-weight: 700;
}

  .oms-carousel-text-left .carousel-caption {
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    position: relative;
    z-index: 3;
  }
  .oms-carousel-text-left .carousel-item {
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .oms-carousel-text-left .overlay {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.25;
    z-index: 2;
  }
  .carousel-caption {
    z-index: 3;
    position: relative;
  }
  @media(min-width: 1200px) {
    .oms-carousel-text-left .carousel-item {
      background-attachment: fixed!important;
    }
    .oms-carousel-text-left .carousel-item h3 {
      font-size: 3rem;
    }
    .oms-carousel-text-left .carousel-item p {
      font-size: 1.3rem;
    }
}
a:hover img {
    opacity: .8;
}

.small {
    font-size: 0.9rem;
}

p.help-block {
    margin-bottom: 1.5rem;
}
.blog-wrapper,
.gallery-wrapper {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
  .blog-wrapper .blog {
    padding: 1.5rem;
    background: var(--light);
    border: 1px solid var(--secondary);
    border-radius: 0.25rem;
  }
  @media(min-width: 992px) {
    .blog-wrapper .blog {
      padding: 3rem;
    }
  }
  @media(min-width: 1200px) {
    .blog-wrapper .blog {
      padding: 4rem;
    }
  }
  .lead {
      font-weight: 400 !important;
  }
  
.hero-bg { 
  background: url(/userfiles/1516/images/Coco-Hero.jpg) no-repeat center center !important; 
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
/*.sub-wrapper { 
  background: url(/userfiles/1516/images/white.jpg) repeat left top !important; 
  background-size: 600px 600px;
}*/

.sub-wrapper {
    background: #eeeeee url(/userfiles/1516/images/sub-bg.jpg) no-repeat top center ; 
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

@media(min-width: 1200px){
/*    .sub-wrapper { 
  background: url(/userfiles/1516/images/white.jpg) repeat left top !important; 
  background-size: 1600px 1600px;
}*/
    .hero-bg, .fixed-lg {
        background-attachment: fixed !important;
    }
}

.adriana {
    width: 300px; max-width: 40%; float: left; margin: 0 15px 5px 0;
}
.adrianar {
    width: 300px; max-width: 40%; float: right; margin: 0 0px 5px 15px;
}
.floatright,
.floatleft {
  float: none;
  width: 100%;
  margin: 0 0 1rem 0;
}
@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;
  }
}
@media (min-width: 768px){
    .adriana {
        margin: 0 25px 10px 0;
    }
    .adrianar {
        margin: 0 0px 10px 25px;
    }
}
.sub-wrapper .container-narrow {
    max-width: 94% !important;
}

/* GLOBAL CSS */
@media(min-width: 992px){
    h1, .h1 {font-size: 44px;}
    h2, .h2 {font-size: 36px;}
    h3, .h3 {font-size: 32px;}
    h4, .h4 {font-size: 28px;}
    h5, .h5 {font-size: 24px;}
    h6, .h6 {font-size: 20px;}
    body {font-size: 17px;}
    .lead {font-size: 19px;}
}
@media (min-width: 1200px){
#savecontent .container.container-narrow, footer.omsFooter .container.container-narrow {
    max-width: 1100px !important;
}}
#savecontent .row p, #savecontent .row ul, #savecontent .row li {
    text-align: justify !important;
}

::-moz-selection { background: var(--info); color: white; }
::selection { background: var(--info); color: white;}

@media(min-width: 768px){
    .blog-desc .mb-4.mx-auto {
        float: left;
        margin: 0 25px 10px 0 !important;
        width: 30%;
    }
}
#savecontent .btn-primary.d-block {
    white-space: normal !important;
}
#savecontent .omsFooter .row p, #savecontent .omsFooter .row ul, #savecontent .omsFooter .row li {
    text-align: left !important;
}
@media(min-width: 1400px){
.translations .d-xl-inline-flex {
  display: inline-flex !important;  
}}
@media(min-width: 1200px) and (max-width: 1399px){
.translations .d-xl-inline-flex {
  display: none !important;  
}}
@media(min-width: 700px) and (max-width: 1199px){
.translations .d-xl-inline-flex {
  display: inline-flex !important;  
}}
.bg-light.border.py-xl-4.p-3.p-md-4.px-xl-5.py-xl-4 table {
    width: 100%;
} 

/* PAGE SPECIFIC */

/* FOOTER */