/* ==================  Theme CSS Starts ================== */
/* ==================  Site Fonts  ================== */
/* Font Name: Portrait Light Web - Regular Example: // @include font-portrait-light(64px, 64px, 0); */
/* Font Name: Neue Haas Grotesk Display - Roman Example: // @include font-grotesk-roman(20px, 26px, 0.2px); */
/* Font Name: Atten New - Regular Example: // @include font-atten-new-reg(16px, 16px, 1px); */
/* Font Name: Atten New - Medium Example: // @include font-atten-new-med(50px, 50px, 0.5px); */
/* ==================  Site Animations  ================== */
/* ==================  Responsive Grid Col Settings  ================== */
/* Generates classes for a grid of columns, prefixed by size. The result will be .col-[size]-[col]-[total-columns] E.g. .col-xs-6-12 @param {string}	$size			The name of the size target (e.g. xs, sm, md, lg, xl, etc.) @param {int}		$grid-columns	Amount of columns */
/* A mixin targeting a specific device width and larger. These are the available targets: 'xs', 'sm', 'md', 'lg', 'xl' @param {string} $media The target media */
.col-xs-1-12 { width: 8.3333333333%; }

.col-xs-2-12 { width: 16.6666666667%; }

.col-xs-3-12 { width: 25%; }

.col-xs-4-12 { width: 33.3333333333%; }

.col-xs-5-12 { width: 41.6666666667%; }

.col-xs-6-12 { width: 50%; }

.col-xs-7-12 { width: 58.3333333333%; }

.col-xs-8-12 { width: 66.6666666667%; }

.col-xs-9-12 { width: 75%; }

.col-xs-10-12 { width: 83.3333333333%; }

.col-xs-11-12 { width: 91.6666666667%; }

.col-xs-12-12 { width: 100%; }

.col-xs-1-10 { width: 10%; }

.col-xs-2-10 { width: 20%; }

.col-xs-3-10 { width: 30%; }

.col-xs-4-10 { width: 40%; }

.col-xs-5-10 { width: 50%; }

.col-xs-6-10 { width: 60%; }

.col-xs-7-10 { width: 70%; }

.col-xs-8-10 { width: 80%; }

.col-xs-9-10 { width: 90%; }

.col-xs-10-10 { width: 100%; }

.col-xs-1-9 { width: 11.1111111111%; }

.col-xs-2-9 { width: 22.2222222222%; }

.col-xs-3-9 { width: 33.3333333333%; }

.col-xs-4-9 { width: 44.4444444444%; }

.col-xs-5-9 { width: 55.5555555556%; }

.col-xs-6-9 { width: 66.6666666667%; }

.col-xs-7-9 { width: 77.7777777778%; }

.col-xs-8-9 { width: 88.8888888889%; }

.col-xs-9-9 { width: 100%; }

.col-xs-1-7 { width: 14.2857142857%; }

.col-xs-2-7 { width: 28.5714285714%; }

.col-xs-3-7 { width: 42.8571428571%; }

.col-xs-4-7 { width: 57.1428571429%; }

.col-xs-5-7 { width: 71.4285714286%; }

.col-xs-6-7 { width: 85.7142857143%; }

.col-xs-7-7 { width: 100%; }

.col-xs-1-6 { width: 16.6666666667%; }

.col-xs-2-6 { width: 33.3333333333%; }

.col-xs-3-6 { width: 50%; }

.col-xs-4-6 { width: 66.6666666667%; }

.col-xs-5-6 { width: 83.3333333333%; }

.col-xs-6-6 { width: 100%; }

.col-xs-1-3 { width: 33.3333333333%; }

.col-xs-2-3 { width: 66.6666666667%; }

.col-xs-3-3 { width: 100%; }

