/*
Theme Name: Charter Itinearay
Author: Charter itinerary team
Description: Charter itinerary resources page theme
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.1.36
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: charteritinerary
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
  text-decoration-thickness: 1px !important;
  text-underline-offset: 0.1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
  outline-width: 2px;
  outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation
  .wp-block-navigation-submenu
  .wp-block-navigation-item:not(:last-child) {
  margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation
  .wp-block-navigation-item
  .wp-block-navigation-item__content {
  outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation
  .wp-block-navigation-item
  ul.wp-block-navigation__submenu-container
  .wp-block-navigation-item__content {
  outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
  text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
  display: block;
}

/*
 * Custom CI theme styles
*/

body {
  font-family: "Aeonik", sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

:where(.wp-site-blocks :focus) {
  outline-width: unset !important;
  outline-style: unset !important;
}

a:hover,
a {
  text-decoration: unset;
}

body.blog > .wp-site-blocks,
body.category > .wp-site-blocks {
  background: url(https://resources.charteritinerary.com/wp-content/uploads/2025/09/ci-resources-bg.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
}

.wp-site-blocks {
  padding-top: unset;
  padding-bottom: unset;
}

.right-sign-in {
  padding-left: 0 !important;
}

.site-logo {
  margin-right: 15px !important;
}

.mobile-logo {
  display: none;
}

.sign-in a {
  background-color: var(--wp--preset--color--yellow) !important;
  font-size: var(--wp--preset--font-size--small) !important;
  color: var(--wp--preset--color--blue-deep) !important;
  border-radius: 128px;
  padding-top: 9px;
  padding-right: 30px;
  padding-bottom: 9px;
  padding-left: 30px;
  font-style: normal;
  font-weight: 400;
}

header {
  position: sticky;
  top: 0;
  z-index: 10;
  border-bottom: 1px solid var(--ci-blue-light-10);
}

header.scrolled {
  background-color: #05171f9c;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(32px);
  transition: all 0.25s linear;
}

.header-left-section .resources,
.header-left-section .contact,
.header-left-section .sign-in {
  display: none;
}

.right-sign-in .wp-block-button {
  position: relative;
}

.header-left-section a:hover,
.header-right-section li a:hover {
  color: var(--wp--preset--color--blue-light) !important;
}

.header-right-section .right-sign-in a:hover::before {
  content: "";
  opacity: 0.25;
  position: absolute;
  inset: 0;
  backdrop-filter: blur(4px);
  background-color: var(--wp--preset--color--custom-yellow-light) !important;
  z-index: 1;
  border-radius: 50px;
  transition: width 0.25s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.header-resources {
  width: 100%;
}

.header-border-bottom {
  border-bottom-color: var(--wp--preset--color--accent-6);
}

.card {
  position: relative;
}

.solo-term {
  position: absolute;
  top: 12px;
  right: 18px;
}

.solo-term a {
  background-color: #d4e3e840;
  border-radius: 8px !important;
}

.item-list-term a {
  background-color: #d4e3e840;
  font-size: 1rem;
  border-radius: 8px;
}

.item-list-term {
  position: absolute;
  top: -8px;
  right: 18px;
}

#category-nav nav > ul {
  gap: 0.5rem;
  justify-content: flex-start;
}

.blog .all-resources a,
.category-videos .current-menu-item a,
.category-e-books .current-menu-item a,
.category-whitepapers .current-menu-item a,
.category-guides .current-menu-item a,
.category-articles .current-menu-item a,
.category-blog .current-menu-item a {
  border-radius: 8px;
  background-color: var(--wp--preset--color--blue-light) !important;
  color: var(--wp--preset--color--blue-deep) !important;
  padding-top: 7px;
  padding-right: 16px;
  padding-bottom: 7px;
  padding-left: 16px;
  font-style: normal;
  font-weight: 400;
}

li.all-resources a,
li.blog a,
li.articles a,
li.guides a,
li.whitepapers a,
li.e-books a,
li.videos a {
  border-radius: 8px;
  background-color: #d4e3e840;
  padding-top: 7px;
  padding-right: 16px;
  padding-bottom: 7px;
  padding-left: 16px;
  font-style: normal;
  font-weight: 400;
}

.category-videos ul.second-loop li:nth-child(1),
.category-e-books ul.second-loop li:nth-child(1),
.category-whitepapers ul.second-loop li:nth-child(1),
.category-guides ul.second-loop li:nth-child(1),
.category-articles ul.second-loop li:nth-child(1),
.category-blog ul.second-loop li:nth-child(1) {
  display: none;
}

ul.second-loop li:nth-child(n + 7) {
  display: none;
}

.wp-element-button:focus {
  outline-offset: unset;
  outline-color: unset;
}

.first-loop ul li:not(:first-child) {
  display: none;
}

.first-loop,
.second-loop li {
  position: relative;
}

.first-loop .wp-block-read-more,
.second-loop li .wp-block-read-more {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
}

li .card {
  height: 100%;
}

.category-videos .wp-block-button.videos a,
.category-e-books .wp-block-button.e-books a,
.category-whitepapers .wp-block-button.whitepapers a,
.category-guides .wp-block-button.guides a,
.category-articles .wp-block-button.articles a,
.category-blog .wp-block-button.blog a {
  background-color: var(--wp--preset--color--blue-light) !important;
  color: var(--wp--preset--color--blue-deep) !important;
}

.wp-block-button.all a {
  color: var(--wp--preset--color--base) !important;
  background-color: #d4e3e840 !important;
}

.resources-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}

.trusted-by.swiper-container {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  gap: 90px;
}

.swiper-container .swiper-slide {
  flex: 0 0 auto;
  scroll-snap-align: start;
  margin: 0;
  max-height: 100px;
}

/*  Trusted-by logos */
.ci-trusted-by--logos {
  display: flex;
  flex-wrap: nowrap;
  gap: 4rem;
  margin: 5rem 0;
  overflow: hidden;
}

.ci-trusted-by--logos--holder {
  display: flex;
  gap: 8rem;
  animation: 40s ci-trusted-by-animation infinite linear;
}

.ci-trusted-by--logos:hover .ci-trusted-by--logos--holder {
  animation-play-state: paused;
}

.ci-trusted-by--logos--holder > a {
  color: var(--ci-white);
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 6rem;
  min-width: 6rem;
}

.ci-trusted-by--logos--holder > a img {
  max-width: 100%;
  max-height: 100%;
}

/* Animation */
@keyframes ci-trusted-by-animation {
  0% {
    transform: translate(0);
  }
  100% {
    transform: translate(-100%);
  }
}

/* Single Post */

@media screen and (min-width: 990px) {
  .single-post .blog-sidebar {
    /* background-color: red; */
    padding-left: 6rem;
    position: relative;

    &:before {
      content: "";
      position: absolute;
      display: block;
      height: 100%;
      background-color: white;
      width: 1px;
      left: 0;
      opacity: 0.5;
    }
  }
}

.single-post-background {
  height: 700px;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0;
  opacity: 0.5;
  z-index: -1;
  mask-image: linear-gradient(to right, transparent 0%, #000 100%);
  object-position: top;
}

.single-post-background img {
  object-position: top;
}

.single-post-image img {
  max-height: 460px;
}

.single-post-banner {
  min-height: 460px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.single-post-banner p {
  width: 100%;
}

.single-post-banner .content-col {
  gap: 12px;
  display: flex;
  flex-direction: column;
}

.single-full-content img {
  border-radius: 12px;
}

.single-full-content > figure {
  padding: 10px;
  background-color: #d4e3e81a;
  border-radius: 16px;
}

.content-number {
  background-color: #d4e3e8;
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 50%;
  font-size: 16px;
  text-align: center;
  color: #05171f;
}

.divider-gradient {
  border-image: linear-gradient(
      to right,
      transparent,
      var(--wp--preset--color--custom-accent-6-10),
      transparent
    )
    1 !important;
  height: 1px;
  border: none;
  /*
  background: radial-gradient(50% 50% at 50% 50%, #000000 0%, rgba(0, 0, 0, 0) 100%);*/
}

.heateor_sss_sharing_container {
  margin-right: 1rem !important;
}

.heateor_sss_sharing_ul {
  display: flex;
  gap: 0.25rem !important;
}

/* Footer */

footer > .wp-block-group {
  background: url("https://resources.charteritinerary.com/wp-content/uploads/2025/09/ci-footer-bg.jpg") !important;
  background-size: cover !important;
}

footer li:hover,
footer a:hover {
  color: #ccd4d7;
}

footer a {
  text-decoration: unset !important;
}

.footer-logo-left {
  align-items: center !important;
}

footer .custom-logo-link {
  opacity: 0.8;
}

.wp-social-link-linkedin .wp-block-social-link-anchor::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2011%2011'%3E%3Cpath%20d='M2.59375%2011H0.414062V3.99219H2.59375V11ZM1.49219%203.05469C0.8125%203.05469%200.25%202.46875%200.25%201.76562C0.25%201.32031%200.484375%200.898438%200.859375%200.6875C1.25781%200.453125%201.75%200.453125%202.125%200.6875C2.52344%200.898438%202.75781%201.32031%202.75781%201.76562C2.75781%202.46875%202.19531%203.05469%201.49219%203.05469ZM10.7266%2011H8.57031V7.60156C8.57031%206.78125%208.54688%205.75%207.42188%205.75C6.29688%205.75%206.13281%206.61719%206.13281%207.53125V11H3.95312V3.99219H6.03906V4.95312H6.0625C6.36719%204.41406%207.07031%203.82812%208.125%203.82812C10.3281%203.82812%2010.75%205.28125%2010.75%207.15625V11H10.7266Z'%20fill='%2305171F'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
}

.wp-social-link-facebook .wp-block-social-link-anchor::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%207%2013'%3E%3Cpath%20d='M1.625%207.53125H0.078125V5.23438H1.625V4.25C1.625%201.69531%202.77344%200.5%205.28125%200.5C5.75%200.5%206.57031%200.59375%206.89844%200.6875V2.77344C6.73438%202.75%206.42969%202.75%206.03125%202.75C4.8125%202.75%204.34375%203.21875%204.34375%204.41406V5.23438H6.78125L6.35938%207.53125H4.34375V12.5H1.625V7.53125Z'%20fill='%2305171F'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
}

.wp-social-link-instagram .wp-block-social-link-anchor::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='11'%20height='11'%20viewBox='0%200%2011%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M5.5%202.80469C6.97656%202.80469%208.19531%204.02344%208.19531%205.5C8.19531%207%206.97656%208.19531%205.5%208.19531C4%208.19531%202.80469%207%202.80469%205.5C2.80469%204.02344%204%202.80469%205.5%202.80469ZM5.5%207.25781C6.46094%207.25781%207.23438%206.48438%207.23438%205.5C7.23438%204.53906%206.46094%203.76562%205.5%203.76562C4.51562%203.76562%203.74219%204.53906%203.74219%205.5C3.74219%206.48438%204.53906%207.25781%205.5%207.25781ZM8.92188%202.71094C8.92188%202.35938%208.64062%202.07812%208.28906%202.07812C7.9375%202.07812%207.65625%202.35938%207.65625%202.71094C7.65625%203.0625%207.9375%203.34375%208.28906%203.34375C8.64062%203.34375%208.92188%203.0625%208.92188%202.71094ZM10.7031%203.34375C10.75%204.21094%2010.75%206.8125%2010.7031%207.67969C10.6562%208.52344%2010.4688%209.25%209.85938%209.88281C9.25%2010.4922%208.5%2010.6797%207.65625%2010.7266C6.78906%2010.7734%204.1875%2010.7734%203.32031%2010.7266C2.47656%2010.6797%201.75%2010.4922%201.11719%209.88281C0.507812%209.25%200.320312%208.52344%200.273438%207.67969C0.226562%206.8125%200.226562%204.21094%200.273438%203.34375C0.320312%202.5%200.507812%201.75%201.11719%201.14062C1.75%200.53125%202.47656%200.34375%203.32031%200.296875C4.1875%200.25%206.78906%200.25%207.65625%200.296875C8.5%200.34375%209.25%200.53125%209.85938%201.14062C10.4688%201.75%2010.6562%202.5%2010.7031%203.34375ZM9.57812%208.59375C9.85938%207.91406%209.78906%206.27344%209.78906%205.5C9.78906%204.75%209.85938%203.10938%209.57812%202.40625C9.39062%201.96094%209.03906%201.58594%208.59375%201.42188C7.89062%201.14062%206.25%201.21094%205.5%201.21094C4.72656%201.21094%203.08594%201.14062%202.40625%201.42188C1.9375%201.60938%201.58594%201.96094%201.39844%202.40625C1.11719%203.10938%201.1875%204.75%201.1875%205.5C1.1875%206.27344%201.11719%207.91406%201.39844%208.59375C1.58594%209.0625%201.9375%209.41406%202.40625%209.60156C3.08594%209.88281%204.72656%209.8125%205.5%209.8125C6.25%209.8125%207.89062%209.88281%208.59375%209.60156C9.03906%209.41406%209.41406%209.0625%209.57812%208.59375Z'%20fill='%2305171F'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
}

