/* ----------------------------------------------------------------
    Custom CSS for SewCal Sewing
-----------------------------------------------------------------*/
:root {
	--sewcal-custom-color: #e8e0e3;
}

body {
    background: var(--sewcal-custom-color);
    background-color: var(--sewcal-custom-color);
}

#wrapper {
    background-color: var(--sewcal-custom-color);
}

#content {
    position: relative;
    background-color: var(--sewcal-custom-color);
}

#slider {
    background-color: var(--sewcal-custom-color);
}

#slider-links a {
    font-size: 18px;
    font-weight: bold;
}

#section-classes .section {
    background-color: var(--sewcal-custom-color);
    padding: 0;
    margin: var(--cnvs-section-margin) 0 !important;
}

.social-icon {
    width: 50px;
    height: 50px;
    font-size: 30px;
}

.social-icon:hover i:first-child {
    margin-top: 10px;
    color: #fff;
}

.social-icon i {
    width: 50px;
    height: 50px;
}

@-webkit-keyframes fadeInUp {
    from {
    opacity: 0;
    -webkit-transform: translate3d(0, 70px, 0);
    transform: translate3d(0, 70px, 0);
    }
}

@keyframes fadeInUp {
    from {
    opacity: 0;
    -webkit-transform: translate3d(0, 70px, 0);
    transform: translate3d(0, 70px, 0);
    }
}

.font-secondary { font-family: 'Cookie', cursive !important; }


.top-slider-back {
    background: var(--sewcal-custom-color) url('../images/svg/sewing.svg') no-repeat 103% -3px / auto 75%; 
    padding: 100px 0 180px;
}

#slider-links.top-slider-back {
    background: var(--sewcal-custom-color) url('../images/svg/sewing.svg') no-repeat 103% -3px / auto 25%; 
}

.card-padding-1 {
 padding: 80px 0 80px 70px;
}

.card-padding-2 {
 padding: 80px 70px 50px 70px;
}


@media (max-width: 1200px) {
  .top-slider-back {
    background: #F9F9F9 url('../images/svg/sewing.svg') no-repeat 103% -3px / auto 53%;
  }

  #slider-links.top-slider-back {
    background: var(--sewcal-custom-color) url('../images/svg/sewing.svg') no-repeat 103% -3px / auto 18%; 
  }

  #section-why .container {
    padding-right: 1.5rem;
  }

  .is-expanded-menu .menu-link {
    --cnvs-primary-menu-padding-x: 10px;
  }

}

@media (max-width: 992px) {
  .top-slider-back {
    background: var(--sewcal-custom-color);
  }
  .card-padding-1 {
    padding: 1.5rem;
  }
  .card-padding-2 {
    padding: 1.5rem;
  }   

  #section-about .card-block-wrap {
    border-radius: 0 !important;
  }   

  .video-overlay, .video-placeholder {
    background-color: var(--sewcal-custom-color) !important;
  }
}

@media (max-width: 576px) {
  .top-slider-back {
    background: var(--sewcal-custom-color);
  }
  
  .col-lg-6.bg-contrast-0.p-5.rounded-xxl {
    padding: 1rem !important;
  }

  #section-about .card-block-wrap {
    border-radius: 0 !important;
  }   

  .video-overlay, .video-placeholder {
    background-color: var(--sewcal-custom-color) !important;
  }
}