@media (min-width: 768px) { .col-sm-1-12 { width: 8.3333333333%; }
  .col-sm-2-12 { width: 16.6666666667%; }
  .col-sm-3-12 { width: 25%; }
  .col-sm-4-12 { width: 33.3333333333%; }
  .col-sm-5-12 { width: 41.6666666667%; }
  .col-sm-6-12 { width: 50%; }
  .col-sm-7-12 { width: 58.3333333333%; }
  .col-sm-8-12 { width: 66.6666666667%; }
  .col-sm-9-12 { width: 75%; }
  .col-sm-10-12 { width: 83.3333333333%; }
  .col-sm-11-12 { width: 91.6666666667%; }
  .col-sm-12-12 { width: 100%; } }

@media (min-width: 980px) { .col-md-1-12 { width: 8.3333333333%; }
  .col-md-2-12 { width: 16.6666666667%; }
  .col-md-3-12 { width: 25%; }
  .col-md-4-12 { width: 33.3333333333%; }
  .col-md-5-12 { width: 41.6666666667%; }
  .col-md-6-12 { width: 50%; }
  .col-md-7-12 { width: 58.3333333333%; }
  .col-md-8-12 { width: 66.6666666667%; }
  .col-md-9-12 { width: 75%; }
  .col-md-10-12 { width: 83.3333333333%; }
  .col-md-11-12 { width: 91.6666666667%; }
  .col-md-12-12 { width: 100%; }
  .col-md-1-10 { width: 10%; }
  .col-md-2-10 { width: 20%; }
  .col-md-3-10 { width: 30%; }
  .col-md-4-10 { width: 40%; }
  .col-md-5-10 { width: 50%; }
  .col-md-6-10 { width: 60%; }
  .col-md-7-10 { width: 70%; }
  .col-md-8-10 { width: 80%; }
  .col-md-9-10 { width: 90%; }
  .col-md-10-10 { width: 100%; }
  .col-md-1-9 { width: 11.1111111111%; }
  .col-md-2-9 { width: 22.2222222222%; }
  .col-md-3-9 { width: 33.3333333333%; }
  .col-md-4-9 { width: 44.4444444444%; }
  .col-md-5-9 { width: 55.5555555556%; }
  .col-md-6-9 { width: 66.6666666667%; }
  .col-md-7-9 { width: 77.7777777778%; }
  .col-md-8-9 { width: 88.8888888889%; }
  .col-md-9-9 { width: 100%; }
  .col-md-1-7 { width: 14.2857142857%; }
  .col-md-2-7 { width: 28.5714285714%; }
  .col-md-3-7 { width: 42.8571428571%; }
  .col-md-4-7 { width: 57.1428571429%; }
  .col-md-5-7 { width: 71.4285714286%; }
  .col-md-6-7 { width: 85.7142857143%; }
  .col-md-7-7 { width: 100%; }
  .col-md-1-6 { width: 16.6666666667%; }
  .col-md-2-6 { width: 33.3333333333%; }
  .col-md-3-6 { width: 50%; }
  .col-md-4-6 { width: 66.6666666667%; }
  .col-md-5-6 { width: 83.3333333333%; }
  .col-md-6-6 { width: 100%; }
  .col-md-1-3 { width: 33.3333333333%; }
  .col-md-2-3 { width: 66.6666666667%; }
  .col-md-3-3 { width: 100%; } }

