/*Older Landing Pages*/
/*Universal Styling*/

h1 {
  font-family:'Bogs Headline';
  text-transform:uppercase;
  color:#000;
  letter-spacing:1px;
  font-weight:500;
}
h2 {
  font-weight:100;
}
h4 {
  font-weight:600;
}
strong , b {
  font-weight:bold;
}
.button , .shop-button {
  font-family:'Bogs Headline';
  text-transform:uppercase;
  text-align:center;
  border-radius:30px;
}
.button {
  background-color:#fff;
  color:#000;
}
.button:hover {
  background-color:#000;
  transition:0.5s ease-in-out;
  color:#fff;
}
.shop-button {
  background-color:#000;
  transition:0.5s ease-in-out;
  color:#fff;
}
.shop-button:hover {
  background-color:#fff;
  color:#000;
}
.bottom-banner {
  background-color:#e7e7e7;
  text-align:center;
  padding:18px 0 12px;
  margin:1rem 0;
}
@media(max-width:992px) {
  h5 {
    font-size:12px;
  }
}

/*Five Marys Landing Page | five-marys-landing-page*/
#fiveMarys {
  .main-container .mobile {
    border-radius:8px;
  }
  p {
    color:#fff;
  }
  h1 , h2 , .main-container .logos {
    text-align:center;
  }
  .main-container .logos {
    position:absolute;
    margin:0 auto;
    width:100%;
    left:0;
    right:0;
  }
  .image-gallery , .picture-side .top {
    display:flex;
    flex-flow:row;
  }
  .picture-side .bottom {
    width:100%;
  }
  #left-gallery .picture-side .link:hover {
    opacity:70%;
  }
  #left-gallery h2 {
    color:#fff;
    text-align:left;
  }
  @media(min-width:992px) {
    .main-container .logos {
      top:26vw;
    }
    .five-logo {
      padding:2vw;
      width:28vw;
    }
    .x-logo {
      padding:1vw;
      width:5vw;
    }
    .bogs-logo {
      padding:2vw;
      width:24vw;
    }
    .button {
      font-size:2rem;
      width:12rem;
      margin:4rem auto 0;
    }
    p {
      height:100%;
      align-content:center;
      font-size:1.4vw;
      padding:4vw;
    }
    h2 {
      width:90%;
      margin:0 auto;
      padding:2rem 0;
    }
    .shop-button {
      font-size:2rem;
      width:12rem;
      margin:1rem auto;
    }
    h1 {
      font-size:4rem;
      padding-top:1.5rem;
    }
    .image-gallery , .picture-side .top {
      flex-flow:row;
    }
    .picture-side img {
      width:100%;
      padding:8px;
    }
    .text-side img {
      width:98%;
      margin:8px;
    }
    #left-gallery .text-side {
      margin:8px;
    }
    #left-gallery h2 {
      font-size:1.85vw;
      padding-top:3vw;
    }
    #right-gallery .button {
      position:absolute;
      top:30%;
    }
  }
  @media(max-width:992px) {
    .main-container .logos {
      top:54vw;
    }
    .five-logo , .bogs-logo {
      display:block;
      margin:0 auto;
    }
    .five-logo {
      width:45vw;
    }
    .x-logo {
      display:block;
      margin:4vw auto;
      width:6vw;
    }
    .bogs-logo {
      width:50vw;
      padding-left:4vw;
    }
    .button {
      font-size:5vw;
      width:30vw;
      margin:6vw auto;
    }
    .content-block-text {
      padding:2vw;
    }
    p {
      padding:6vw;
    }
    h2 {
      font-size:4vw;
    }
    .shop-button {
      font-size:4vw;
      width:24vw;
      margin:6vw auto;
    }
    h1 {
      font-size:7vw;
    }
    .image-gallery {
      flex-flow:column;
    }
    .picture-side .top {
      flex-flow:row;
    }
    .text-side {
      width:97%;
      margin:8px auto;
    }
    .picture-side img {
      padding:8px;
    }
    #left-gallery h2 {
      padding:2rem;
    }
  }
}

