.dual-cta-hero{display:flex;width:100%}.dual-cta-hero h1{color:#fff;margin-top:1rem;font-size:20px;font-family:hero-new,sans-serif;font-weight:500}.dual-cta-hero-left{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:40%;background-color:var(--white);background-image:url(https://scion-trendsetter.com/wp-content/uploads/2023/08/Trendsetter_0810_v3.jpg);background-position:top;background-size:cover;background-repeat:no-repeat;padding:3rem 0 1rem;position:relative}.dual-cta-hero-right{width:60%;padding-left:2rem;display:flex;flex-direction:column}.dual-cta-hero-title-container{display:flex;flex-direction:column;align-items:center;padding:3.5rem 1.5rem 2.5rem;background-color:var(--black);box-shadow:rgba(0,0,0,.24)0 3px 8px;text-align:center;background-image:url(https://scion-trendsetter.com/wp-content/uploads/2023/08/Trendsetter.png);background-position:10% 25%;background-size:cover;background-repeat:no-repeat;width:100%}.dual-cta-hero-info{display:flex;flex-direction:column;margin-right:1.5em}.dual-cta-hero-info-label{color:var(--black);font-weight:700}.dual-cta-hero-info-value{color:var(--black);font-weight:800;text-transform:uppercase;text-align:right}.dual-cta-hero-title h2{font-size:var(--biggest-heading-med);font-weight:700;color:var(--white);border-bottom:1px solid var(--black-tint-4);padding-bottom:20px}.dual-cta-hero-title h2 span{color:var(--dusty-rose);display:inline-block}.dual-cta-hero-info-title h3{font-size:var(--subheading-lg);color:var(--black);text-transform:uppercase;font-weight:700}.dual-cta-hero-info-title p{color:var(--black);font-weight:700;border-bottom:var(--black-tint-4)1px solid;padding-bottom:10px;margin-bottom:0}.dual-cta-hero-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;justify-content:center;align-items:center}.dual-cta-hero-content p{font-size:18px;margin-bottom:0;padding:10px 0;border-bottom:var(--black-tint-4)1px solid}.dual-cta-hero-img{position:relative;margin-bottom:1em}.img-container img{object-fit:cover;width:100%;height:55vh}.dual-cta-hero-info .dual-cta{align-self:flex-end}.polaroid-caption{display:none;justify-content:center;margin:1em .5em 0;font-size:1em;color:var(--black);font-weight:400}.cta-button-dark{display:inline-block;font-size:16px;text-transform:uppercase;margin:0;text-decoration:none;color:var(--white)!important;font-weight:400;line-height:.5em;border-top:none;border-bottom:4px solid #1e22be;border-left:none;border-bottom-left-radius:15px;border-right:4px solid #1e22be;border-bottom-right-radius:25px;border-image-slice:1;border-image-source:linear-gradient(to left,var(--dijon),var(--dusty-rose),var(--powder-blue));padding:3px 50px 10px;clip-path:inset(0 round .5em);background:var(--black)}.cta-button-light:hover,.cta-button-dark:hover{transform:scale(1.15);transition:.3 ease-in-out}.cta-button-light{display:inline-block;font-size:16px;text-transform:uppercase;text-decoration:none;color:var(--black)!important;font-weight:400;line-height:.5em;border-top:none;border-bottom:4px solid #1e22be;border-left:none;border-bottom-left-radius:15px;border-right:4px solid #1e22be;border-bottom-right-radius:25px;border-image-slice:1;border-image-source:linear-gradient(to left,var(--dijon),var(--dusty-rose),var(--powder-blue));padding:3px 50px 10px;clip-path:inset(0 round .5em)}.cta-button-dark i,.cta-button-light i{margin-left:5px}.dual-cta{margin:20px 0}.dual-cta a:hover{text-decoration:none;transition:.3s ease-in-out}@media only screen and (max-width:1440px){.dual-cta-hero-title h2{font-size:var(--biggest-heading-sm)}.dual-cta-hero-info-title h3{font-size:var(--subheading-med)}}@media only screen and (max-width:992px){.dual-cta-hero-title h2{font-size:var(--biggest-heading-xs)}.dual-cta-hero-title-container{padding:2em 1em}.dual-cta-hero-left{padding:3rem 0 0}}@media only screen and (max-width:768px){.dual-cta-hero{flex-direction:column}.dual-cta-hero-left,.dual-cta-hero-right{width:100%}.dual-cta-hero-left{padding:0;background-image:url(https://scion-trendsetter.com/wp-content/uploads/2023/08/trendsetter-mobile.png);background-size:contain;background-repeat:repeat-x;align-items:flex-start}.dual-cta-hero-title-container{width:50%;padding:2em 2.5em}.dual-cta-hero-right{padding-left:0}.dual-cta-hero-info{padding:1rem 2rem 1em;margin-right:0}.dual-cta-hero-info .dual-cta{align-self:flex-start;margin-left:0}.dual-cta-hero-img{margin:2em 0}.dual-cta-hero h1{font-size:18px}}@media only screen and (max-width:600px){.dual-cta-hero-img{width:100%;content:url(https://scion-trendsetter.com/wp-content/uploads/2023/08/trendsetter-mobile.png)}.dual-cta-hero-title-container{width:100%}.dual-cta-hero-info-title h3{font-size:var(--subheading-xs)}.dual-cta-hero-content p{font-size:16px}.dual-cta-hero-info{padding:0 1.5rem}.img-container img{height:auto}}@media only screen and (max-width:400px){.dual-cta-hero-info p{font-size:13px}}#sales-specials-banner{display:flex;justify-content:center;align-items:center;height:70vh;background-image:url(http://ion-batonrouge.com/wp-content/uploads/sites/2/2023/06/Generic_PhotoshootPhoto-Ion_0609_v1.jpg);background-position:50%;background-size:cover;color:#000}#sales-specials-banner-content{display:flex;flex-direction:column;background-color:rgba(40,43,52,.75);height:62vh;width:60vw;padding:3em;line-height:normal;align-items:center;justify-content:center;outline:2px var(--white)solid;outline-offset:-25px;text-align:center;color:var(--white)}#sales-specials-banner-content .cta-header a{color:var(--white);margin-bottom:0;margin-top:25px}.sales-specials-title{font-size:2em;text-transform:uppercase;font-family:tussilago,sans-serif}.sales-specials-incentive{font-size:4.5em;text-transform:uppercase;font-family:tussilago,sans-serif;font-weight:600;background:-webkit-linear-gradient(left,var(--dijon),var(--dusty-rose),var(--powder-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sales-specials-incentive-info{letter-spacing:0;font-weight:300;text-shadow:0 2px 4px rgba(0,0,0,.6);margin:0 2em;font-size:18px}#sales-specials-banner .cta a{margin:0}.sales-specials-deadline{font-size:1em;margin-top:10px;text-shadow:0 2px 4px rgba(0,0,0,.6);color:var(--white)}#sales-specials-banner .accordion{--bs-accordion-btn-focus-box-shadow:none !important;--bs-accordion-border-color:none !important}#sales-specials-banner .accordion-button::after{display:none}#sales-specials-banner .accordion,#sales-specials-banner .accordion-item,#sales-specials-banner .accordion-button,#sales-specials-banner .accordion-button:not(.collapsed){background:0 0!important;color:var(--white)!important}#sales-specials-banner .accordion-button[aria-expanded=true]{display:none}#sales-specials-banner .accordion-button{padding:0!important;justify-content:center!important}#sales-specials-banner .accordion-item p{font-size:15px}#sales-specials-banner .accordion-header a:hover{text-decoration:none;color:var(--white)}#sales-specials-banner .accordion-body p{color:var(--white)}#sales-specials-banner .accordion-body{padding:0!important}#sales-specials-banner #fine-print a{text-decoration:none;font-size:30px;justify-content:flex-end!important}#sales-specials-banner #fine-print a:hover{color:#d3d3d3!important}#sales-specials-banner #restrictions .accordion-header a{font-size:12px}#sales-specials-banner #restrictions{margin-top:10px}.h1-banner{display:flex;justify-content:center;background-color:#412f6d;width:100%;padding:10px 10px 10px 40px}.h1-banner h1{color:var(--white);margin-bottom:0}@media only screen and (max-width:1024px){.sales-specials-title{font-size:1.5em}.sales-specials-incentive{font-size:3.3em}#sales-specials-banner-content{padding:2.5em}#sales-specials-banner-content .cta-header a{margin-top:15px}.sales-specials-incentive-info{font-size:16px}}@media only screen and (max-width:992px){#sales-specials-banner-content{width:100%}}@media only screen and (max-width:768px){#branding{position:sticky!important}#sales-specials-banner-content{padding:2em;width:100%}}@media only screen and (max-width:600px){.sales-specials-title{font-size:1.5em}.sales-specials-incentive{font-size:3em}.sales-specials-incentive-info{font-size:12px}#sales-specials-banner hr{width:50%}}@media only screen and (max-width:400px){.sales-specials-incentive{font-size:2.5em}.sales-specials-title{font-size:1.2em}#sales-specials-banner-content{padding:1em}}#sales-header{display:flex;align-items:center;height:85vh;background-position:50%;background-size:cover;color:var(--white)}#sales-header-content{display:flex;flex-direction:column;justify-content:center;background-color:rgb(0,0,0,.55);backdrop-filter:blur(5px);height:fit-content;max-width:50vw;padding:2em 3em;line-height:normal;box-shadow:rgba(0,0,0,.24)0 3px 8px;border-radius:0 15px 15px 0}#sales-header hr{margin:5px}#sales-header-content .double-cta{display:flex;gap:20px}.double-cta a{text-shadow:none;transition:all .4s;text-align:center;box-shadow:rgba(0,0,0,.24)0 3px 8px;display:inline-block;font-size:16px;text-transform:uppercase;text-decoration:none;color:var(--white)!important;font-weight:400;line-height:.5em;border-top:none;border-bottom:4px solid #1e22be;border-left:none;border-bottom-left-radius:15px;border-right:4px solid #1e22be;border-bottom-right-radius:25px;border-image-slice:1;border-image-source:linear-gradient(to left,var(--dijon),var(--dusty-rose),var(--powder-blue));padding:3px 50px 10px;clip-path:inset(0 round .5em)}.double-cta a:hover{transform:scale(1.15)}.sales-header-incentive{font-family:tussilago,sans-serif;font-size:2.5em;color:var(--white);font-weight:700;padding-bottom:10px}.sales-header-incentive-info,.sales-header-incentive-info p{letter-spacing:0;font-weight:500;text-wrap:pretty;font-size:1.4em;max-inline-size:45ch}.starting-rate{font-size:1.4em;color:var(--white);display:inline;font-weight:500}.sales-header-deadline{padding-top:10px;letter-spacing:1px;color:var(--white);font-weight:700;font-family:tussilago,sans-serif}#sales-header .accordion{--bs-accordion-btn-focus-box-shadow:none !important;--bs-accordion-border-color:none !important}#sales-header .accordion-button::after{display:none}#sales-header .accordion,#sales-header .accordion-item,#sales-header .accordion-button,#sales-header .accordion-button:not(.collapsed){background:0 0!important;color:#fff!important}#sales-header .accordion-button[aria-expanded=true]{display:none}#sales-header .accordion-button{padding:0!important;justify-content:center!important}#sales-header .accordion-item p{font-size:15px}#sales-header .accordion-header a:hover{text-decoration:none;color:#fff}#sales-header .accordion-body p{color:#fff}#sales-header .accordion-body{padding:0!important}#sales-header #fine-print a{text-decoration:none;font-size:30px;justify-content:flex-end!important}#sales-header #fine-print p{max-inline-size:60ch}#sales-header #fine-print a:hover{color:#d3d3d3!important}#sales-header #restrictions .accordion-header a{font-size:12px}#sales-header #restrictions .accordion-header{margin-bottom:0}#sales-header #restrictions{margin-top:10px}.h1-tag h1{font-family:hero-new,sans-serif;color:var(--powder-blue)!important;margin-bottom:10px;font-size:1.2em;display:none!important}#sales-header .amenity-icons{display:flex;flex-flow:row wrap;gap:2em;padding:1em 0;justify-content:space-evenly}#sales-header .amenity-icons i{font-size:x-large;color:var(--powder-blue)}#sales-header .amenity-icon{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}#sales-header .amenity-icon p{font-size:medium;font-weight:500;max-inline-size:15ch}@media only screen and (max-width:1280px){#sales-header-content{max-width:70vw}}@media only screen and (max-width:1024px){#sales-header-content .double-cta a{padding:3px 30px 10px}}@media only screen and (max-width:992px){#sales-header-content{width:100%}#sales-header-content .double-cta a{flex:2 1 auto}#sales-header .amenity-icon{flex:2 1 auto}#sales-header .amenity-icons{flex-flow:row nowrap}}@media only screen and (max-width:768px){#branding{position:sticky!important}#sales-header{background-position:100%}#sales-header-content{padding:2em}#sales-header-content{height:100%;border-radius:0;width:100%;max-width:100vw;background-color:rgb(0,0,0,.65)}#sales-header .amenity-icon p{font-size:smaller}#sales-header-content .double-cta a{font-size:smaller;padding:3px 10px 10px}}@media only screen and (max-width:600px){#sales-header .amenity-icons{gap:.75em}#sales-header{height:auto}#sales-header-content .double-cta{gap:10px}}@media only screen and (max-width:400px){#sales-header .amenity-icons{justify-content:center}}#default-header{display:flex;align-items:center;position:relative;justify-content:center;background-position:50%!important;background-size:cover!important;height:80vh!important;.viewfinder { width: 90%; height: 90%; opacity: 0.5; position: absolute; background: linear-gradient(to right, white 2px, transparent 2px) 0 0, linear-gradient(to right, white 2px, transparent 2px) 0 100%, linear-gradient(to left, white 2px, transparent 2px) 100% 0, linear-gradient(to left, white 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, white 2px, transparent 2px) 0 0, linear-gradient(to bottom, white 2px, transparent 2px) 100% 0, linear-gradient(to top, white 2px, transparent 2px) 0 100%, linear-gradient(to top, white 2px, transparent 2px) 100% 100%; background-repeat: no-repeat; background-size: 60px 60px; } .inner-focus { width: 60%; height: 60%; opacity: 0.5; position: absolute; left: 20%; bottom: 20%; transition: transform 0.5s ease; background: linear-gradient(to right, white 2px, transparent 2px) 0 0, linear-gradient(to right, white 2px, transparent 2px) 0 100%, linear-gradient(to left, white 2px, transparent 2px) 100% 0, linear-gradient(to left, white 2px, transparent 2px) 100% 100%, linear-gradient(to bottom, white 2px, transparent 2px) 0 0, linear-gradient(to bottom, white 2px, transparent 2px) 100% 0, linear-gradient(to top, white 2px, transparent 2px) 0 100%, linear-gradient(to top, white 2px, transparent 2px) 100% 100%; background-repeat: no-repeat; background-size: 30px 30px; &:hover { transform: scale(0.99); } } .date-time { position: absolute; top: 28px; left: 36px; width: fit-content; display: flex; flex-direction: row; align-content: center; justify-content: center; align-items: center; color: var(--white); font-size: 20px; margin-left: 12px; font-family: 'Roboto', sans-serif; margin: 0; } .flash { font-size: 20px; margin-left: 24px; font-family: 'Roboto', sans-serif; width: fit-content; position: absolute; bottom: 20px; color: var(--white); } .resolution { font-size: 20px; margin-left: 24px; font-family: 'Roboto', sans-serif; width: fit-content; position: absolute; bottom: 20px; right: 36px; color: var(--white); span { background: white; color: black; padding: 3px 5px; } } .battery { position: absolute; top: 20px; right: 36px; } .focus { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background: linear-gradient(to right, white 1px, transparent 2px) 0 0, linear-gradient(to right, white 1px, transparent 2px) 0 100%, linear-gradient(to left, white 1px, transparent 2px) 100% 0, linear-gradient(to left, white, transparent 2px) 100% 100%, linear-gradient(to bottom, white 1px, transparent 2px) 0 0, linear-gradient(to bottom, white, transparent 2px) 100% 0, linear-gradient(to top, white 1px, transparent 2px) 0 100%, linear-gradient(to top, white 1px, transparent 2px) 100% 100%; background-repeat: no-repeat; background-size: 20px 20px; margin: auto; position: relative; top: 35%; } .focus p { margin: 0; text-align: center; font-size: 28px; color: var(--white); } #default-header-content { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; line-height: normal; max-inline-size: 90ch; color: var(--white); backdrop-filter: blur(1px); padding: 1rem; } .default-header-title { font-family: 'tussilago', sans-serif; font-size: 3.5rem; font-weight: bold; color: var(--white); text-wrap: pretty; padding-bottom: 10px; } .default-header-deadline { letter-spacing: 1px; font-weight: bold; font-size: 1.5rem; font-style: italic; padding: 10px 0; color: var(--powder-blue); } .default-header-info { font-size: 1.5rem; } #default-header-content .double-cta { display: flex; gap: 20px; } @media only screen and (max-width: 1024px) { #default-header-content .double-cta a { padding: 3px 30px 10px; } } @media only screen and (max-width: 992px) { #default-header-content .double-cta a { flex: 2 1 auto; } } @media only screen and (max-width: 768px) { #default-header-content .double-cta a { padding: 3px 10px 10px; font-size: smaller; } #default-header-content { text-wrap-style: pretty; } } @media only screen and (max-width: 600px) { .default-header-info, .default-header-deadline { font-size: 1.25rem; } .default-header-title { font-size: 2.5rem; } #default-header { height: auto; } #default-header-content .double-cta { gap: 10px; } }}.header-carousel-main{height:80vh;display:flex;align-items:center;overflow-x:hidden;position:relative;justify-content:center;background-position:50% 40%;background-size:cover;.header-title { color: var(--SS-white); }}.header-content-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;z-index:2;text-align:center;max-width:1e3px;width:90%;display:flex;flex-direction:column;align-items:center}.header-content-overlay h2{font-size:9rem;font-weight:800;text-transform:uppercase;line-height:1;display:flex;flex-direction:column;align-items:flex-start;margin:0 auto;width:auto;text-shadow:1.5px 3px 3px rgba(107,107,107,.659);letter-spacing:.02em}.text-line{margin:.2rem 0}.like-home-line{display:flex;justify-content:center;gap:3rem;line-height:.7}.header-vertical{display:flex;flex-direction:column;align-items:flex-start;font-size:7rem;font-weight:800;text-transform:uppercase;line-height:1;margin:0 auto;text-align:left}.header-block-wrapper{display:flex;justify-content:center;text-align:left}.header-aligned-text{display:flex;flex-direction:column;align-items:flex-start;font-size:7rem;font-weight:800;text-transform:uppercase;line-height:1;position:relative}.line-wrapper{position:relative;display:block;margin:.2rem 0}.block-bg-left::before{content:"";position:absolute;left:-775px;top:26px;height:70%;width:1080px;background-color:#000;z-index:-1;border-top-right-radius:0;border-bottom-right-radius:0}.block-bg-right::after{content:"";position:absolute;right:-648px;top:27px;height:70%;width:1280px;background-color:#000;z-index:-1}.like-home-row{display:flex;gap:4.2rem}.header-buttons{position:absolute;bottom:0;display:flex;gap:1.5rem;z-index:2}.header-buttons a{padding:10px 50px}@media screen and (max-width:1440px){.like-home-row{gap:3.3rem}.header-buttons .btn{padding:.8rem 1.5rem;font-size:1.2rem}.header-content-overlay h2{font-size:7rem;line-height:1}.block-bg-left::before{left:-560px;top:16.5px;height:77%;width:800px}.block-bg-right::after{right:-475px;top:16.5px;height:77%;width:970px}}@media screen and (max-width:1000px){.like-home-row{gap:3.3rem}.header-buttons .btn{padding:.8rem 1.5rem;font-size:1.2rem}.header-content-overlay h2{font-size:6rem;line-height:1}.block-bg-left::before{left:-595px;top:16.5px;height:77%;width:800px}.block-bg-right::after{right:-545px;top:16.5px;height:77%;width:970px}}@media screen and (max-width:860px){.like-home-row{gap:3.3rem}.header-buttons .btn{padding:.8rem 1.5rem;font-size:1.2rem}.header-content-overlay h2{font-size:5rem;line-height:1}.block-bg-left::before{left:-630px;top:14px;height:75%;width:800px}.block-bg-right::after{right:-615px;top:14px;height:75%;width:970px}}@media only screen and (min-width:541px) and (max-width:713px){.header-buttons{bottom:2.4rem;justify-content:center;gap:1rem}.header-buttons .btn{padding:.7rem 1.5rem;font-size:1rem}.like-home-row{gap:1.4rem}.header-carousel-main{height:60vh}.header-content-overlay h2{font-size:3.3rem;line-height:1}.block-bg-left::before{top:6.6px;height:45px;left:-180px;width:295px}.block-bg-right::after{top:7.2px;height:40px;right:-145px;width:380px}}@media screen and (width:1024px) and (height:600px){.header-buttons{bottom:2.5rem;gap:1rem}.header-buttons .btn{padding:.8rem 1.3rem;font-size:1rem}.like-home-row{gap:1.4rem}.header-content-overlay h2{font-size:5rem}.block-bg-left::before{left:-640px;top:12.3px;height:70%;width:750px}.block-bg-right::after{right:-640px;top:12.3px;height:70%;width:880px}}@media screen and (max-width:540px){.header-buttons{bottom:2.4rem;justify-content:center;gap:1rem}.header-buttons .btn{padding:.7rem 1.3rem;font-size:.9rem}.like-home-row{gap:1.4rem}.header-carousel-main{height:60vh}.header-content-overlay h2{font-size:2rem;line-height:1}.block-bg-left::before{top:4px;height:25px;left:-130px;width:200px}.block-bg-right::after{top:7.2px;height:22px;right:-132px;width:275px}}