@media (min-width: 1400px) { .col-lg-1-12 { width: 8.3333333333%; }
  .col-lg-2-12 { width: 16.6666666667%; }
  .col-lg-3-12 { width: 25%; }
  .col-lg-4-12 { width: 33.3333333333%; }
  .col-lg-5-12 { width: 41.6666666667%; }
  .col-lg-6-12 { width: 50%; }
  .col-lg-7-12 { width: 58.3333333333%; }
  .col-lg-8-12 { width: 66.6666666667%; }
  .col-lg-9-12 { width: 75%; }
  .col-lg-10-12 { width: 83.3333333333%; }
  .col-lg-11-12 { width: 91.6666666667%; }
  .col-lg-12-12 { width: 100%; }
  .col-lg-1-10 { width: 10%; }
  .col-lg-2-10 { width: 20%; }
  .col-lg-3-10 { width: 30%; }
  .col-lg-4-10 { width: 40%; }
  .col-lg-5-10 { width: 50%; }
  .col-lg-6-10 { width: 60%; }
  .col-lg-7-10 { width: 70%; }
  .col-lg-8-10 { width: 80%; }
  .col-lg-9-10 { width: 90%; }
  .col-lg-10-10 { width: 100%; }
  .col-lg-1-9 { width: 11.1111111111%; }
  .col-lg-2-9 { width: 22.2222222222%; }
  .col-lg-3-9 { width: 33.3333333333%; }
  .col-lg-4-9 { width: 44.4444444444%; }
  .col-lg-5-9 { width: 55.5555555556%; }
  .col-lg-6-9 { width: 66.6666666667%; }
  .col-lg-7-9 { width: 77.7777777778%; }
  .col-lg-8-9 { width: 88.8888888889%; }
  .col-lg-9-9 { width: 100%; }
  .col-lg-1-7 { width: 14.2857142857%; }
  .col-lg-2-7 { width: 28.5714285714%; }
  .col-lg-3-7 { width: 42.8571428571%; }
  .col-lg-4-7 { width: 57.1428571429%; }
  .col-lg-5-7 { width: 71.4285714286%; }
  .col-lg-6-7 { width: 85.7142857143%; }
  .col-lg-7-7 { width: 100%; }
  .col-lg-1-6 { width: 16.6666666667%; }
  .col-lg-2-6 { width: 33.3333333333%; }
  .col-lg-3-6 { width: 50%; }
  .col-lg-4-6 { width: 66.6666666667%; }
  .col-lg-5-6 { width: 83.3333333333%; }
  .col-lg-6-6 { width: 100%; }
  .col-lg-1-3 { width: 33.3333333333%; }
  .col-lg-2-3 { width: 66.6666666667%; }
  .col-lg-3-3 { width: 100%; } }

@media (min-width: 1800px) { .col-xl-1-10 { width: 10%; }
  .col-xl-2-10 { width: 20%; }
  .col-xl-3-10 { width: 30%; }
  .col-xl-4-10 { width: 40%; }
  .col-xl-5-10 { width: 50%; }
  .col-xl-6-10 { width: 60%; }
  .col-xl-7-10 { width: 70%; }
  .col-xl-8-10 { width: 80%; }
  .col-xl-9-10 { width: 90%; }
  .col-xl-10-10 { width: 100%; }
  .col-xl-1-12 { width: 8.3333333333%; }
  .col-xl-2-12 { width: 16.6666666667%; }
  .col-xl-3-12 { width: 25%; }
  .col-xl-4-12 { width: 33.3333333333%; }
  .col-xl-5-12 { width: 41.6666666667%; }
  .col-xl-6-12 { width: 50%; }
  .col-xl-7-12 { width: 58.3333333333%; }
  .col-xl-8-12 { width: 66.6666666667%; }
  .col-xl-9-12 { width: 75%; }
  .col-xl-10-12 { width: 83.3333333333%; }
  .col-xl-11-12 { width: 91.6666666667%; }
  .col-xl-12-12 { width: 100%; } }

/* ==================  Site Flex Settings  ================== */
/* ==================  Responsive Fonts Settings  ================== */
/* ==================  Theme CSS Ends ================== */
.slider-off-featured-insights-title { display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -webkit-box-pack: justify; justify-content: space-between; -ms-flex-pack: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }

