/*
Theme Name: CINCEL Folium
Theme URI: https://cincel.qky.cl/
Author: Local migration
Description: Native WordPress CINCEL theme based on the Folium visual system.
Version: 0.1.0
Text Domain: cincel-folium
*/

:root {
  --cincel-orange: #f07630;
  --cincel-text: #333333;
}

body {
  font-family: "Barlow", Arial, sans-serif;
  color: var(--cincel-text);
}

#sp-main-body {
  padding: 100px 0;
}

.com-sppagebuilder #sp-main-body,
.view-category #sp-main-body {
  padding: 0;
}

.view-category .cincel-imported-classic-main {
  padding: 100px 0;
}

body.view-search #sp-main-body,
body.com-search #sp-main-body {
  padding: 100px 0 !important;
}

body.view-article #sp-main-body {
  padding: 0 !important;
}

body.view-article .cincel-article-main {
  padding: 100px 0;
}

body.view-article .article-info,
body.view-article [itemprop="articleBody"] {
  font-weight: 300;
}

body.view-article #sp-right a {
  font-weight: 300;
}

body.com-search .search-results dd,
body.com-search .pagination .page-link {
  font-weight: 300;
}

#sp-component {
  width: 100%;
}

#sp-logo {
  flex: 0 0 auto;
}

#sp-header .logo a {
  display: block;
  width: 170px;
}

#sp-header .logo-image,
#sp-header .logo-image-phone {
  width: 170px;
  max-height: 58px;
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  cursor: pointer;
}

.sp-dropdown-items,
.menu-child {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cincel-page-title {
  padding: 110px 0 45px;
  background: #f7f8fb;
}

.cincel-page-title h1 {
  margin: 0;
  font-size: 42px;
  line-height: 1.15;
}

.cincel-content-wrap {
  padding: 70px 0;
}

.cincel-content-wrap img {
  max-width: 100%;
  height: auto;
}

.cincel-post-card {
  margin-bottom: 42px;
}

.cincel-post-card img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  margin-bottom: 22px;
}

.cincel-post-card h2 {
  font-size: 26px;
  line-height: 1.25;
}

.cincel-post-card .read-more,
.sppb-readmore {
  color: var(--cincel-orange);
  font-weight: 700;
  text-transform: uppercase;
}

.cincel-single-content {
  max-width: 920px;
  margin: 0 auto;
}

.cincel-single-content .featured-image {
  margin: 0 0 35px;
}

.cincel-single-content .featured-image img {
  width: 100%;
  height: auto;
}

.cincel-home .overlay-background-image {
  background-size: cover;
  background-position: center;
}

.cincel-home .sppb-addon-article img {
  width: 100%;
  height: 230px;
  object-fit: cover;
}

.cincel-home .sppb-addon-clients-image {
  max-width: 180px;
  height: auto;
  object-fit: contain;
}

.cincel-home .timeline-panel .title {
  font-weight: 700;
  margin-bottom: 10px;
}

.cincel-home .timeline-panel {
  padding: 28px;
}

.cincel-mobile-menu {
  display: none;
}

@media (max-width: 991.98px) {
  .sp-megamenu-parent {
    display: none !important;
  }

  .cincel-mobile-menu {
    display: block;
  }

  .cincel-page-title {
    padding-top: 80px;
  }

  .cincel-page-title h1 {
    font-size: 30px;
  }

  #sp-main-body {
    padding: 50px 0;
  }

  .com-sppagebuilder #sp-main-body,
  .view-category #sp-main-body {
    padding: 0;
  }

  .view-category .cincel-imported-classic-main {
    padding: 50px 0;
  }

  body.view-search #sp-main-body,
  body.com-search #sp-main-body {
    padding: 50px 0 !important;
  }

  body.view-article .cincel-article-main {
    padding: 50px 0;
  }
}

@media (max-width: 767.98px) {
  #sp-main-body {
    padding: 30px 0;
  }

  .com-sppagebuilder #sp-main-body,
  .view-category #sp-main-body {
    padding: 0;
  }

  .view-category .cincel-imported-classic-main {
    padding: 30px 0;
  }

  body.view-search #sp-main-body,
  body.com-search #sp-main-body {
    padding: 30px 0 !important;
  }

  body.view-article .cincel-article-main {
    padding: 30px 0;
  }
}

._access-icon._access {
  align-items: center !important;
  background: var(--cincel-orange) !important;
  border: 2px solid #fff !important;
  border-radius: 8px !important;
  bottom: 22px !important;
  box-shadow: 0 12px 30px rgba(35, 35, 35, 0.22) !important;
  color: #fff !important;
  display: flex !important;
  font-size: 0 !important;
  font-style: normal !important;
  height: 54px !important;
  justify-content: center !important;
  left: 18px !important;
  line-height: 1 !important;
  padding: 0 !important;
  text-indent: 0 !important;
  transform: none !important;
  width: 54px !important;
}

._access-icon._access::before {
  content: "\f29a";
  display: block;
  font-family: "Font Awesome 5 Free";
  font-size: 27px;
  font-weight: 900;
  line-height: 1;
}

._access-icon._access::after {
  content: none;
}

._access-icon._access:hover,
._access-icon._access:focus {
  box-shadow: 0 14px 34px rgba(35, 35, 35, 0.28) !important;
  outline: 3px solid rgba(240, 118, 48, 0.28);
  outline-offset: 3px;
  transform: translateY(-1px) !important;
}

