/* Start custom CSS for section, class: .elementor-element-fc8435b *//* =========================================================
   OUTRAVEN CATALOG PAGE
   PAGE ID 15741
   HEADER SAFE + RESPONSIVE
========================================================= */

.elementor-15741 {
  --or-cat-white: #ffffff;
  --or-cat-cream: #fdfbf7;
  --or-cat-soft: #faf7f2;
  --or-cat-sand: #f4ece1;

  --or-cat-ink: #261b15;
  --or-cat-text: #5f5147;
  --or-cat-muted: #817267;

  --or-cat-brown: #8c5a2b;
  --or-cat-gold: #c79a63;

  --or-cat-border: rgba(95, 67, 50, 0.16);
  --or-cat-border-strong: rgba(95, 67, 50, 0.28);

  width: 100% !important;
  max-width: 100% !important;

  padding:
    46px 28px
    90px !important;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fdfbf8 100%
    ) !important;
}


/* =========================================================
   SECTIONS
========================================================= */

.elementor-15741
.elementor-element-f17b451,

.elementor-15741
.elementor-element-fc8435b {
  width: 100% !important;
  max-width: 1360px !important;

  margin:
    0 auto !important;

  padding:
    0 !important;

  background:
    transparent !important;
}


.elementor-15741
.elementor-element-fc8435b {
  margin-top:
    30px !important;
}


/* =========================================================
   GRID
========================================================= */

.elementor-15741
.elementor-element-f17b451
> .elementor-container,

.elementor-15741
.elementor-element-fc8435b
> .elementor-container {
  display:
    grid !important;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    ) !important;

  gap:
    26px !important;

  align-items:
    stretch !important;

  width:
    100% !important;

  max-width:
    1360px !important;

  margin:
    0 auto !important;

  padding:
    0 !important;
}


/* =========================================================
   CATALOG CARDS
========================================================= */

.elementor-15741
.elementor-element-f17b451
> .elementor-container
> .elementor-column,

.elementor-15741
.elementor-element-fc8435b
> .elementor-container
> .elementor-column {
  display:
    flex !important;

  flex-direction:
    column !important;

  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    20px !important;

  overflow:
    hidden !important;

  border:
    1px solid
    var(--or-cat-border) !important;

  border-radius:
    22px !important;

  background:
    var(--or-cat-white) !important;

  box-shadow:
    0 15px 45px
    rgba(61, 42, 29, 0.055) !important;

  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease !important;
}


.elementor-15741
.elementor-element-f17b451
> .elementor-container
> .elementor-column:hover,

.elementor-15741
.elementor-element-fc8435b
> .elementor-container
> .elementor-column:hover {
  border-color:
    var(--or-cat-border-strong) !important;

  box-shadow:
    0 18px 50px
    rgba(61, 42, 29, 0.08) !important;
}


/* =========================================================
   ELEMENTOR INTERNAL FIX
========================================================= */

.elementor-15741
.elementor-widget-wrap,

.elementor-15741
.elementor-widget-container,

.elementor-15741
.elementor-shortcode {
  width:
    100% !important;

  max-width:
    100% !important;
}


.elementor-15741
.elementor-widget-wrap {
  flex:
    1 1 auto !important;

  padding:
    0 !important;
}


.elementor-15741
.elementor-widget-container {
  height:
    100% !important;

  margin:
    0 !important;
}


.elementor-15741
.elementor-shortcode {
  height:
    100% !important;
}


/* =========================================================
   TITLES
========================================================= */

.elementor-15741
.elementor-element-cae1bc3::before,

.elementor-15741
.elementor-element-71bef33::before,

.elementor-15741
.elementor-element-ea6cbb1::before,

.elementor-15741
.elementor-element-47d3642::before {
  display:
    block !important;

  margin:
    1px 0
    15px !important;

  color:
    var(--or-cat-ink) !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    25px !important;

  font-weight:
    400 !important;

  line-height:
    1.1 !important;

  letter-spacing:
    -0.025em !important;
}


.elementor-15741
.elementor-element-cae1bc3::before {
  content:
    "Stirrups Catalog";
}


.elementor-15741
.elementor-element-71bef33::before {
  content:
    "Spurs Catalog";
}


.elementor-15741
.elementor-element-ea6cbb1::before {
  content:
    "Saddlery & Horse Wear";
}


