/* ======================================================
   Pürselim Custom CSS
   ThemeForest template overrides are kept here.
   ====================================================== */

:root {
  --purselim-primary: #8c214c;
  --purselim-dark: #4e0e28;
}

/* Header topbar */
.header-style-1 .topbar .container {
  width: 100% !important;
  max-width: 1170px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.header-style-1 .topbar .purselim-topbar-contact {
  width: 100% !important;
  float: none !important;
  display: block !important;
}

.header-style-1 .topbar .purselim-topbar-contact .purselim-topbar-flex {
  width: 100% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.header-style-1 .topbar .purselim-topbar-contact .purselim-topbar-item {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}

.header-style-1 .topbar .purselim-topbar-contact .purselim-topbar-item:first-child {
  text-align: left !important;
}

.header-style-1 .topbar .purselim-topbar-contact .purselim-topbar-item:last-child {
  text-align: right !important;
}

@media (max-width: 767px) {
  .header-style-1 .topbar .purselim-topbar-contact .purselim-topbar-flex {
    display: block !important;
    text-align: center !important;
  }

  .header-style-1 .topbar .purselim-topbar-contact .purselim-topbar-item,
  .header-style-1 .topbar .purselim-topbar-contact .purselim-topbar-item:first-child,
  .header-style-1 .topbar .purselim-topbar-contact .purselim-topbar-item:last-child {
    text-align: center !important;
  }

  .header-style-1 .topbar .purselim-topbar-contact .purselim-topbar-item + .purselim-topbar-item {
    margin-top: 8px !important;
  }
}

/* Header menu spacing */
@media screen and (min-width: 992px) {
  .header-style-1 #navbar,
  .header-style-2 #navbar,
  .header-style-3 #navbar {
    margin-right: 55px;
  }

  .header-style-1 #navbar > ul > li > a,
  .header-style-2 #navbar > ul > li > a,
  .header-style-3 #navbar > ul > li > a {
    padding-left: 14px;
    padding-right: 14px;
    white-space: nowrap;
  }
}

@media screen and (min-width: 1200px) {
  .header-style-1 #navbar > ul > li > a,
  .header-style-2 #navbar > ul > li > a,
  .header-style-3 #navbar > ul > li > a {
    padding-left: 18px;
    padding-right: 18px;
  }
}

/* Service / Practice area */
.service-section {
  margin-top: 110px;
  background-color: var(--purselim-primary);
}

@media screen and (min-width: 1200px) {
  .service-section {
    margin: 110px 80px 0;
  }
}

@media (max-width: 991px) {
  .service-section {
    margin-top: 100px;
  }
}

@media (max-width: 767px) {
  .service-section {
    margin-top: 80px;
  }
}

.service-section .left-col:before {
  background: var(--purselim-dark);
  background: -webkit-linear-gradient(top, transparent, var(--purselim-dark));
  background: linear-gradient(to bottom, transparent, var(--purselim-dark));
}

.service-section .right-col {
  background-color: var(--purselim-dark);
}

/* Contact */
.contact-section,
.contact-section-s2,
.contact-section-s3 {
  background: var(--purselim-primary);
  margin-bottom: 110px;
}

.contact-section:before,
.contact-section-s2:before,
.contact-section-s3:before {
  background: var(--purselim-dark);
  background-image: -webkit-linear-gradient(top, var(--purselim-dark) 0%, var(--purselim-dark) 24%, var(--purselim-primary) 100%) !important;
  background-image: -moz-linear-gradient(top, var(--purselim-dark) 0%, var(--purselim-dark) 24%, var(--purselim-primary) 100%) !important;
  background-image: -ms-linear-gradient(top, var(--purselim-dark) 0%, var(--purselim-dark) 24%, var(--purselim-primary) 100%) !important;
  background-image: linear-gradient(to bottom, var(--purselim-dark) 0%, var(--purselim-dark) 24%, var(--purselim-primary) 100%) !important;
}

.contact-section form input,
.contact-section-s2 form input,
.contact-section-s3 form input,
.contact-section form select,
.contact-section-s2 form select,
.contact-section-s3 form select,
.contact-section form textarea,
.contact-section-s2 form textarea,
.contact-section-s3 form textarea {
  background: var(--purselim-dark);
}

/* Index contact section: hide form and center info column */
.contact-section.purselim-index-contact .contact-form-col {
  display: none !important;
}

.contact-section.purselim-index-contact .contact-info-col {
  width: 100% !important;
  float: none !important;
  padding-top: 0 !important;
  position: relative;
  z-index: 1;
}

.contact-section.purselim-index-contact .contact-info-col .contact-info {
  width: 500px;
  max-width: calc(100% - 30px);
  float: none !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0 !important;
}

/* Footer */
.site-footer {
  background-color: var(--purselim-primary);
}

.site-footer .social-newsletter-area {
  background-color: var(--purselim-dark);
}

.site-footer .social-newsletter-area .social-newsletter-content.logo-only {
  text-align: center;
}

.site-footer .social-newsletter-area .social-newsletter-content.logo-only .logo-area {
  width: 100%;
  float: none;
}

.site-footer .social-newsletter-area .social-newsletter-content.logo-only .logo-area img {
  margin-left: 0;
}


/* Restore original ThemeForest colors for contact-section-s3 */
.contact-section-s3,
.contact-section-s3:before{
    background: initial !important;
    background-color: initial !important;
}