/*Outdoor Education | landing-OutdoorEducation*/
#outdoorEducation {
  .img-fluid , .video-container video {
    border-radius:8px;
  }
  h1 {
    position:absolute;
    font-weight:900;
    line-height:0.85;
  }
  p {
    margin:2rem 0;
  }
  @media(min-width:992px) {
    h1 {
      right:10vw;
      width:27%;
      top:40%;
      letter-spacing:0.2vw;
      font-size:7vw;
    }
    .content-block-text {
      width:90%;
      margin:4rem auto;
    }
    p {
      font-size:22px;
    }
  }
  @media(max-width:992px) {
    h1 {
      top:300px;
      right:13%;
      width:38%;
      letter-spacing:0.3vw;
      font-size:9vw;
    }
    .content-block-text {
      width:100%;
      margin:0 auto;
    }
    p {
      font-size:18px;
    }
  }
}

/*Reuse A Boot | landing-Reuse-A-Boot*/
#reuseBoot {
  .main-container {
    background-color:#e7e7e7;
    border-radius:8px;
  }
  h1 {
    line-height:1;
  }
  .shop-button {
    display:block;
  }
  .swiper-slide {
    background-color:#F1F1F1;
    border-radius:8px;
  }
  .reuse-text {
    position:absolute;
    width:100%;
    font-weight:600;
    line-height:1.1;
    text-align:center;
    text-transform:capitalize;
  }
  @media(min-width:992px) {
    .content-block-text {
      padding:3vw;
    }
    .main-container img {
      border-radius:8px 0 0 8px;
    }
    h1 {
      font-size:3.1vw;
      padding-bottom:1vw;
    }
    p {
      font-size:1.4vw;
    }
    .shop-button {
      font-size:2vw;
      width:20vw;
      margin-top:2vw;
    }
    .swiper-slide {
      width:23%!important;
      margin:1vw auto;
      text-align:center;
      height:22vw;
    }
    .reuse-icon {
      position:relative;
      top:3vw;
    }
    .reuse-icon.one {
      width:12vw;
      right:1.5vw;
    }
    .reuse-icon.two {
      width:8.8vw;
    }
    .reuse-icon.three {
      width:11vw;
    }
    .reuse-icon.four {
      width:10vw;
    }
    .reuse-text {
      font-size:1.3vw;
      padding:0 2vw;
      bottom:3vw;
    }
  }
  @media(max-width:992px) {
    .main-container img {
      width:100%;
      border-radius:8px 8px 0 0;
    }
    h1 {
      font-size:8vw;
    }
    p {
      font-size:3.2vw;
      padding:2vw 0;
    }
    .shop-button {
      font-size:4vw;
    }
    #swiper-reuse {
      overflow:hidden;
    }
    .swiper-slide {
      height:85vw;
    }
    .reuse-icon {
      position:absolute;
      width:60%;
      left:0;
      right:0;
      margin:9vw auto;
    }
    .reuse-icon.one {
      width:60%;
      right:12vw!important;
    }
    .reuse-icon.two {
      width:44%;
    }
    .reuse-icon.three {
      width:54%;
    }
    .reuse-icon.four {
      width:50%;
    }
    .reuse-text {
      bottom:11vw;
      font-size:5.5vw;
      padding:0 3vw;
    }
  }
}