.elementor-15741
.elementor-element-47d3642::before {
  content:
    "Equestrian Catalog";
}


/* =========================================================
   SMALL LABELS
========================================================= */

.elementor-15741
.elementor-element-cae1bc3::after,

.elementor-15741
.elementor-element-71bef33::after,

.elementor-15741
.elementor-element-ea6cbb1::after,

.elementor-15741
.elementor-element-47d3642::after {
  order:
    -1;

  display:
    block;

  margin-bottom:
    6px;

  color:
    var(--or-cat-brown);

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size:
    8px;

  font-weight:
    800;

  line-height:
    1;

  letter-spacing:
    0.16em;
}


.elementor-15741
.elementor-element-cae1bc3::after {
  content:
    "01 / WHOLESALE CATALOG";
}


.elementor-15741
.elementor-element-71bef33::after {
  content:
    "02 / WHOLESALE CATALOG";
}


.elementor-15741
.elementor-element-ea6cbb1::after {
  content:
    "03 / HORSE WEAR CATALOG";
}


.elementor-15741
.elementor-element-47d3642::after {
  content:
    "04 / EQUESTRIAN CATALOG";
}


/* =========================================================
   DEARFLIP
========================================================= */

.elementor-15741
._df_book {
  position:
    relative !important;

  width:
    100% !important;

  max-width:
    100% !important;

  height:
    clamp(
      560px,
      42vw,
      690px
    ) !important;

  min-height:
    560px !important;

  margin:
    0 !important;

  overflow:
    hidden !important;

  border:
    1px solid
    var(--or-cat-border) !important;

  border-radius:
    16px !important;

  background:
    var(--or-cat-soft) !important;

  isolation:
    isolate !important;
}


.elementor-15741
._df_book
.df-container {
  width:
    100% !important;

  height:
    100% !important;

  overflow:
    hidden !important;

  border-radius:
    16px !important;

  background:
    var(--or-cat-soft) !important;
}


.elementor-15741
._df_book
.df-bg {
  background:
    linear-gradient(
      145deg,
      #f8f4ed,
      #fdfbf7
    ) !important;
}


.elementor-15741
._df_book
.df-viewer-container {
  inset:
    0 !important;

  overflow:
    hidden !important;

  border-radius:
    16px !important;
}


.elementor-15741
._df_book
.df-viewer {
  border-radius:
    16px !important;
}


/* =========================================================
   PDF SHADOW
========================================================= */

.elementor-15741
._df_book
.df-page-front,

.elementor-15741
._df_book
.df-page-back {
  box-shadow:
    0 10px 35px
    rgba(38, 27, 21, 0.16) !important;
}


/* =========================================================
   CONTROLS
========================================================= */

.elementor-15741
._df_book
.df-ui {
  left:
    50% !important;

  right:
    auto !important;

  bottom:
    12px !important;

  width:
    max-content !important;

  max-width:
    calc(100% - 22px) !important;

  min-height:
    44px !important;

  padding:
    4px 6px !important;

  overflow:
    visible !important;

  border:
    1px solid
    var(--or-cat-border) !important;

  border-radius:
    12px !important;

  background:
    rgba(255, 255, 255, 0.96) !important;

  box-shadow:
    0 8px 25px
    rgba(38, 27, 21, 0.12) !important;

  backdrop-filter:
    blur(10px);

  transform:
    translateX(-50%) !important;
}


.elementor-15741
._df_book
.df-ui-btn {
  color:
    var(--or-cat-text) !important;

  transition:
    color 0.2s ease,
    background 0.2s ease !important;
}


.elementor-15741
._df_book
.df-ui-btn:hover {
  color:
    var(--or-cat-brown) !important;

  background:
    var(--or-cat-sand) !important;
}


.elementor-15741
._df_book
.df-ui-page {
  border-radius:
    8px !important;

  background:
    var(--or-cat-soft) !important;
}


/* =========================================================
   NAV ARROWS
========================================================= */

.elementor-15741
._df_book
.df-ui-nav {
  opacity:
    0.92 !important;
}