.wp-social-link-youtube .wp-block-social-link-anchor::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg%20width='13'%20height='9'%20viewBox='0%200%2013%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M12.6172%201.42969C12.8984%202.41406%2012.8984%204.52344%2012.8984%204.52344C12.8984%204.52344%2012.8984%206.60938%2012.6172%207.61719C12.4766%208.17969%2012.0312%208.60156%2011.4922%208.74219C10.4844%209%206.5%209%206.5%209C6.5%209%202.49219%209%201.48438%208.74219C0.945312%208.60156%200.5%208.17969%200.359375%207.61719C0.078125%206.60938%200.078125%204.52344%200.078125%204.52344C0.078125%204.52344%200.078125%202.41406%200.359375%201.42969C0.5%200.867188%200.945312%200.421875%201.48438%200.28125C2.49219%200%206.5%200%206.5%200C6.5%200%2010.4844%200%2011.4922%200.28125C12.0312%200.421875%2012.4766%200.867188%2012.6172%201.42969ZM5.1875%206.42188L8.51562%204.52344L5.1875%202.625V6.42188Z'%20fill='%2305171F'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
}

.wp-social-link-linkedin .wp-block-social-link-anchor svg,
.wp-social-link-facebook .wp-block-social-link-anchor svg,
.wp-social-link-instagram .wp-block-social-link-anchor svg,
.wp-social-link-youtube .wp-block-social-link-anchor svg {
  display: none;
}

