@font-face {
    font-family: 'TT Travels';
    src: url('../fonts/TTTravels-Italic.eot');
    src: local('../fonts/TT Travels Italic'), local('../fonts/TTTravels-Italic'),
        url('../fonts/TTTravels-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels-Italic.woff') format('woff'),
        url('../fonts/TTTravels-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'TT Travels';
    src: url('../fonts/TTTravels-ExtraLight.eot');
    src: local('../fonts/TT Travels ExtraLight'), local('../fonts/TTTravels-ExtraLight'),
        url('../fonts/TTTravels-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels-ExtraLight.woff') format('woff'),
        url('../fonts/TTTravels-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'TT Travels';
    src: url('../fonts/TTTravels-MediumItalic.eot');
    src: local('../fonts/TT Travels Medium Italic'), local('../fonts/TTTravels-MediumItalic'),
        url('../fonts/TTTravels-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels-MediumItalic.woff') format('woff'),
        url('../fonts/TTTravels-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'TT Travels';
    src: url('../fonts/TTTravels-BlackItalic.eot');
    src: local('../fonts/TT Travels Black Italic'), local('../fonts/TTTravels-BlackItalic'),
        url('../fonts/TTTravels-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels-BlackItalic.woff') format('woff'),
        url('../fonts/TTTravels-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'TT Travels';
    src: url('../fonts/TTTravels-ThinItalic.eot');
    src: local('../fonts/TT Travels Thin Italic'), local('../fonts/TTTravels-ThinItalic'),
        url('../fonts/TTTravels-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels-ThinItalic.woff') format('woff'),
        url('../fonts/TTTravels-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'TT Travels';
    src: url('../fonts/TTTravels-Light.eot');
    src: local('../fonts/TT Travels Light'), local('../fonts/TTTravels-Light'),
        url('../fonts/TTTravels-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels-Light.woff') format('woff'),
        url('../fonts/TTTravels-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'TT Travels';
    src: url('../fonts/TTTravels-Regular.eot');
    src: local('../fonts/TT Travels Regular'), local('../fonts/TTTravels-Regular'),
        url('../fonts/TTTravels-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels-Regular.woff') format('woff'),
        url('../fonts/TTTravels-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TT Travels';
    src: url('../fonts/TTTravels-ExtraBoldItalic.eot');
    src: local('../fonts/TT Travels ExtraBold Italic'), local('../fonts/TTTravels-ExtraBoldItalic'),
        url('../fonts/TTTravels-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/TTTravels-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'TT Travels';
    src: url('../fonts/TTTravels-ExtraBold.eot');
    src: local('../fonts/TT Travels ExtraBold'), local('../fonts/TTTravels-ExtraBold'),
        url('../fonts/TTTravels-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels-ExtraBold.woff') format('woff'),
        url('../fonts/TTTravels-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'TT Travels';
    src: url('../fonts/TTTravels-Black.eot');
    src: local('../fonts/TT Travels Black'), local('../fonts/TTTravels-Black'),
        url('../fonts/TTTravels-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels-Black.woff') format('woff'),
        url('../fonts/TTTravels-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'TT Travels';
    src: url('TTTravels-Medium.eot');
    src: local('../fonts/TT Travels Medium'), local('../fonts/TTTravels-Medium'),
        url('../fonts/TTTravels-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels-Medium.woff') format('woff'),
        url('../fonts/TTTravels-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'TT Travels';
    src: url('../fonts/TTTravels-DemiBold.eot');
    src: local('../fonts/TT Travels DemiBold'), local('../fonts/TTTravels-DemiBold'),
        url('../fonts/TTTravels-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels-DemiBold.woff') format('woff'),
        url('../fonts/TTTravels-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'TT Travels';
    src: url('../fonts/TTTravels-ExtraLightItalic.eot');
    src: local('../fonts/TT Travels ExtraLight Italic'), local('../fonts/TTTravels-ExtraLightItalic'),
        url('../fonts/TTTravels-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels-ExtraLightItalic.woff') format('woff'),
        url('../fonts/TTTravels-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'TT Travels';
    src: url('../fonts/TTTravels-DemiBoldItalic.eot');
    src: local('../fonts/TT Travels DemiBold Italic'), local('../fonts/TTTravels-DemiBoldItalic'),
        url('../fonts/TTTravels-DemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels-DemiBoldItalic.woff') format('woff'),
        url('../fonts/TTTravels-DemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'TT Travels';
    src: url('../fonts/TTTravels-BoldItalic.eot');
    src: local('../fonts/TT Travels Bold Italic'), local('../fonts/TTTravels-BoldItalic'),
        url('../fonts/TTTravels-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels-BoldItalic.woff') format('woff'),
        url('../fonts/TTTravels-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'TT Travels';
    src: url('../fonts/TTTravels-LightItalic.eot');
    src: local('../fonts/TT Travels Light Italic'), local('../fonts/TTTravels-LightItalic'),
        url('../fonts/TTTravels-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels-LightItalic.woff') format('woff'),
        url('../fonts/TTTravels-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'TT Travels';
    src: url('TTTravels-Bold.eot');
    src: local('../fonts/TT Travels Bold'), local('../fonts/TTTravels-Bold'),
        url('../fonts/TTTravels-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels-Bold.woff') format('woff'),
        url('../fonts/TTTravels-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TT Travels';
    src: url('../fonts/TTTravels-Thin.eot');
    src: local('../fonts/TT Travels Thin'), local('../fonts/TTTravels-Thin'),
        url('../fonts/TTTravels-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels-Thin.woff') format('woff'),
        url('../fonts/TTTravels-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}


@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/ClashDisplay-Bold.eot');
    src: url('../fonts/ClashDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ClashDisplay-Bold.woff2') format('woff2'),
        url('../fonts/ClashDisplay-Bold.woff') format('woff'),
        url('../fonts/ClashDisplay-Bold.ttf') format('truetype'),
        url('../fonts/ClashDisplay-Bold.svg#ClashDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/ClashDisplay-Light.eot');
    src: url('../fonts/ClashDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ClashDisplay-Light.woff2') format('woff2'),
        url('../fonts/ClashDisplay-Light.woff') format('woff'),
        url('../fonts/ClashDisplay-Light.ttf') format('truetype'),
        url('../fonts/ClashDisplay-Light.svg#ClashDisplay-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/ClashDisplay-Medium.eot');
    src: url('../fonts/ClashDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ClashDisplay-Medium.woff2') format('woff2'),
        url('../fonts/ClashDisplay-Medium.woff') format('woff'),
        url('../fonts/ClashDisplay-Medium.ttf') format('truetype'),
        url('../fonts/ClashDisplay-Medium.svg#ClashDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/ClashDisplay-Regular.eot');
    src: url('../fonts/ClashDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ClashDisplay-Regular.woff2') format('woff2'),
        url('../fonts/ClashDisplay-Regular.woff') format('woff'),
        url('../fonts/ClashDisplay-Regular.ttf') format('truetype'),
        url('../fonts/ClashDisplay-Regular.svg#ClashDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/ClashDisplay-Semibold.eot');
    src: url('../fonts/ClashDisplay-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ClashDisplay-Semibold.woff2') format('woff2'),
        url('../fonts/ClashDisplay-Semibold.woff') format('woff'),
        url('../fonts/ClashDisplay-Semibold.ttf') format('truetype'),
        url('../fonts/ClashDisplay-Semibold.svg#ClashDisplay-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
/* Make the Sellacious filter panel white */
.sellafinder-search .filter-snap-in.mod-sellacious-filters,
.sellafinder-search .filter-snap-in.mod-sellacious-filters .filter-cat-contents {
  background-color: #ffffff !important;
}
/* White-out the store header */
.store-wrapper-header.ctech-container-fluid {
    background-color: #ffffff !important;
  }
  
  /* White-out the store search section */
  .store-search-section {
    background-color: #ffffff !important;
  }
  .store-search-section {
    padding-top:    0 !important;
    padding-bottom: 0 !important;
  }
    /* Remove the 1px grey line under the entire search row */
.store-search-section {
    border-bottom: none !important;
  }
/* 1) Make the input+button wrapper a flex row */
.store-search-section #store-search-form .search-input-group {
    display: flex !important;
    width: 100% !important;
  }
  
  /* 2) Let the input fill all available space */
  #search_keyword {
    flex: 1 1 auto         !important;
    align-self: stretch    !important;
    box-sizing: border-box !important;
    /* undo the default fixed height so flex stretch can take over */
    height: auto           !important;
    /* preserve left/right padding */
    padding: 6px 12px      !important;
  }
  
  /* 3) Stretch the button to the same height */
  #search_btn {
    align-self: stretch    !important;
    box-sizing: border-box !important;
  }
  
/* Keep the “My Account” dropdown flush to the right edge */
.sp-menu-item.sp-has-child 
  .sp-dropdown.sp-dropdown-main.sp-menu-right {
  /* ensure absolute positioning (it should already be) */
  position: absolute !important;
  /* drop the Bootstrap-style left offset */
  left: auto           !important;
  /* pin the right edge to its container’s right */
  right: 0             !important;
  }
  
/* 1) Target the Apply / Clear links in the filter panel */
.filter-btns-inner .apply a,
.filter-btns-inner .clear-filter a {
  font-family: 'TT Travels', sans-serif !important;
  font-weight: 700                        !important;
  text-transform: uppercase               !important;
  /* match the size of your Add to Cart text */
  font-size: 14px                         !important;
  line-height: 40px                       !important;
}

/* 2) Restyle the main Search button in the store header */
#search_btn,
.search-btn {
  font-family: 'TT Travels', sans-serif !important;
  font-weight: 700                      !important;
  text-transform: uppercase             !important;
  /* match Add to Cart dimensions */
  font-size: 14px                       !important;
  line-height: 20px                     !important;
}

/* Centre the text in the “My Account” dropdown */
.sp-dropdown-main.sp-menu-right .sp-dropdown-inner .sp-dropdown-items li.sp-menu-item a {
    display: block !important;
    width: 100%       !important;
    text-align: center!important;
  }
  
/* 1) Override the inline 240px width */
.sp-menu-item.sp-has-child > .sp-dropdown {
    width: auto         !important;
    min-width: 0        !important;
    white-space: nowrap !important;
    padding: 0 8px      !important;  /* tucks text in nicely */
  }
  
  /* 2) Align the dropdown exactly under its parent link */
  .sp-menu-item.sp-has-child {
    position: relative !important;
  }
  .sp-menu-item.sp-has-child > .sp-dropdown {
    left: auto   !important;
    right: 0     !important;
    top: 100%    !important;
    transform: none !important;
  }
  
  /* 3) (Optional) tighten up each item’s padding */
  .sp-dropdown-inner .sp-menu-item > a {
    display: block       !important;
    padding: 6px 4px     !important;
    text-align: right    !important;  /* or left/center to taste */
  }
  /* 1) Tighten the dropdown box itself */
.sp-menu-item.sp-has-child 
> .sp-dropdown.sp-dropdown-main.sp-menu-right 
.sp-dropdown-inner {
/* shrink top/bottom gutter */
padding-top:    4px !important;
padding-bottom: 4px !important;
/* optional: remove left/right gutter if you prefer flush edges */
padding-left:   0   !important;
padding-right:  0   !important;
}

/* 2) Kill the default UL spacing */
.sp-menu-item.sp-has-child 
.sp-dropdown-items {
margin:  0 !important;
padding: 0 !important;
list-style: none !important;
}

/* 3) Reduce and normalize each LI */
.sp-menu-item.sp-has-child 
.sp-dropdown-items 
.sp-menu-item {
margin:  0 !important;
}

/* 4) Give each link just enough padding */
.sp-menu-item.sp-has-child 
.sp-dropdown-items 
.sp-menu-item > a {
display: block         !important;
padding: 1px 12px      !important; /* tweak vertical px as needed */
text-align: right      !important; /* or center/left to taste */
}
/* ─────── Simple off-canvas stacking ─────── */
@media (max-width: 767px) {
    .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu {
      display: flex !important;
      flex-direction: column !important;
    }
  
    .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu > li {
      order: initial !important;
    }
  }
  @media (max-width: 767px) {
    #sp-footer3 {
      order: 2;
      width: 100%;
      margin-top: 20px;
    }
  
    .footer-links {
      order: 1;
      width: 100%;
      z-index: 2;
      position: relative;
    }
  
    .footer-links a {
      pointer-events: auto; /* just in case */
    }
  
    .rsform {
      z-index: 1;
      position: relative;
    }
  } 

.container{width: 100%;max-width:1400px;}

/* Fix Terms & Conditions to align with form fields, not the Basic Information header */
.profile-tabs .ctech-aside-md {
    width: 65% !important;
    float: none !important;
    clear: both !important;
    margin-left: 35% !important;
    margin-right: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* On smaller screens where form layout changes to single column, make it full width */
@media (max-width: 576px) {
    .profile-tabs .ctech-aside-md {
        width: 100% !important;
        margin-left: 0 !important;
    }
}

/* Ensure the checkbox and text are always properly aligned */
.profile-tabs .ctech-aside-md .ctech-form-group {
    margin-bottom: 15px;
}

.profile-tabs .ctech-aside-md .ctech-form-group .ctech-col-form-input {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
}