.elementor-15741
._df_book
.df-ui-nav
.df-ui-btn {
  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  width:
    42px !important;

  height:
    42px !important;

  border:
    1px solid
    rgba(255, 255, 255, 0.35) !important;

  border-radius:
    50% !important;

  background:
    rgba(38, 27, 21, 0.76) !important;

  color:
    #ffffff !important;

  box-shadow:
    0 5px 18px
    rgba(0, 0, 0, 0.16) !important;

  backdrop-filter:
    blur(8px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

  .elementor-15741 {
    padding:
      110px 20px
      70px !important;
  }


  .elementor-15741
  .elementor-element-f17b451
  > .elementor-container,

  .elementor-15741
  .elementor-element-fc8435b
  > .elementor-container {
    grid-template-columns:
      1fr !important;

    max-width:
      760px !important;

    gap:
      22px !important;
  }


  .elementor-15741
  .elementor-element-fc8435b {
    margin-top:
      22px !important;
  }


  .elementor-15741
  ._df_book {
    height:
      660px !important;

    min-height:
      660px !important;
  }

}


/* =========================================================
   MOBILE HEADER FIX
========================================================= */

@media (max-width: 600px) {

  /*
   Your mobile header is roughly 64px tall
   plus its top spacing.

   105px creates enough clearance so catalog
   titles begin below the header.
  */

  .elementor-15741 {
    padding:
      105px 10px
      50px !important;
  }


  .elementor-15741
  .elementor-element-f17b451,

  .elementor-15741
  .elementor-element-fc8435b {
    width:
      100% !important;

    max-width:
      100% !important;
  }


  .elementor-15741
  .elementor-element-f17b451
  > .elementor-container,

  .elementor-15741
  .elementor-element-fc8435b
  > .elementor-container {
    width:
      100% !important;

    grid-template-columns:
      minmax(0, 1fr) !important;

    gap:
      15px !important;
  }


  .elementor-15741
  .elementor-element-f17b451
  > .elementor-container
  > .elementor-column,

  .elementor-15741
  .elementor-element-fc8435b
  > .elementor-container
  > .elementor-column {
    width:
      100% !important;

    min-width:
      0 !important;

    padding:
      11px !important;

    border-radius:
      15px !important;
  }


  /* CATALOG LABEL */

  .elementor-15741
  .elementor-element-cae1bc3::after,

  .elementor-15741
  .elementor-element-71bef33::after,

  .elementor-15741
  .elementor-element-ea6cbb1::after,

  .elementor-15741
  .elementor-element-47d3642::after {
    margin-top:
      2px;

    margin-bottom:
      6px;

    font-size:
      7px;
  }


  /* CATALOG TITLE */

  .elementor-15741
  .elementor-element-cae1bc3::before,

  .elementor-15741
  .elementor-element-71bef33::before,

  .elementor-15741
  .elementor-element-ea6cbb1::before,

  .elementor-15741
  .elementor-element-47d3642::before {
    margin:
      0 0
      12px !important;

    font-size:
      21px !important;

    line-height:
      1.08 !important;
  }


  /* FLIPBOOK */

  .elementor-15741
  ._df_book {
    width:
      100% !important;

    height:
      525px !important;

    min-height:
      525px !important;

    border-radius:
      12px !important;
  }


  .elementor-15741
  ._df_book
  .df-container,

  .elementor-15741
  ._df_book
  .df-viewer-container,

  .elementor-15741
  ._df_book
  .df-viewer {
    border-radius:
      12px !important;
  }


  /* TOOLBAR */

  .elementor-15741
  ._df_book
  .df-ui {
    bottom:
      7px !important;

    max-width:
      calc(100% - 12px) !important;

    min-height:
      40px !important;

    padding:
      3px !important;

    border-radius:
      9px !important;
  }


  .elementor-15741
  ._df_book
  .df-ui-btn {
    min-width:
      32px !important;
  }


  .elementor-15741
  ._df_book
  .df-ui-share {
    display:
      none !important;
  }


  .elementor-15741
  ._df_book
  .df-ui-page {
    width:
      44px !important;
  }


  .elementor-15741
  ._df_book
  .df-ui-nav
  .df-ui-btn {
    width:
      35px !important;

    height:
      35px !important;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

  .elementor-15741 {
    padding:
      100px 7px
      45px !important;
  }


  .elementor-15741
  ._df_book {
    height:
      485px !important;

    min-height:
      485px !important;
  }


  .elementor-15741
  ._df_book
  .df-ui-thumbnail,

  .elementor-15741
  ._df_book
  .df-ui-zoomout {
    display:
      none !important;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-15741 *,
  .elementor-15741 *::before,
  .elementor-15741 *::after {
    transition:
      none !important;
  }

}/* End custom CSS */