/*Natives Outdoors | nativesOutdoors*/
#nativesOutdoors {
  h1 {
    line-height:1;
  }
  h3 {
    font-weight:100;
    padding:8px 0;
  }
  p {
    color:#000;
    padding:8px 0;
  }
  .main-container .button {
    position:absolute;
    margin:0 auto;
    left:0;
    right:0;
  }
  .button {
    margin:0 auto;
  }
  img {
    border-radius:12px;
    margin:10px 0;
  }
  video {
    border-radius:12px;
  }
  .main-container , .content-block-text , .outdoors-section , .jennifer-section {
    text-align:center;
  }
  .outdoors-section , .jennifer-section , .product-section {
    border-radius:12px;
    background-size:cover;
    background-position:center;
  }
  .outdoors-section {
    background-image:url("../../landingPage/BOGS_NativesOutdoors-Lifestyle03.jpg");
  }
  .jennifer-section {
    background-image:url("../../landingPage/BOGS_NativesOutdoors-Lifestyle04.jpg");
  }
  .outdoors-section h3 , .jennifer-section h3 {
    color:#fff;
  }
  @media(min-width:992px) {
    h1 {
      font-size:4rem;
    }
    h3 {
      font-size:22px;
    }
    p {
      font-size:20px;
    }
    .button {
      width:14rem;
      font-size:2rem;
    }
    .main-container .button {
      top:50vw;
    }
    .outdoors-section , .jennifer-section {
      width:48%;
      margin:0.2vw auto;
      padding:2vw 2vw 3vw;
    }
    .icon {
      width:14rem;
    }
    .product-section {
      background-image:url("../../landingPage/BOGS_NativesOutdoors-Lifestyle05.jpg");
      height:40vw;
      margin:3vw 0;
    }
    .product-section .col-lg-6.offset-lg-6.col-12 {
      height:40vw;
      align-content:center;
    }
    .shop-button {
      font-size:2rem;
      width:11rem;
    }
  }
  @media(max-width:992px) {
    h1 {
      font-size:38px;
    }
    h3 {
      font-size:18px;
    }
    p {
      font-size:15px;
    }
    .button {
      top:170vw;
      font-size:1.7rem;
      width:13rem;
    }
    .outdoors-section , .jennifer-section {
      padding:3vw 5vw 8vw;
      margin:2vw 0;
    }
    .icon {
      width:15rem;
    }
    .product-section {
      background-image:url("../../landingPage/BOGS_NativesOutdoors-Lifestyle05-Mobile.jpg");
      background-position:top;
      height:120vw;
      margin:2vw 0 4vw;
    }
    .product-section .col-lg-6.offset-lg-6.col-12 {
      height:119vw;
      align-content:end;
      padding:8vw;
    }
    .shop-button {
      font-size:28px;
      width:9rem;
    }
  }
}

/*Eco | eco*/
#eco {
  img {
    width:100%;
  }
  .main-container h1 {
    position:absolute;
    color:#fff;
    line-height:.9;
  }
  .content-block h1 , .slider-section h1 {
    text-align:center;
    width:100%;
    line-height:1;
  }
  .content-block p , .slider-section p {
    color:#000;
    letter-spacing:0.5px;
  }
  .content-block a:link {
    color:#000;
    text-decoration:underline;
  }
  .eco-swiper {

    border-radius:8px;
  }
  .swiper-slide {
    height:600px;
    border-radius:8px;
    margin-right:1.5rem;
    cursor:pointer;
  }
  .slider-section .text-overlay {
    background-color:rgba(255,255,255,0.6);
    position:absolute;
    width:auto;
    height:100%;
    border-radius:8px;
    align-content:center;
    cursor:pointer;
    opacity:0%;
    text-shadow:2px 2px 90px black;
  }
  .slider-section .text-overlay:hover {
    opacity:100%;
    transition:all .5s ease-in-out;
  }
  .slider-section .text-overlay h3 {
    font-family:'Bogs Headline';
    text-transform:uppercase;
    font-weight:500;
    line-height:1;
  }
  .swiper-slide.one {
    background-image:url("../../landingPage/SS23-BOGSUS-SustainabilityLandingPageUpdate-FeaturedImage01-Desktop.jpg");
    background-size:cover;
    background-position:60%;
  }
  .swiper-slide.two {
    background-image:url("../../landingPage/SS23-BOGSUS-SustainabilityLandingPageUpdate-FeaturedImage02-Desktop.jpg");
    background-size:cover;
    background-position:50%;
  }
  .swiper-slide.three {
    background-image:url("../../landingPage/SS23-BOGSUS-SustainabilityLandingPageUpdate-FeaturedImage03-Desktop.jpg");
    background-size:cover;
    background-position:50%;
  }
  .swiper-slide.four {
    background-image:url("../../landingPage/SS23-BOGSUS-SustainabilityLandingPageUpdate-FeaturedImage04-Desktop.jpg");
    background-size:cover;
    background-position:50%;
  }
  .swiper-slide.five {
    background-image:url("../../landingPage/SS23-BOGSUS-SustainabilityLandingPageUpdate-FeaturedImage05-Desktop.jpg");
    background-size:cover;
    background-position:50%;
  }
  .swiper-slide.one:hover , .swiper-slide.two:hover , .swiper-slide.three:hover , .swiper-slide.four:hover , .swiper-slide.five:hover {
    transform:scale(1.05);
    transition:all .5s ease-in-out;
  }
  .container3 {
    background-image:url("../../landingPage/SS23-BOGSUS-SustainabilityLandingPage-PackagingAndWarehouseSection-Desktop.jpg");
    background-size:cover;
    background-position:center;
    border-radius:8px;
  }
  .container3 .content-block-text {
    height:100%;
    align-content:center;
    background-color:rgba(255,255,255,0.4);
  }
  h2 , .text-block h3 {
    font-family:'Bogs Headline';
    text-transform:uppercase;
    line-height:1;
  }
  .container4 .content-block-text {
    align-content:center;
    background-color:#d9cfbd;
  }
  .text-block {
    background-color:#F1F1F1;
  }
  @media(min-width:992px) {
    img {
      border-radius:8px;
    }
    .main-container h1 {
      top:30vw;
      left:11vw;
      width:38%;
      font-size:9vw;
    }
    .content-block h1 , .slider-section h1 {
      font-size:4.5rem;
    }
    .content-block p , .slider-section p {
      font-size:18px;
    }
    .content-block p {
      padding:0.5vw 2vw;
    }
    .eco-swiper {
      width:500px;
      height:600px;
    }
    .slider-section .text-overlay {
      top:0;
      padding:45px;
    }
    .slider-section .text-overlay h3 {
      font-size:2.8rem;
    }
    .container3 {
      height:42vw;
    }
    .container3 .content-block-text {
      width:33vw;
      padding:3vw;
    }
    .container3 h2 {
      font-size:4vw;
    }
    .container3 p {
      font-size:1.75vw;
      letter-spacing:0.5px;
    }
    .container4 img {
      border-radius:8px 0 0 8px;
    }
    .container4 .content-block-text {
      border-radius:0 8px 8px 0;
      padding:4vw;
    }
    .container4 h2 {
      font-size:5vw;
    }
    .container4 p {
      font-size:1.6vw;
      padding-top:1vw;
    }
  }
  @media(max-width:992px) {
    .main-container img , .container2 img , .container3 img {
      border-radius:8px;
    }
    .main-container h1 {
      top:83vw;
      width:80%;
      margin:0 auto;
      text-align:center;
      font-size:16vw;
      left:0;
      right:0;
    }
    .eco-swiper {
      width:300px;
      height:550px;
    }
    .slider-section img {
      border-radius:8px 8px 0 0;
    }
    .slider-section h3 {
      padding:16px 16px 4px;
    }
    .slider-section p {
      padding:0 16px;
    }
    .text-block {
      height:22rem;
      border-radius:0 0 8px 8px;
    }
    .container3 .content-block-text {
      height:32rem;
    }
    .container4 img {
      border-radius:8px 8px 0 0;
    }
    .container4 .content-block-text {
      border-radius:0 0 8px 8px;
    }
  }
}