.wp-social-link-linkedin:hover,
.wp-social-link-facebook:hover,
.wp-social-link-instagram:hover,
.wp-social-link-youtube:hover {
  background-color: var(--wp--preset--color--gray-light) !important;
}

/* --- Breakpoints --- */

/* >= 768px */
@media screen and (min-width: 768px) {
  .ci-trusted-by--logos {
    gap: 6rem;
  }

  .ci-trusted-by--logos--holder {
    gap: 6rem;
  }

  .ci-trusted-by--logos--holder > a {
    max-height: 6rem;
    min-width: 6rem;
  }
}

/* >= 990px */
@media screen and (min-width: 990px) {
  .ci-trusted-by--logos {
    gap: 8rem;
  }

  .ci-trusted-by--logos--holder {
    gap: 8rem;
  }

  .ci-trusted-by--logos--holder > a {
    max-height: 8rem;
    min-width: 8rem;
  }
}

@media (max-width: 1024px) {
  .resources-section {
    min-height: unset !important;
    padding-top: 30px !important;
    padding-bottom: 60px !important;
  }

  .right-side-col {
    display: none;
  }

  .social-sharing-spacer {
    height: 1px !important;
  }
}

@media (max-width: 767px) {
  .resources-section {
    height: 80vh;
    max-height: 24rem;
    justify-content: end;
  }

  .wp-block-navigation__responsive-container-content,
  .wp-block-navigation__responsive-dialog {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  header > .wp-block-group {
    min-height: 4rem !important;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 25px;
    padding-right: 20px;
  }

  header .wp-block-navigation__responsive-container-open svg {
    width: 32px;
    height: 32px;
  }

  header .is-menu-open {
    height: 100vh !important;
  }

  header .is-menu-open ul,
  header .is-menu-open li,
  header .is-menu-open li > a {
    width: 100%;
    text-align: center;
    font-size: 1rem;
  }

  header .is-menu-open li.sign-in {
    align-items: center !important;
  }

  header .is-menu-open li.sign-in a {
    width: 100px;
    padding: 10px 6px !important;
  }

  .single-breadcrumbs {
    margin-bottom: 100px;
  }

  .heateor_sss_sharing_container {
    margin-right: 0 !important;
  }

  footer .footer-menu-1,
  footer .footer-menu-3 {
    flex-direction: column;
  }

  footer button.wp-block-navigation__responsive-container-open {
    align-self: self-end;
  }

  footer .is-menu-open {
    position: static;
    width: 100%;
    padding: 0 !important;
  }

  footer .is-menu-open .wp-block-navigation__responsive-container-content {
    padding: 0 !important;
  }

  footer .wp-block-navigation__responsive-container-close {
    top: -30px;
    z-index: 1;
  }

  footer .wp-block-navigation__responsive-container-close svg {
    display: none;
  }

  footer nav li {
    color: var(--wp--preset--color--gray-light);
  }

  footer section div.wp-block-columns {
    gap: 22px;
  }

  footer section p.follow-us {
    margin-bottom: 20px !important;
  }

  footer .price-spacer {
    height: 0 !important;
  }

  footer .footer-menu-2 {
    margin-top: 0;
  }

  footer div.wp-block-group {
    padding: 0 !important;
    margin: 0;
    background: unset !important;
  }

  footer div.wp-block-group p.has-text-align-center {
    margin: 0 !important;
    text-align: left;
    padding-left: 25px;
    padding-bottom: 25px;
  }

  footer section {
    padding: 1.5rem !important;
  }

  .header-right-section {
    display: none;
  }

  .header-left-section .resources,
  .header-left-section .contact,
  .header-left-section .sign-in {
    display: block;
  }

  .header-right-section {
    display: none !important;
  }
}

@media (max-width: 740px) {
  .header-left-section ul {
    justify-content: left;
  }
}

@media (max-width: 599px) {
  .footer-menu-1,
  .footer-menu-3 {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
  }

  #modal-26,
  #modal-27 {
    background-color: var(--wp--preset--color--blue-deep) !important;
  }

  #modal-26 span,
  #modal-27 span {
    color: var(--wp--preset--color--gray-light);
  }

  .footer-menu-1 nav,
  .footer-menu-3 nav {
    margin-top: 0;
  }

  .footer-menu-2 {
    gap: 24px;
  }

  .mobile-logo {
    display: block;
  }

  .site-logo {
    display: none;
  }

  .menu-container {
    flex-direction: row-reverse;
  }

  .card {
    min-height: unset !important;
  }
}

