/* Refined Pro Front Page
Loads on the front page */
/* Front Page
---------------------------------------------------------------------------------------------------- */
.front-page .site-inner {
  margin: 0 auto;
  max-width: 100%;
}

.front-page .content-sidebar-wrap {
  margin: 0px auto;
  max-width: 1200px;
}

.front-page .blog {
  margin-top: 30px;
}

.front-page .wrap {
  margin: 0 auto;
  max-width: 1200px;
}

.front-page .entry-header {
  margin-bottom: 0;
}

.front-page p:last-child,
.front-page .widget:last-child {
  border: none;
}

.front-page .icon {
  color: #ae9d78;
  display: block;
  font-size: 30px;
}

.front-page .widget-area h3 {
  color: #ae9d78;
  font-family: 'Montserrat', sans-serif;
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 8px;
  margin: 0 0 10px;
  text-align: center;
  text-transform: uppercase;
}

.front-page .blog.widget-area h3 {
  margin-bottom: 50px;
}

.front-page .home-slider-overlay.widget-area h3 {
  margin-bottom: 30px;
}

.front-page .site-inner .widget-title {
  color: #ae9d78;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 22px;
  letter-spacing: 5px;
  margin: 0;
}

.front-page .site-inner .content-sidebar-wrap .widget-title {
  color: #333;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 22px;
  letter-spacing: 1px;
  margin: 0;
}

.home-slider-overlay .widget-title {
  color: #333333;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 22px;
  letter-spacing: 5px;
  margin: 0;
}

.front-page .featured-content .entry {
  padding: 0;
}

.front-page .featured-content .entry {
  position: relative;
}

.front-page-1 .featured-content .entry-header {
  background: #f7f4f3;
  border: 5px solid #fff;
  bottom: 0;
  left: 0;
  margin: 0 10%;
  padding: 5px 20px;
  position: absolute;
  width: auto;
  max-height: 60px !important;
}

.front-page-1 .featured-content .entry,
.front-page-3 .featured-content .entry {
  background: none;
}

.front-page-1 .featured-content .entry-header .entry-title a {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 20px;
  margin: 0;
  overflow: visible;
  text-align: center;
  width: 100%;
}

.front-page-1 img.alignnone,
.front-page-1 .alignnone {
  margin: 0;
}

.front-page-1 .featured-content .entry-header h2 {
  margin: 0;
  text-transform: uppercase;
  font-size: 20px;
  font-style: normal;
  font-family: 'Montserrat', sans-serif;
  line-height: 1;
}

/* Slider Overlay
------------------------------------------------------ */
.home-slider {
  background: #fff;
  padding: 0;
  overflow: hidden;
}

.soliloquy-container {
  margin: 0 auto !important;
}

.soliloquy-container .soliloquy-next,
.soliloquy-container .soliloquy-prev {
  background-color: transparent !important;
}

.home-slider .soliloquy-container .soliloquy-image {
  width: 100%;
}

.home-slider-container {
  position: relative;
  margin: 0 auto -40px;
}

.home-slider-overlay .wrap {
  background: rgba(255, 255, 255, .9);
  left: 75%;
  max-width: 25%;
  padding: 10px 30px;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
}

.home-slider-overlay .wrap .widget {
  border-bottom: 1px solid #f7f4f3;
  border-top: 1px solid #f7f4f3;
  padding: 10px 0;
}

.home-slider-overlay .widget-title::after {
  border: none;
  margin: 0;
  padding: 0;
}

/* Front Page Areas
--------------------------------------------- */
.front-page-1,
.front-page-2,
.front-page-3,
.front-page-4,
.front-page-5,
.homepage-cta {
  overflow: hidden;
  padding: 0px 0;
  text-align: center;
}

.front-page-2,
.front-page-4 {
  background: none;
}

.front-page-1,
.front-page-3,
.front-page-5 {
  background: #fff;
}

/* Journal
--------------------------------------------- */
.journal .widget-title {
  text-align: center;
}

/* Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
  .home-slider-overlay .wrap {
    border: none;
    max-width: 100%;
    position: static;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
  }

  .front-page .wrap {
    width: 100%;
  }

  .site-inner {
    padding: 0;
  }
}

@media only screen and (max-width: 500px) {
  .front-page .blog .entry {
    float: none;
    width: 100%;
  }

  .home-slider-overlay {
    display: none;
  }

  .slick-slide {
    height: auto;
  }

  #footer-middle .address {
    text-align: center;
  }
}

.sp-wcsp-slider-area .sp-wcsp-cat-item .sp-wcsp-cat-details .sp-wcsp-cat-details-content {
  padding: 0 !important;
  background: transparent !important;
}

.design-1 .pcdfwoo-product-cat_inner .pcdfwoo_title,
.sp-wcsp-cat-item .sp-wcsp-cat-details .sp-wcsp-cat-name a {
  background: rgba(255, 255, 255, 0.8);
  bottom: 20px;
  left: 0;
  font-weight: 300 !important;
  padding: 10px 5px 10px 10px;
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;
  font-size: 16px;
  text-transform: uppercase !important;
  color: #111;
}

.sp-wcsp-button-next,
.sp-wcsp-button-prev {
  -webkit-transform: translateX(0%) !important;
  transform: translateX(0%) !important;
  background-size: 15px 26px !important;
  height: 40px !important;
  font-size: 20px;
  width: 40px !important;
  background: #9fd7c7 !important;
  border: none !important;
  outline: none !important;
  padding: .25rem !important;
}

.sp-wcsp-button-next:hover,
.sp-wcsp-button-prev:hover {
  background-color: #90c1b3 !important;
}

.sp-wcsp-cat-item .sp-wcsp-cat-thumbnail {
  border: none !important;
}

.sp-wcsp-button-next .fa,
.sp-wcsp-button-prev .fa {
  font-size: 2rem;
  color: white;
}

.sp-wcsp-button-next,
.sp-wcsp-button-prev {
  position: absolute;
}

.sp-wcsp-button-next {
  right: .15rem;
}

.sp-wcsp-button-prev {
  left: .15rem;
}

@media only screen and (min-width: 1400px) {
  .sp-wcsp-button-next {
    right: -5rem;
  }

  .sp-wcsp-button-prev {
    left: -5rem;
  }
}

.sp-wcsp-button-next.hover,
.sp-wcsp-button-next:focus {
  -webkit-transform: translateX(0%) !important;
  transform: translateX(0%) !important;
  background-size: 15px 26px !important;
}

.nav-top-right .sp-wcsp-button {
  position: absolute;
  top: 50% !important;
  transform: translateY(-50%);
  z-index: 10;
  width: 100%;
}

.slick-dots {
  display: none !important;
}

.slick-slide:focus {
  outline: none !important;
}