.slider-off-featured-insights-title a { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-family: 'atten-new', sans-serif; font-weight: 400; font-style: normal; font-display: block; font-size: 16px; line-height: 40px; letter-spacing: 1px; color: #e95b21; text-transform: uppercase; padding-left: 70px; text-align: left; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }

.slider-off-featured-insights-title a:hover { opacity: 0.5; }

.slider-off-featured-insights-title h1 { -webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; font-family: 'Portrait-Light-Web', sans-serif; font-weight: 400; font-style: normal; font-display: block; font-size: 44px; line-height: 44px; letter-spacing: 0; text-transform: uppercase; color: #2f3c4a; }

.slider-off-featured-insights-title .slider-off-featured-insights-slider-nav-arrows { display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -webkit-box-pack: end; justify-content: flex-end; -ms-flex-pack: flex-end; padding-right: 110px; }

.slider-off-featured-insights-title .slider-off-featured-insights-slider-nav-arrows .slick-arrow { width: 15px; height: 30px; border: none; padding: 0; background-color: transparent; background-size: 15px 30px; background-repeat: no-repeat; background-position: center; font-size: 0; cursor: pointer; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }

.slider-off-featured-insights-title .slider-off-featured-insights-slider-nav-arrows .slick-arrow:hover { opacity: 0.5; }

.slider-off-featured-insights-title .slider-off-featured-insights-slider-nav-arrows .slick-prev { background-image: url("/_sodium_assets/yoocapital.com/1d1a7b51f26f401992bd8bc29e793b8f/b9b0e1857306285aac6fcc6566239225ed97a2d334af2191fd40ab16776eccdf.png"); margin-right: 25px; }

.slider-off-featured-insights-title .slider-off-featured-insights-slider-nav-arrows .slick-next { background-image: url("/_sodium_assets/yoocapital.com/1d1a7b51f26f401992bd8bc29e793b8f/d85a8d19a84ff51c5445bc2932d8aa08d33920acd2e590aa6089c2b188a77165.png"); }

.slider-off-featured-insights-slider .slick-slide.slick-active { opacity: 1; }

.slider-off-featured-insights-slider .slick-slide.slick-active .slider-off-featured-insights-block .slider-off-featured-insights-block-text div { -webkit-animation: paging-info-animation; animation: paging-info-animation; -webkit-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.slider-off-featured-insights-slider .slick-slide { opacity: 0.4; }

.slider-off-featured-insights-slider .slick-slide a .slider-off-featured-insights-block { width: 1160px !important; margin: 0 20px; padding-bottom: 50px; color: #ffffff; border-bottom: 1px solid rgba(47, 60, 74, 0.5); }

@-webkit-keyframes paging-info-animation { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes paging-info-animation { from { opacity: 0; }
  to { opacity: 1; } }

.slider-off-featured-insights-slider .slick-slide a .slider-off-featured-insights-block .slider-off-featured-insights-block-text { width: 460px; margin: 0 20px 0 0; }

.slider-off-featured-insights-slider .slick-slide a .slider-off-featured-insights-block .slider-off-featured-insights-block-text div { font-family: 'atten-new', sans-serif; font-weight: 400; font-style: normal; font-display: block; font-size: 16px; line-height: 20px; letter-spacing: 1px; color: #e95b21; z-index: 1; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }

.slider-off-featured-insights-slider .slick-slide a .slider-off-featured-insights-block .slider-off-featured-insights-block-text h4 { font-family: 'Portrait-Light-Web', sans-serif; font-weight: 400; font-style: normal; font-display: block; font-size: 56px; line-height: 56px; letter-spacing: 0; text-transform: uppercase; padding-top: 70px; color: #2f3c4a; -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; }

.slider-off-featured-insights-slider .slick-slide a .slider-off-featured-insights-block .slider-off-featured-insights-block-text p { position: absolute; bottom: 0; font-family: 'Neue-Haas-Grotesk-Display', sans-serif; font-weight: 400; font-style: normal; font-display: block; font-size: 20px; line-height: 26px; letter-spacing: 0.2px; color: #4e4d4d; }

.slider-off-featured-insights-slider .slick-slide a .slider-off-featured-insights-block .slider-off-featured-insights-block-image { width: 660px; margin: 0 0 0 20px; background-color: #000000; }

.slider-off-featured-insights-slider .slick-slide a .slider-off-featured-insights-block .slider-off-featured-insights-block-image img { -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; width: 100%; height: auto; }

.slider-off-featured-insights-slider .slick-slide a:hover .slider-off-featured-insights-block .slider-off-featured-insights-block-text h4 { color: #e95b21; }

.slider-off-featured-insights-slider .slick-slide a:hover .slider-off-featured-insights-block-image img { opacity: 0.5; }

@media only screen and (min-width: 980px) and (max-width: 1400px) { .slider-off-featured-insights-title { padding: 0 15px; }
  .slider-off-featured-insights-title span { padding-left: 30px; }
  .slider-off-featured-insights-title h1 { font-family: 'Portrait-Light-Web', sans-serif; font-weight: 400; font-style: normal; font-display: block; font-size: 36px; line-height: 40px; letter-spacing: 0; }
  .slider-off-featured-insights-title .slider-off-featured-insights-slider-nav-arrows { padding-right: 30px; }
  .slider-off-featured-insights-title .slider-off-featured-insights-slider-nav-arrows .slick-arrow { width: 10px; height: 20px; background-size: 10px 20px; }
  .slider-off-featured-insights-title .slider-off-featured-insights-slider-nav-arrows .slick-prev { margin-right: 30px; }
  .slider-off-featured-insights-slider .slick-slide a .slider-off-featured-insights-block { width: 875px !important; margin: 0 15px; padding-bottom: 50px; }
  .slider-off-featured-insights-slider .slick-slide a .slider-off-featured-insights-block .slider-off-featured-insights-block-text { width: 360px; margin: 0 15px 0 0; }
  .slider-off-featured-insights-slider .slick-slide a .slider-off-featured-insights-block .slider-off-featured-insights-block-text h4 { font-family: 'Portrait-Light-Web', sans-serif; font-weight: 400; font-style: normal; font-display: block; font-size: 36px; line-height: 40px; letter-spacing: 0; padding-top: 35px; }
  .slider-off-featured-insights-slider .slick-slide a .slider-off-featured-insights-block .slider-off-featured-insights-block-image { width: 480px; } }

@media only screen and (min-width: 1px) and (max-width: 979px) { .slider-off-featured-insights-title { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; padding: 0; }
  .slider-off-featured-insights-title a { font-family: 'atten-new', sans-serif; font-weight: 400; font-style: normal; font-display: block; font-size: 13px; line-height: 25px; letter-spacing: 1px; padding-left: 0; }
  .slider-off-featured-insights-title h1 { font-family: 'Portrait-Light-Web', sans-serif; font-weight: 400; font-style: normal; font-display: block; font-size: 30px; line-height: 30px; letter-spacing: 0; padding-bottom: 20px; }
  .slider-off-featured-insights-slider .slick-slide a .slider-off-featured-insights-block { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; width: 275px !important; margin: 0 10px; }
  .slider-off-featured-insights-slider .slick-slide a .slider-off-featured-insights-block .slider-off-featured-insights-block-image { width: 275px; margin: 0 0 25px 0; }
  .slider-off-featured-insights-slider .slick-slide a .slider-off-featured-insights-block .slider-off-featured-insights-block-text { width: 275px; margin: 0; }
  .slider-off-featured-insights-slider .slick-slide a .slider-off-featured-insights-block .slider-off-featured-insights-block-text div { margin: 0 0 25px 0; }
  .slider-off-featured-insights-slider .slick-slide a .slider-off-featured-insights-block .slider-off-featured-insights-block-text h4 { font-family: 'Portrait-Light-Web', sans-serif; font-weight: 400; font-style: normal; font-display: block; font-size: 20px; line-height: 30px; letter-spacing: 0; padding: 0 0 30px 0; }
  .slider-off-featured-insights-slider .slick-slide a .slider-off-featured-insights-block .slider-off-featured-insights-block-text p { position: relative; font-family: 'Neue-Haas-Grotesk-Display', sans-serif; font-weight: 400; font-style: normal; font-display: block; font-size: 16px; line-height: 20px; letter-spacing: 0.2; } }

/*# sourceMappingURL=comp-slider-off-featured-insights.css.map */