.blog-sidebar
  .wp-block-post-template
  .wp-block-columns
  .wp-block-column
  .wp-block-group
  h2.wp-block-post-title {
  margin-top: 10px !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}

.blog-sidebar
  .wp-block-post-template
  .wp-block-columns
  .wp-block-column
  .wp-block-group
  .has-link-color.wp-block-post-excerpt {
  margin: 0 !important;
  font-size: 14px !important;
  margin-top: 0.5rem !important;
  line-height: 1.25 !important;
}

.blog-sidebar .wp-block-post-template .wp-block-post .taxonomy-category {
  /* background: radial-gradient(ellipse 50% 50% at 100% 0%, black, transparent); */
  margin: 0;
  padding: 0;
  top: 0px;
  right: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding: 12px;
}

.blog-sidebar .wp-block-post-template .wp-block-post .taxonomy-category a {
  line-height: 1.25;
  font-size: 12px;
}

.blog-sidebar {
  h2.wp-block-heading.is-style-text-display {
    font-size: 28px !important;
  }
}

.entry-content {
  /* background: gold; */
  max-width: 100%;
}

@media (max-width: 740px) {
  .single-breadcrumbs > .wp-block-group.is-nowrap {
    display: inline;
  }
}

.single-breadcrumbs {
  padding-top: 2rem;
}

@media screen and (min-width: 990px) {
  .single-breadcrumbs {
    margin-bottom: -2rem;
  }
}

.single-breadcrumbs > .wp-block-group.is-nowrap p {
  display: inline;
  margin: 0;
  padding: 0;
}

.single-breadcrumbs > .wp-block-group.is-nowrap h5.wp-block-post-title {
  word-break: initial !important;
  white-space: initial !important;
  margin: 0 !important;
  display: inline;
  margin: 0 !important;
  padding: 0 !important;
}

@media screen and (min-width: 990px) {
  .single-post-banner {
    min-height: 700px;
  }
}

@media screen and (min-width: 990px) {
  .single-post-background.wp-block-post-featured-image img {
    -webkit-mask-image: linear-gradient(#000 25%, transparent 100%);
    mask-image: linear-gradient(#000 25%, transparent 100%);
  }
}