._access-menu._access {
  background: #fff !important;
  border: 1px solid rgba(51, 51, 51, 0.12) !important;
  border-radius: 8px !important;
  bottom: 88px !important;
  box-shadow: 0 22px 55px rgba(35, 35, 35, 0.22) !important;
  color: var(--cincel-text) !important;
  font-family: "Barlow", Arial, sans-serif !important;
  left: 18px !important;
  max-height: calc(100vh - 120px) !important;
  min-width: 0 !important;
  overflow: hidden !important;
  top: auto !important;
  width: min(360px, calc(100vw - 36px)) !important;
}

._access-menu._access.close.left {
  left: -390px !important;
}

._access-menu._access h3 {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  color: var(--cincel-text) !important;
  display: flex;
  font-family: "Barlow", Arial, sans-serif !important;
  font-size: 19px !important;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  min-height: 64px;
  padding: 18px 56px !important;
  text-align: center;
}

._access-menu._access h3::before {
  background: var(--cincel-orange);
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

._access-menu._access ._menu-btn {
  align-items: center;
  border-radius: 8px;
  display: flex;
  font-family: "Barlow", Arial, sans-serif;
  font-size: 0 !important;
  font-style: normal !important;
  height: 36px;
  justify-content: center;
  line-height: 1 !important;
  top: 16px !important;
  transition: background-color 0.18s ease, color 0.18s ease !important;
  width: 36px;
}

._access-menu._access ._menu-close-btn {
  color: var(--cincel-text) !important;
  left: 14px !important;
}

._access-menu._access ._menu-close-btn::before {
  content: "x";
  font-size: 28px;
  font-weight: 300;
}

._access-menu._access ._menu-reset-btn {
  color: var(--cincel-orange) !important;
  right: 14px !important;
}

._access-menu._access ._menu-reset-btn::before {
  content: "R";
  font-size: 23px;
  font-weight: 500;
}

._access-menu._access ._menu-btn:hover,
._access-menu._access ._menu-btn:focus {
  background: rgba(240, 118, 48, 0.1);
  outline: none;
  transform: none !important;
}

._access-menu._access ul {
  max-height: calc(100vh - 194px) !important;
  overflow: auto !important;
  padding: 8px !important;
}

._access-menu._access ul li {
  background: #fff !important;
  border: 1px solid rgba(51, 51, 51, 0.1) !important;
  border-radius: 8px !important;
  color: #545454 !important;
  font-family: "Barlow", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500;
  letter-spacing: 0 !important;
  line-height: 20px !important;
  margin: 6px 0 !important;
  min-height: 46px;
  padding: 12px 14px 12px 56px !important;
  position: relative;
  text-indent: 0 !important;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
  word-spacing: 0 !important;
}

._access-menu._access ul li::before {
  align-items: center;
  background: rgba(240, 118, 48, 0.12);
  border-radius: 7px;
  color: var(--cincel-orange) !important;
  display: flex !important;
  font-family: "Barlow", Arial, sans-serif !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 800;
  height: 30px !important;
  justify-content: center;
  left: 14px !important;
  line-height: 1 !important;
  position: absolute;
  top: 8px;
  transform: none !important;
  width: 30px !important;
}

._access-menu._access ul li[data-access-action="increaseText"]::before {
  content: "A+";
}

._access-menu._access ul li[data-access-action="decreaseText"]::before {
  content: "A-";
}

._access-menu._access ul li[data-access-action="increaseTextSpacing"]::before {
  content: "+S";
}

._access-menu._access ul li[data-access-action="decreaseTextSpacing"]::before {
  content: "-S";
}

._access-menu._access ul li[data-access-action="invertColors"]::before {
  content: "C";
  font-size: 18px !important;
}

._access-menu._access ul li[data-access-action="grayHues"]::before {
  content: "G";
}

._access-menu._access ul li[data-access-action="underlineLinks"]::before {
  content: "U";
  text-decoration: underline;
}

._access-menu._access ul li[data-access-action="bigCursor"]::before {
  content: "P";
  font-size: 19px !important;
}

._access-menu._access ul li[data-access-action="readingGuide"]::before {
  content: "-";
  font-size: 20px !important;
}

._access-menu._access ul li[data-access-action="textToSpeech"]::before {
  content: ">";
  font-size: 16px !important;
}

._access-menu._access #iconBigCursorSvg {
  display: none !important;
}

._access-menu._access ul li:hover,
._access-menu._access ul li:focus {
  background: #fff7f2 !important;
  border-color: rgba(240, 118, 48, 0.45) !important;
  color: var(--cincel-text) !important;
  outline: none;
}

._access-menu._access ul li.active,
._access-menu._access ul li.active:hover,
._access-menu._access ul li.active:focus {
  background: var(--cincel-orange) !important;
  border-color: var(--cincel-orange) !important;
  color: #fff !important;
}

._access-menu._access ul li.active::before {
  background: rgba(255, 255, 255, 0.2);
  color: #fff !important;
}

._access-menu._access ul li.not-supported {
  display: none !important;
}

@media (max-width: 767.98px) {
  ._access-icon._access {
    bottom: 16px !important;
    height: 50px !important;
    left: 16px !important;
    width: 50px !important;
  }

  ._access-menu._access {
    bottom: 78px !important;
    left: 16px !important;
    max-height: calc(100vh - 96px) !important;
    width: calc(100vw - 32px) !important;
  }

  ._access-menu._access.close.left {
    left: calc(-100vw - 32px) !important;
  }

  ._access-menu._access h3 {
    font-size: 18px !important;
    min-height: 60px;
    padding-left: 54px !important;
    padding-right: 54px !important;
  }

  ._access-menu._access ul {
    max-height: calc(100vh - 164px) !important;
  }
}