/*Design A Boot Contest | contestDesignBoot*/
#designBoot {
  a {
    width:50%;
  }
  p {
    color:#000;
  }
  .main-container video , .content-block img , .winners-desktop img , .swiper-wrapper img {
    border-radius:8px;
  }
  a , .orange-button , .blue-button , .button{
    color:#fff;
  }
  .orange-button , .blue-button , .button {
    font-family:'Bogs Headline';
    text-transform:uppercase;
    text-align:center;
    border-radius:30px;
  }
  .orange-button {
    background-color:#f06428;
  }
  .blue-button {
    background-color:#56b6b7;
  }
  .content-block .info {
    background-image:url("../../landingPage/DAB_color-thumb.jpg");
    background-size:cover;
    align-content:center;
    text-align:center;
    border-radius:8px;
  }
  .button {
    background-color:#56b6b7;
    display:inline;
  }
  @media(min-width:992px) {
    .orange-button , .blue-button {
      width:25rem;
      font-size:35px;
      margin:0 14px 35px;
    }
    .main-container .row {
      justify-content:center;
    }
    .content-block .info {
      padding:0 4rem;
    }
    p {
      font-size:1.5vw;
    }
    .button {
      font-size:35px;
      padding:8px 45px;
    }
    .swiper-pagination {
      display:none;
    }
  }
  @media(max-width:992px) {
    .orange-button , .blue-button {
      font-size:30px;
      width:88vw;
      margin:9px auto;
    }
    .content-block .info {
      width:95%;
      margin:10px auto;
      padding:7vw;
    }
    .button {
      font-size:30px;
      padding:6px 25px;
    }
    .winners-desktop {
      display:none;
    }
    .swiper-slide {
      margin-right:50px;
    }
    .swiper-pagination {
      position:inherit;
      margin-top:1rem;
    }
  }
}