/* Minification failed. Returning unminified contents.
(2,10): run-time error CSS1031: Expected selector, found '@darkgray'
(2,10): run-time error CSS1025: Expected comma or open brace, found '@darkgray'
 */

variable @darkgray is undefined on line 3:
  [2]: .paragraphDesignLayout1 {
  [3]:   color: @darkgray;
       ---------^
  [4]:  (0)

[1]: // Alternative Paragraph
[2]: .paragraphDesignLayout1 {
[3]:   color: @darkgray;
[4]: 
[5]:   h2 {
[6]:     color: @darkgray;
[7]:     margin-bottom: 0.2em;
[8]:   }
[9]:   
[10]:   h2.dw-mod a {
[11]:   	padding: 0;
[12]:   }
[13]:   
[14]:   .wrapper {
[15]:     background: rgba(255,255,255,0.9);
[16]:     width: 65%;
[17]:     max-width: 500px;
[18]:     padding: 40px;
[19]:     z-index: 1;
[20]:   }
[21]: 
[22]:   .wrapper.wrapper--paragraph-container {
[23]:     margin-top: 200px;
[24]:   }
[25]: 
[26]:   .wrapper.wrapper--paragraph {
[27]:     margin: 200px 0;
[28]:     
[29]:     @media(min-width: @reflex-md) {
[30]:     	min-width: 800px;
[31]:     }
[32]:   }
[33]:   
[34]:   .btn--primary {
[35]:     margin: 0;
[36]:   }
[37]:   
[38]:   .background-image__cover.dw-mod {
[39]:     max-height: none;
[40]:   }
[41]:   
[42]:   .background-image__wrapper {
[43]:     a {
[44]:       position: absolute;
[45]:       left: 0;
[46]:       width: 100%;
[47]:       height: 100%;
[48]:       padding: 0;
[49]:     }
[50]:   }
[51]: 
[52]:   @media (min-width: @reflex-xs) and (max-width: @reflex-md-max) {
[53]:     .wrapper {
[54]:       width: 100%;
[55]:       max-width: none;
[56]:     }
[57]: 
[58]:     .wrapper.wrapper--paragraph-container {
[59]:       margin-top: 0;
[60]:     }
[61]: 
[62]:     .wrapper.wrapper--paragraph {
[63]:       margin: 10px auto;
[64]:     }
[65]:   }
[66]: 
[67]:   @media (min-width: @reflex-md) and (max-width: @reflex-md-max) {
[68]:     .wrapper {
[69]:       width: ~"calc(100% - 30px)";
[70]:       height: ~"calc(100% - 60px)";
[71]:       margin: 30px auto;
[72]:     }
[73]: 
[74]:     .wrapper.wrapper--paragraph {
[75]:       width: 65%;
[76]:       max-width: 500px;
[77]:       margin: 200px 0 0 0;
[78]:     }
[79]:   }
[80]: 
[81]:   @media (max-width: @reflex-xs-max) {
[82]:     .wrapper {
[83]:       width: ~"calc(100% - 10px)";
[84]:       height: ~"calc(100% - 20px)";
[85]:       margin: 10px auto;
[86]:     }
[87]:     .wrapper.wrapper--paragraph {
[88]:       margin: 10px auto;
[89]:     }
[90]:   }
[91]: }
[92]: 
[93]: .paragraphDesignLayout2 {
[94]:   h2 {
[95]:     width: 100%;
[96]:     padding: 20px 0;
[97]:     line-height: 1;
[98]:     text-transform: uppercase;
[99]:     font-size: 0.8em !important;
[100]:     letter-spacing: 3px;
[101]:     color: @white;
[102]:     position: absolute;
[103]:     left: 50%;
[104]:     transform: translateX(-50%);
[105]:     opacity: 1;
[106]:     transition: opacity @transition-duration-design2 ease-in 0.2s;
[107]:   }
[108]:   
[109]:   .btn--primary {
[110]:     opacity: 0;
[111]:   }
[112]:   
[113]:   .blueHoverWrapper {
[114]:     background: rgba(7, 38, 63, 0.7);
[115]:     border: @white 2px solid;
[116]:     position: absolute;
[117]:     left: 50%;
[118]:     top: 50%;
[119]:     transform: translate(-50%, -50%);
[120]:     width: ~"calc(100% - 30px)";
[121]:     height: ~"calc(100% - 30px)";
[122]:     max-height: 60px;
[123]:     max-width: 250px;
[124]:     transition: @transition-duration-design2 all ease-out;
[125]: 
[126]:     @media (max-width: @reflex-md-max) {
[127]:       width: 80%;
[128]:     }
[129]:   }
[130]:   
[131]:   .grid__cell {
[132]:     display: block;
[133]:   }
[134]:   
[135]:   p,
[136]:   .paragraph-container__button {
[137]:     opacity: 0;
[138]:   }
[139]: 
[140]:   @media(max-width: @reflex-sm-max) {
[141]:     .paragraph-container__button {
[142]:       display: none;
[143]:       opacity: 0;
[144]:     }
[145]:   }
[146]: 
[147]:   .background-image__cover.dw-mod {
[148]:     max-height: none;
[149]:   }
[150]: 
[151]:   .background-image__wrapper {
[152]:     a {
[153]:       position: absolute;
[154]:       left: 0;
[155]:       width: 100%;
[156]:       height: 100%;
[157]:       padding: 0;
[158]:     }
[159]:   }
[160]:   
[161]:   &:hover {
[162]:     .blueHoverWrapper--hover;
[163]:   }
[164]:   
[165]:   .lifestyle--section--header a {
[166]:     color: white;
[167]:   }
[168]: 
[169]:   @media (min-width: @reflex-md) and (max-width: @reflex-md-max) {
[170]:     .grid__cell {
[171]:       margin: 0;
[172]:     }
[173]:   }
[174]: }
[175]: 
[176]: .elastic-left-middle {
[177]:     .paragraph-container__text--imageLeft {
[178]:         margin-top: 4em;
[179]:     }
[180]: }
[181]: 
[182]: .floorplan-image {
[183]:     .u-margin-bottom--lg {
[184]:         padding: 0 20px;
[185]: 
[186]:         @media(min-width: @reflex-sm) {
[187]:             padding: 0;
[188]:         }
[189]:     }
[190]: }
[191]: 
[192]: .ecom-cards {
[193]:     .paragraph-card__content {
[194]:         ul {
[195]:             li {
[196]:                 padding-left: 0 !important;
[197]:             }
[198]:         }
[199]:     }
[200]: }
[201]: 
[202]: //Image Grid Redesign for All-Electric 2023
[203]: .image-grid-2023 {
[204]:     padding: 0;
[205]: 
[206]:     .paragraph-container--height-auto > .paragraph-container {
[207]:         min-height: 394px;
[208]: 
[209]:         &.last-image__full-width-tablet {
[210]:             @media(min-width: @reflex-sm) and (max-width: @reflex-sm-max) {
[211]:                 width: 100%;
[212]:             }
[213]:         }
[214]:     }
[215]: 
[216]:     .paragraphDesignLayout1 {
[217]:         h2 {
[218]:             color: #2a2a2a;
[219]:             font-size: 28px;
[220]:             overflow-wrap: unset;
[221]:             font-size: 1.1em;
[222]: 
[223]:             @media (min-width: 440px) {
[224]:                 font-size: 1.5em;
[225]:             }
[226]:         }
[227]: 
[228]:         p {
[229]:             font-size: 16px;
[230]:         }
[231]: 
[232]:         .wrapper {
[233]:             background: rgba(255, 255, 255, 0.8);
[234]:             width: 65%;
[235]:             max-width: 500px;
[236]:             z-index: 1;
[237]: 
[238]:             .btn {
[239]:                 margin-top: 20px;
[240]:             }
[241]:         }
[242]:     }
[243]: 
[244]:     .paragraphDesignLayout2 {
[245]: 
[246]:         .blueHoverWrapper {
[247]:             border: 0px solid transparent;
[248]:             background: transparent;
[249]:             transition: none;
[250]:             max-width: 305px;
[251]:         }
[252]: 
[253]:         h2 {
[254]:             letter-spacing: 1px;
[255]:             background: rgba(42, 42, 42, 0.8);
[256]:             border-radius: 42px;
[257]:             padding: 18px 30px;
[258]:             border: 2px solid white;
[259]:         }
[260]: 
[261]:         h3, h4, h5, h6 {
[262]:             opacity: 0;
[263]:             margin: 0;
[264]:             letter-spacing: 1px;
[265]:         }
[266]: 
[267]:         p {
[268]:             font-size: 16px;
[269]:             letter-spacing: 1px;
[270]:             padding: 20px 10%;
[271]:         }
[272]: 
[273]:         &:hover {
[274]:             .blueHoverWrapper {
[275]:                 border: 0px solid transparent;
[276]:                 border-radius: 0;
[277]:                 background: rgba(42, 42, 42, 0.8);
[278]:                 max-width: initial;
[279]:                 max-height: initial;
[280]:                 width: 100%;
[281]:                 height: 100%;
[282]:                 transition: @transition-duration-half-second background ease-in-out;
[283]:             }
[284]: 
[285]:             h3, h4, h5, h6 {
[286]:                 opacity: 1;
[287]:                 transition: @transition-duration-design2 opacity ease-in-out;
[288]:             }
[289]:         }
[290]:     }
[291]: }
[292]: 
[293]: 
[294]: @media (min-width: @reflex-md) and (max-width: @reflex-md-max) {
[295]:     //Service text and Outdoor Adventure buttons have visual inconsistencies from 992px - 1199px
[296]:     //the base styles render correctly, and once the viewport expands, the base styles are correct.
[297]:     //correct shopping tools buttons for older iPads.
[298]:     #ParagraphText_Service {
[299]:         line-height: 1.15em; //correct text overflowing the container approx viewport 1024px
[300]:     }
[301]: 
[302]:     #ParagraphText_OutdoorAdventures {
[303]:         h2 {
[304]:             padding: 14px 4px 20px 4px; //correct "Outdoor Adventures heading button alignment text was not centered in button"
[305]:         }
[306]:     }
[307]: }
[308]: 
[309]: 
[310]: 
[311]: 
[312]: .blueHoverWrapper--hover {
[313]:   .blueHoverWrapper {
[314]:     background: rgba(7, 38, 63, 0.85);
[315]:     left: 50%;
[316]:     top: 50%;
[317]:     transform: translate(-50%, -50%);
[318]:     width: ~"calc(100% - 30px)";
[319]:     height: ~"calc(100% - 30px)";
[320]:     transition: @transition-duration-design2 all;
[321]:     max-width: 100%;
[322]:     max-height: 100%;
[323]:     padding: 30px;
[324]: 
[325]:     @media(max-width: @reflex-sm-max) {
[326]:       animation: isVisible .3s;
[327]: 
[328]:       &.did-fade-in {
[329]:         .paragraph-container__button {
[330]:           display: block;
[331]:           opacity: 1;
[332]:           transition: opacity ease-out .3s;
[333]:         }
[334]:       }
[335]:     }
[336]: 
[337]:     @media (min-width: @reflex-md) and (max-width: @reflex-md-max) {
[338]:       padding: 10px;
[339]:     }
[340]:   }
[341]: 
[342]:   .btn--primary {
[343]:     opacity: 1;
[344]:   }
[345]: 
[346]:   .wrapper {
[347]:     position: absolute;
[348]:     width: ~"calc(100% - 30px)";
[349]:     left: 50%;
[350]:     top: 50%;
[351]:     transform: translate(-50%, -50%);
[352]:   }
[353]: 
[354]:   .grid__cell {
[355]:     margin-bottom: 20px;
[356]:     transition: @transition-duration-design2 all;
[357]:   }
[358]: 
[359]:   .grid__cell:last-of-type {
[360]:     margin-bottom: 0;
[361]: 
[362]:     .btn {
[363]:       margin-bottom: 0;
[364]:     }
[365]:   }
[366]: 
[367]:   h2 {
[368]:     opacity: 0;
[369]:     transition: opacity 0s;
[370]:   }
[371]:   p,
[372]:   .paragraph-container__button {
[373]:     opacity: 1;
[374]:     transition: @transition-duration-design2 opacity ease-out 0.3s;
[375]:   }
[376]: 
[377]:   @media (min-width: @reflex-sm) and (max-width: @reflex-sm-max) {
[378]:     .grid__cell {
[379]:       margin-bottom: 0;
[380]:     }
[381]: 
[382]:     .paragraph-container__button {
[383]:       margin-top: 0;
[384]:     }
[385]: 
[386]:     .btn {
[387]:       padding: 16px 0;
[388]:     }
[389]:   }
[390]: }
[391]: 
[392]: //center buttons on Why Winnebago page
[393]: .why-winnebago__features-section {
[394]:     .paragraphDesignLayout3 {
[395]:         .grid__cell .paragraph-container__button {
[396]:             margin-right: 1em;
[397]:         }
[398]:     }
[399]: }
[400]: 
[401]:     .paragraphDesignLayout3 {
[402]:         .grid__cell .paragraph-container__button {
[403]:             margin-left: 1em;
[404]:         }
[405]: 
[406]:         a {
[407]:             /* padding: 0; */
[408]:             text-decoration: none;
[409]:             margin-bottom: 10px;
[410]:         }
[411]: 
[412]:         margin-bottom: 20px;
[413]: 
[414]:         .background-image__cover.dw-mod {
[415]:             max-height: none;
[416]:         }
[417]: 
[418]:         .wrapper {
[419]:             color: @darkgray;
[420]:             width: 45%;
[421]:             background: @white;
[422]:             z-index: 1;
[423]:             margin: 150px 50px 50px 50px;
[424]:             border: 2px solid black;
[425]:             position: relative;
[426]:             padding-bottom: 1em;
[427]:             height: fit-content;
[428]:         }
[429]: 
[430]: 
[431]:         .wrapper.left {
[432]:             &:before {
[433]:                 content: '';
[434]:                 height: 100%;
[435]:                 width: 10px;
[436]:                 position: absolute;
[437]:                 background: @red;
[438]:                 z-index: 1;
[439]:                 top: 0;
[440]:                 left: 0;
[441]:             }
[442]:         }
[443]: 
[444]:         .wrapper.right {
[445]:             &:after {
[446]:                 content: '';
[447]:                 height: 100%;
[448]:                 width: 10px;
[449]:                 position: absolute;
[450]:                 background: @red;
[451]:                 z-index: 1;
[452]:                 top: 0;
[453]:                 right: 0;
[454]:             }
[455]:         }
[456]: 
[457]:         h2 {
[458]:             border-bottom: 1px solid black;
[459]:             padding: 20px;
[460]:             letter-spacing: 7px;
[461]:             font-size: 1.2em;
[462]:             text-transform: uppercase;
[463]:             color: @red;
[464]: 
[465]:             a {
[466]:                 color: @red;
[467]:                 padding: 0;
[468]:                 font-size: 1em;
[469]: 
[470]:                 &:focus {
[471]:                     outline: none;
[472]:                     text-decoration: underline;
[473]:                 }
[474]:             }
[475]:         }
[476]: 
[477]:         p {
[478]:             padding: 0 20px 20px 20px;
[479]:         }
[480]: 
[481]:         .helpful-links {
[482]:             position: absolute;
[483]:             top: 2.5em;
[484]:             height: auto;
[485]:             min-width: 20vw;
[486]: 
[487]:             &.right-side {
[488]:                 right: 1em;
[489]:             }
[490]: 
[491]:             &.left-side {
[492]:                 left: 1em;
[493]:             }
[494]:         }
[495]:     }
[496]: 
[497]:     .paragraphDesignLayout4 h3 {
[498]:         font-size: 1.8em;
[499]:     }
[500]: 
[501]:     .paragraphDesignLayout4.designed-for-adventure-bg {
[502]:         position: absolute;
[503]:         padding-left: 0;
[504]:         padding-right: 0;
[505]:         overflow: hidden;
[506]:         background-color: #f1f1f1;
[507]: 
[508]:         @media(max-width: @reflex-xs) {
[509]:             img {
[510]:                 display: none;
[511]:             }
[512]:         }
[513]: 
[514]:         @media(min-width: 1236px) {
[515]:             top: -70%;
[516]:         }
[517]: 
[518]:         @media(min-width: 1000px) and (max-width: 1236px) {
[519]:             top: -63%;
[520]:         }
[521]: 
[522]:         @media(min-width: 809px) and (max-width: 1000px) {
[523]:             top: -57%;
[524]:         }
[525]: 
[526]:         @media(min-width: 769px) and (max-width: 809px) {
[527]:             top: -47%;
[528]:         }
[529]: 
[530]:         @media(min-width: 652px) and (max-width: 768px) {
[531]:             top: -62%;
[532]:             height: 1000px;
[533]:         }
[534]: 
[535]:         @media(min-width: 523px) and (max-width: 652px) {
[536]:             top: -57%;
[537]:             height: 1000px;
[538]:         }
[539]: 
[540]:         @media(min-width: 468px) and (max-width: 523px) {
[541]:             top: -52%;
[542]:             height: 1000px;
[543]:         }
[544]: 
[545]:         @media(min-width: 436px) and (max-width: 468px) {
[546]:             top: -60%;
[547]:             height: 1000px;
[548]:         }
[549]: 
[550]:         @media(min-width: 424px) and (max-width: 436px) {
[551]:             top: -56%;
[552]:             height: 1000px;
[553]:         }
[554]: 
[555]:         @media(min-width: 384px) and (max-width: 424px) {
[556]:             top: -54%;
[557]:             height: 1000px;
[558]:         }
[559]: 
[560]:         @media(min-width: 352px) and (max-width: 384px) {
[561]:             top: -50%;
[562]:             height: 1000px;
[563]:         }
[564]: 
[565]:         @media(max-width: 350px) {
[566]:             top: -44%;
[567]:             height: 1000px;
[568]:         }
[569]: 
[570]:         @media(min-width: 768px) {
[571]:             height: 1250px;
[572]: 
[573]:             img {
[574]:                 height: 1200px;
[575]:             }
[576]:         }
[577]: 
[578]:         @media(min-width: 809px) and (max-width: 1630px) {
[579]:             img {
[580]:                 margin-top: 1.5%;
[581]:             }
[582]:         }
[583]: 
[584]:         @media(min-width: 1630px) and (max-width: 1665px) {
[585]:             img {
[586]:                 margin-top: 1.75%;
[587]:             }
[588]:         }
[589]: 
[590]:         @media(min-width: 1665px) and (max-width: 1680px) {
[591]:             img {
[592]:                 margin-top: 2%;
[593]:             }
[594]:         }
[595]: 
[596]:         @media(min-width: 1680px) and (max-width: 1700px) {
[597]:             img {
[598]:                 margin-top: 2.35%;
[599]:             }
[600]:         }
[601]: 
[602]:         @media(min-width: 1700px) and (max-width: 1725px) {
[603]:             img {
[604]:                 margin-top: 2.75%;
[605]:             }
[606]:         }
[607]: 
[608]:         @media(min-width: 1725px) and (max-width: 1755px) {
[609]:             img {
[610]:                 margin-top: 2.75%;
[611]:             }
[612]:         }
[613]: 
[614]:         @media(min-width: 1755px) and (max-width: 1800px) {
[615]:             img {
[616]:                 margin-top: 3.25%;
[617]:             }
[618]:         }
[619]: 
[620]:         @media(min-width: 1800px) and (max-width: 1825px) {
[621]:             img {
[622]:                 margin-top: 3.75%;
[623]:             }
[624]:         }
[625]: 
[626]:         @media(min-width: 1825px) and (max-width: 1880px) {
[627]:             img {
[628]:                 margin-top: 4%;
[629]:             }
[630]:         }
[631]: 
[632]:         @media(min-width: 1825px) and (max-width: 1915px) {
[633]:             img {
[634]:                 margin-top: 4.35%;
[635]:             }
[636]:         }
[637]: 
[638]:         @media(min-width: 1915px) {
[639]:             img {
[640]:                 margin-top: 4.75%;
[641]:             }
[642]:         }
[643]:     }
[644]: 
[645]:     .paragraphDesignLayout5 {
[646]:         .custom--logo--background--image {
[647]:             width: 100vw;
[648]:             top: 50%;
[649]:             left: 50%;
[650]:             transform: translateX(-50%);
[651]:             min-height: 500px;
[652]:             background: url('/Files/Images/Winnebago/Design Assets/logo_gray.svg');
[653]:             -webkit-background-size: cover;
[654]:             background-size: cover;
[655]:             background-repeat: no-repeat;
[656]: 
[657]:             @media(max-width: @reflex-sm) {
[658]:                 display: none;
[659]:             }
[660]:         }
[661]:     }
[662]: 
[663]:     .paragraphDesignLayout6 .wrapper {
[664]:         width: 600px;
[665]: 
[666]:         @media (max-width: @reflex-xs-max) {
[667]:             width: auto !important;
[668]:         }
[669]:     }
[670]: 
[671]:     .paragraphDesignLayout7 {
[672]:         .grid__cell .paragraph-container__button {
[673]:             display: flex;
[674]:             justify-content: center;
[675]:             align-items: center;
[676]:             flex-wrap: wrap;
[677]: 
[678]:             a {
[679]:                 background: white;
[680]:                 color: black;
[681]: 
[682]:                 &:hover {
[683]:                     background: #75c9e1;
[684]:                     color: black !important;
[685]:                 }
[686]:             }
[687]:         }
[688]: 
[689]:         a {
[690]:             text-decoration: none;
[691]:         }
[692]: 
[693]:         margin-bottom: 20px;
[694]: 
[695]:         .background-image__cover.dw-mod {
[696]:             max-height: none;
[697]:         }
[698]: 
[699]:         .wrapper {
[700]:             width: 40%;
[701]:             background: repeating-linear-gradient( -55deg, #1d1b1c, #222 8px, #333 0px, #333 9px);
[702]:             z-index: 1;
[703]:             margin: 150px 50px 50px 50px;
[704]:             position: relative;
[705]:             padding-bottom: 1em;
[706]:             height: fit-content;
[707]:         }
[708]: 
[709]:         h2 {
[710]:             padding: 20px;
[711]:             letter-spacing: 7px;
[712]:             font-size: 2em;
[713]:             text-transform: uppercase;
[714]:             text-align: center;
[715]:             margin-bottom: 0;
[716]: 
[717]:             a {
[718]:                 color: @red;
[719]:                 padding: 0;
[720]:                 font-size: 1em;
[721]: 
[722]:                 &:focus {
[723]:                     outline: none;
[724]:                     text-decoration: underline;
[725]:                 }
[726]:             }
[727]:         }
[728]: 
[729]:         p {
[730]:             color: white;
[731]:             padding: .5em 2em;
[732]:             margin-bottom: 0;
[733]:             font-size: .75em;
[734]: 
[735]:             a {
[736]:                 text-decoration: underline;
[737]:                 color: #75c9e1;
[738]:             }
[739]:         }
[740]:     }
[741]:     // Alternative Paragraph Container
[742]: .paragraphContainerDesignLayout1 {
[743]: 
[744]:     .background-image__cover.dw-mod {
[745]:         max-height: none;
[746]:     }
[747]: 
[748]:     .masthead {
[749]:         line-height: 1;
[750]:         font-size: 2em;
[751]:         letter-spacing: 20px;
[752]:         /* We need to enforce those two rules on IE */
[753]:         &.is--ie {
[754]:             font-family: "UnitedSans-Black", Arial, Helvetica, sans-serif !important;
[755]:             text-transform: uppercase;
[756]:         }
[757]:     }
[758]: 
[759]:     .masthead.big {
[760]:         font-size: 5em;
[761]:         letter-spacing: 30px;
[762]:         margin: 0;
[763]:         /* We need to enforce those two rules on IE */
[764]:         &.is--ie {
[765]:             font-family: "UnitedSans-Black", Arial, Helvetica, sans-serif !important;
[766]:             text-transform: uppercase;
[767]:         }
[768]:     }
[769]: 
[770]:     .grid__cell:first-of-type {
[771]:         top: 50%;
[772]:         transform: translateY(-50%);
[773]:     }
[774]: 
[775]:     @media (min-width: @reflex-sm) and (max-width: @reflex-md-max) {
[776]:         .masthead {
[777]:             letter-spacing: 10px;
[778]:         }
[779]: 
[780]:         .masthead.big {
[781]:             letter-spacing: 20px;
[782]:             font-size: 4em;
[783]:         }
[784]:     }
[785]: 
[786]:     @media (max-width: @reflex-xs-max) {
[787]:         .masthead {
[788]:             font-size: 1em;
[789]:             letter-spacing: 3px;
[790]:         }
[791]: 
[792]:         .masthead.big {
[793]:             font-size: 1.5em;
[794]:             letter-spacing: 5px;
[795]:         }
[796]:     }
[797]: 
[798]:     //CLS
[799]:     min-height: 230px;
[800]:     @media (min-width: @reflex-sm) {
[801]:         & {
[802]:             min-height: 320px;
[803]:         }
[804]:     }
[805]: }
[806]: 
[807]: .paragraphContainerDesignLayout4 {
[808]:     .background-image__cover {
[809]:         object-position: 0 10%;
[810]:     }
[811]: }
[812]: 
[813]: .paragraphContainerDesignLayout5 > div:not(.background-image) {
[814]:     opacity: 0;
[815]:     transition: all .5s;
[816]: }
[817]: // homepage carousel
[818]: .pageDesignLayout2 {
[819]:     .carousel {
[820]:         max-height: 1080px;
[821]:         max-width: 1920px;
[822]:         margin: 0 auto;
[823]:     }
[824]: }
[825]: 
[826]: // homepage masthead
[827]: .paragraphContainerDesignLayout1.homepage__single-image-video-banner {
[828]:     .grid__cell:first-of-type {
[829]:         padding: 0 1em;
[830]: 
[831]:         @media(min-width: @reflex-md) {
[832]:             padding: 0 6em;
[833]:         }
[834]:     }
[835]: 
[836]:     h1 {
[837]:         font-size: 1.5em;
[838]:         text-shadow: 0 2px 4px #242424;
[839]:         margin: 0;
[840]:         line-height: 1.15;
[841]: 
[842]:         @media(min-width: @reflex-sm) {
[843]:             font-size: 2em;
[844]:         }
[845]: 
[846]:         @media(min-width: @reflex-md) {
[847]:             font-size: 2.8em;
[848]:         }
[849]:     }
[850]: 
[851]:     p.masthead {
[852]:         font-family: @bertholdGrotesk-Regular;
[853]:         text-shadow: 0 2px 4px #242424;
[854]:         letter-spacing: normal;
[855]:         font-weight: bold;
[856]:         margin: 0;
[857]:         line-height: 1.4;
[858]:         text-transform: none;
[859]:         letter-spacing: 1.15px;
[860]:         font-size: 20px;
[861]:         max-width: 550px;
[862]:     }
[863]:     //Paragraph height property set to xl (preserves DW full screen option for future if video is added by content)
[864]:     .paragraph-container--height-xl {
[865]: 
[866]:         .background-image__cover {
[867]:             height: 40vh;
[868]: 
[869]:             @media (min-width: @reflex-sm) {
[870]:                 height: 60vh;
[871]:             }
[872]:         }
[873]:     }
[874]: }
[875]: /*
[876]: section.multiple-paragraphs-container.paragraph-container--full-width.8020-paragraphs.multiple-paragraphs-container--spacing-md.dw-mod {
[877]:     padding-left: 0;
[878]:     padding-right: 0;
[879]: 
[880]:     @media (min-width: @reflex-sm) {
[881]:         padding-left: 0.5em;
[882]:         padding-right: 0.5em;
[883]:     }
[884]: 
[885]:     .grid__cell {
[886]:         display: flex;
[887]:         flex-direction: column;
[888]:         width: 100%;
[889]:         align-items: center;
[890]:         justify-content: center;
[891]: 
[892]:         @media (min-width: @reflex-sm) {
[893]:             flex-direction: row;            
[894]:         }
[895]: 
[896]:         .u-margin-bottom--lg {
[897]:             position: absolute;
[898]:             width: 100%;
[899]:             height: 100%;
[900]:             top: 0;
[901]:             overflow: hidden;
[902]:             
[903]:             @media (min-width: @reflex-sm) {
[904]:                 position: relative;
[905]:                 max-width: 841px;
[906]:             }
[907]: 
[908]:             img {
[909]:                 border-radius: 10px;
[910]:                 height: 188px;
[911]: 
[912]:                 @media (min-width: @reflex-sm) {
[913]:                     height: 471px;
[914]:                 }
[915]:             }
[916]:         }           
[917]:         .paragraph-container__body--padding-default dw-mod {
[918]:             margin-top: 188px;
[919]: 
[920]:             @media (min-width: @reflex-sm) {
[921]:                 margin-top: 0;
[922]:             }
[923]: 
[924]:             div {
[925]:                 padding: 1.1em;
[926]:                 width: 426px;
[927]:             }
[928]:         }
[929]:     }
[930]: }
[931]: 
[932]: section.multiple-paragraphs-container.paragraph-container--full-width.all-electric-8020.multiple-paragraphs-container--spacing-md.dw-mod {
[933]:     display: flex;
[934]:     justify-content: center;
[935]:     background: url(/Files/Images/Winnebago/Footer_Background.svg);
[936]:     background-size: cover;
[937]:     background-repeat: no-repeat;
[938]: 
[939]:     .paragraph-container--height-lg {
[940]:         display: flex;
[941]:         justify-content: center;
[942]:         max-width: 1280px;
[943]: 
[944]:         @media (min-width: @reflex-sm) {
[945]:             justify-content: inherit;
[946]:         }
[947]: 
[948]:         .paragraph-container {
[949]:             min-height: 188px;
[950]: 
[951]:             @media (min-width: @reflex-sm) {
[952]:                 min-height: 471px;
[953]:             }
[954]: 
[955]:             @media (max-width: @reflex-sm) {
[956]:                 width: 90%;
[957]:             }
[958]:         }
[959]: 
[960]:         .u-margin-bottom--64px {
[961]:             max-width: 841px;
[962]:             margin-bottom: 0px;
[963]: 
[964]:             @media (min-width: @reflex-sm) {
[965]:                 margin-bottom: 64px;
[966]:             }
[967]: 
[968]:             .background-image__wrapper {
[969]:                 border-radius: 10px;
[970]:             }
[971]: 
[972]:             h3 {
[973]:                 font-family: @unitedSans-Black;
[974]:                 font-size: 20px;
[975]: 
[976]:                 @media (min-width: @reflex-sm) {
[977]:                     font-size: 24px;
[978]:                 }
[979]:             }
[980]: 
[981]:             p {
[982]:                 font-family: @bertholdGrotesk-Regular;
[983]:                 font-size: 14px;
[984]: 
[985]:                 @media (min-width: @reflex-sm) {
[986]:                     font-size: 16px;
[987]:                 }
[988]:             }
[989]:         }
[990]:     }
[991]: }
[992]: */
[993]: 
[994]: body[rollick-pagetype="Home"] {
[995]:     .center-container.dw-mod {
[996]:         max-width: 100%;
[997]:     }
[998]: }
[999]: 
[1000]: section.multiple-paragraphs-container.u-transparent--bg.\38 020-full-width.multiple-paragraphs-container--spacing-md.dw-mod {
[1001]:     padding-top: 0;
[1002]:     padding-bottom: 0;
[1003]: 
[1004]:     .center-container.dw-mod {
[1005]:         max-width: 100%;
[1006]: 
[1007]:         .paragraph-container__body--padding-lg {
[1008]:             padding: 34px;
[1009]: 
[1010]:             @media (min-width: @reflex-sm) {
[1011]:                 padding: 34px 54px;
[1012]:             }
[1013]:         }
[1014]: 
[1015]:         .paragraph-container.grid__col-lg-4.grid__col-md-4.grid__col-sm-4.paragraph-buttons-centered.grid__col-xs-12.paragraph-enhanced.u-bg--red.dw-mod {
[1016]:             .paragraph-container__body--padding-md {
[1017]:                 padding: 34px;
[1018]: 
[1019]:                 .btn--outline-new.dw-mod {
[1020]:                     background-color: #C8102E;
[1021]:                 }
[1022]:             }
[1023]:         }
[1024]:     }
[1025]: 
[1026]:     .paragraph-container {
[1027]:         padding: 0;
[1028]:     }
[1029]: }
[1030]: 
[1031]: section.multiple-paragraphs-container.paragraph-container--full-width.u-transparent.u-transparent--bg.multiple-paragraphs-container--spacing-md.dw-mod.ecom-cards {
[1032]:     padding: 0px;
[1033]: 
[1034]:     @media (min-width: @reflex-sm) {
[1035]:         padding: 79px;
[1036]:     }
[1037]: 
[1038]:     .center-container.paragraph-container.dw-mod {
[1039]:         padding: 0;
[1040]: 
[1041]:         a.btn--link-new.u-margin-left.u-word-spacing--normal.u-margin-bottom-1em.dw-mod {
[1042]:             @media (min-width: @reflex-sm) {
[1043]:                 margin-left: 1em;
[1044]:             }
[1045]:         }
[1046]:     }
[1047]: }
[1048]: 
[1049]: section.multiple-paragraphs-container.paragraph-container--full-width.\38 020-paragraphs.multiple-paragraphs-container--spacing-md.dw-mod .paragraph-container--height-lg .u-margin-bottom--64px {
[1050]:     padding-left: 0;
[1051]:     padding-right: 0;
[1052]: 
[1053]:     .grid__cell {
[1054]:         display: flex;
[1055]:         flex-direction: column;
[1056]:         width: 100%;
[1057]:         align-items: center;
[1058]:         padding: 0px;
[1059]: 
[1060]:         @media (min-width: @reflex-sm) {
[1061]:             flex-direction: row;     
[1062]:             padding: 0px;
[1063]: 
[1064]:             .reverse {
[1065]:                 flex-direction: row-reverse;
[1066]:             }       
[1067]:         }
[1068]:        
[1069]: 
[1070]:         .paragraph-container__body--padding-default dw-mod {
[1071]:             margin-top: 188px;
[1072]: 
[1073]:             @media (min-width: @reflex-sm) {
[1074]:                 margin-top: 0;
[1075]:             }
[1076]: 
[1077]:             div {
[1078]:                 padding: 1.1em;
[1079]:                 width: 426px;
[1080]:             }
[1081]:         }
[1082]: 
[1083]:         .u-margin-bottom--lg {
[1084]:             display: flex;
[1085]:             align-items: center;
[1086]:             max-height: 600px;
[1087]:             height: 100%;
[1088]:             top: 0;
[1089]:             overflow: hidden;
[1090]:             margin: 0px;
[1091]:             
[1092]:             @media (min-width: @reflex-sm) {
[1093]:                 min-width: 841px;
[1094]:                 width: 60%;
[1095]:                 margin: 0px;
[1096]:             }
[1097]: 
[1098]:             img {               
[1099]:                 height: 100%;       
[1100]:                 width: 100%;
[1101]:             }
[1102]:         }     
[1103]:         .paragraph-container__body--padding-default.dw-mod {
[1104]:             @media (min-width: @reflex-sm) {
[1105]:                 width: 40%;
[1106]:             }
[1107]:         }
[1108]:     }
[1109]: }
[1110]: 
[1111]: section.multiple-paragraphs-container.paragraph-container--full-width.\38 020-paragraphs.multiple-paragraphs-container--spacing-md.dw-mod {
[1112]:     display: flex;
[1113]:     justify-content: center;
[1114]: 
[1115]:     .paragraph-container--height-lg {
[1116]:         display: flex;
[1117]:         justify-content: center;
[1118]:         max-width: 100%;
[1119]: 
[1120]:         @media (min-width: @reflex-sm) {
[1121]:             justify-content: inherit;
[1122]:         }
[1123]: 
[1124]:         .paragraph-container {
[1125]:             min-height: 188px;
[1126]: 
[1127]:             @media (min-width: @reflex-sm) {
[1128]:                 min-height: 471px;
[1129]:             }
[1130]: 
[1131]:             @media (max-width: @reflex-sm) {
[1132]:                 width: 90%;
[1133]:             }
[1134]:         }
[1135]: 
[1136]:         .u-margin-bottom--64px {
[1137]:             margin-bottom: 0px;
[1138]: 
[1139]:             @media (min-width: @reflex-sm) {
[1140]:                 margin-bottom: 64px;
[1141]:             }
[1142]: 
[1143]:             .background-image__wrapper {
[1144]:                 border-radius: 10px;
[1145]:             }
[1146]: 
[1147]: 
[1148]:             h3 {
[1149]:                 font-family: @unitedSans-Black;
[1150]:                 font-size: 24px;
[1151]:                 text-align: center;
[1152]:                 text-transform: uppercase;
[1153]:                 letter-spacing: 2.88px;
[1154]:                 padding-top: 24px;
[1155]: 
[1156]:                 @media (min-width: @reflex-sm) {
[1157]:                     padding-top: 0px;
[1158]:                 }
[1159]:             }
[1160]: 
[1161]:             p {
[1162]:                 font-family: @bertholdGrotesk-Regular;
[1163]:                 font-size: 18px;
[1164]:                 line-height: 1.4;
[1165]:                 letter-spacing: normal;
[1166]: 
[1167]:                 @media (min-width: @reflex-sm) {
[1168]:                     font-size: 24px;
[1169]:                     margin: 0 40px;
[1170]:                 }
[1171]:             }
[1172]:         }
[1173]:     }
[1174]: }
[1175]: 
[1176]: section.multiple-paragraphs-container.u-transparent--bg.homepage__fifty-fifty.multiple-paragraphs-container--spacing-md.dw-mod {
[1177]:     .center-container.paragraph-container.dw-mod {
[1178]:         padding: 0;
[1179]:     }
[1180]: 
[1181]:     .paragraph-container.grid__col-lg-6.grid__col-md-6.grid__col-sm-6.paragraph-buttons-centered.grid__col-xs-12.paragraph-container--no-padding.u-middle-horizontal.grid--justify-center.grid--align-self-center.paragraph-enhanced.dw-mod {
[1182]:         padding-top: 1em;
[1183]:         padding-bottom: 1px;
[1184]:         padding-left: 0;
[1185]:         padding-right: 0;
[1186]: 
[1187]:         @media (min-width: @reflex-sm) {
[1188]:             padding-bottom: 1em;
[1189]:             padding-left: 0.5em;
[1190]:             padding-right: 0.5em;
[1191]:         }
[1192]:     }
[1193]: }
[1194]: 
[1195]: .dealer-locator-widget.u-padding-bottom--2em.u-margin-bottom-2em {
[1196]:     .js-collapsed-result.u-card-shadow--round.u-color-light--bg.u-padding--lg.u-margin-bottom.u-cursor-pointer.u-full-height {
[1197]:         background: #E5E4E5;
[1198]:         box-shadow: none;
[1199]:     }
[1200]: }
[1201]: 
[1202]: .paragraphContainerDesignLayout1.all-electric-header-hero {
[1203]:     p.masthead {
[1204]:         font-family: @bertholdGrotesk-Bold;
[1205]:         color: #c8102e;
[1206]:         font-size: 20px;
[1207]:         line-height: 24px;
[1208]:         text-shadow: none;
[1209]:         padding-bottom: 24px;
[1210]:     }
[1211]: 
[1212]:     h1 {
[1213]:         font-size: 48px;
[1214]: 
[1215]:         @media(min-width: @reflex-lg) {
[1216]:             font-size: 56px;
[1217]:         }
[1218]: 
[1219]:         span {
[1220]:             display: inline-block;
[1221]:             width: max-content;
[1222]:             margin: 0;
[1223]:             padding: 0;
[1224]:         }
[1225]:     }
[1226]: 
[1227]:     .masthead.big {
[1228]:         font-family: @unitedSans-Heavy;
[1229]:         color: #fff;
[1230]:         font-size: 16px;
[1231]:         letter-spacing: normal;
[1232]:         text-shadow: none;
[1233]:         padding-top: 24px;
[1234]:         
[1235]:         small, sub, sup{
[1236]:             color: #fff;    
[1237]:         }
[1238]:     }
[1239]: 
[1240]:     .grid__cell:first-of-type {
[1241]:         max-width: 850px;
[1242]:         top: auto;
[1243]:         transform: none;
[1244]:     }
[1245]: }
[1246]: 
[1247]: .paragraphContainerDesignLayout1.elastic-hero {
[1248]:     .grid__cell:first-of-type {
[1249]:         max-width: 850px;
[1250]:         top: auto;
[1251]:         transform: none;
[1252]:         margin-left: auto;
[1253]:     }
[1254]: }
[1255]: 
[1256]: 
[1257]: section.multiple-paragraphs-container.paragraph-container--full-width.paragraphContainerDesignLayout1.homepage__single-image-video-banner.all-electric-header-hero.multiple-paragraphs-container--spacing-md.dw-mod {
[1258]:     padding-top: 0;
[1259]:     padding-bottom: 0;
[1260]: }
[1261]: 
[1262]: section.multiple-paragraphs-container.homepage-full-width {
[1263]:     max-width: 100%;
[1264]: 
[1265]:     .center-container {
[1266]:         padding: 0px;
[1267]:     }
[1268]: }
[1269]: 
[1270]: section.multiple-paragraphs-container.homepage-cards-full-width {
[1271]:     max-width: 100%;
[1272]: 
[1273]:     .center-container {
[1274]:         padding: 0px;
[1275]:     }
[1276]: 
[1277]:     .paragraph-container.grid__col-lg-4.grid__col-md-4.grid__col-sm-6.grid__col-xs-12.dw-mod {
[1278]:         padding: 20px;
[1279]: 
[1280]:         a.btn--link-new.u-margin-left.u-word-spacing--normal.u-margin-bottom-1em.dw-mod {
[1281]:             font-size: 15px;
[1282]:             color: #2a2a2a;
[1283]:             font-family: "UnitedSans", Arial, Helvetica, sans-serif;
[1284]:             font-weight: 900;
[1285]:             border-radius: 0px;
[1286]:             border-bottom: 2px solid #2a2a2a;
[1287]:             margin-left: 1em;
[1288]:         }
[1289]:     }
[1290]: }
[1291]: .homepage-dealers {
[1292]:     .u-card-shadow--round {
[1293]:         box-shadow: none;
[1294]:         background: #f2f2f2;
[1295]:     }
[1296]: }
[1297]: 
[1298]: // homepage fifty fifty section
[1299]: .homepage__fifty-fifty.multiple-paragraphs-container {
[1300]: 
[1301]:     .paragraph-container.paragraph-enhanced.dw-mod {
[1302]:         @media(min-width: @reflex-lg) {
[1303]:             min-height: 578px;
[1304]:         }
[1305]:     }
[1306]: 
[1307]:     h2 {
[1308]:         font-size: 44px;
[1309]:     }
[1310]: 
[1311]:     h4 {
[1312]:         color: #fff;
[1313]:         font-family: @unitedSans-Heavy;
[1314]:         font-size: 18px;
[1315]:         margin: 0;
[1316]: 
[1317]:         @media (min-width: 380px) {
[1318]:             font-size: 24px;
[1319]:         }
[1320]:     }
[1321]: }
[1322]: 
[1323]: .is--ie--min--height--300 {
[1324]:     min-height: 300px !important;
[1325]: }
[1326]: 
[1327]: .is--ie--min--height--500 {
[1328]:     min-height: 500px !important;
[1329]: 
[1330]:     .background-image__wrapper {
[1331]:         img {
[1332]:             height: inherit;
[1333]:         }
[1334]:     }
[1335]: }
[1336]: 
[1337]: @-webkit-keyframes isVisible {
[1338]:     from {
[1339]:         opacity: 0;
[1340]:     }
[1341]: 
[1342]:     to {
[1343]:         opacity: 1;
[1344]:     }
[1345]: }
[1346]: 
[1347]: @keyframes isVisible {
[1348]:     from {
[1349]:         opacity: 0;
[1350]:     }
[1351]: 
[1352]:     to {
[1353]:         opacity: 1;
[1354]:     }
[1355]: }
[1356]: 
[1357]: @media (min-width: @reflex-xs) {
[1358]:     .paragraphDesignLayout7 .grid__cell .paragraph-container__button a {
[1359]:         width: 43.5%;
[1360]:     }
[1361]: }
[1362]: 
[1363]: @media (max-width: @reflex-xs) {
[1364]:     .paragraphDesignLayout1 h2 {
[1365]:         font-size: 1.75em;
[1366]:     }
[1367]: 
[1368]:     .paragraphDesignLayout3 {
[1369]:         .helpful-links {
[1370]:             margin-top: 1em;
[1371]:         }
[1372]:     }
[1373]: }
[1374]: 
[1375]: @media (max-width: @reflex-xs-max) {
[1376]:     .paragraphDesignLayout3,
[1377]:     .paragraphDesignLayout7 {
[1378]:         .wrapper {
[1379]:             margin: 0;
[1380]:             width: 100%;
[1381]:         }
[1382]: 
[1383]:         h2 {
[1384]:             font-size: 1em;
[1385]:             letter-spacing: 3px;
[1386]:         }
[1387]:     }
[1388]: }
[1389]: 
[1390]: @media (min-width: @reflex-sm) and (max-width: @reflex-md-max) {
[1391]:     .paragraphDesignLayout3,
[1392]:     .paragraphDesignLayout7 {
[1393]:         .wrapper {
[1394]:             margin: 50px 25px 25px 25px;
[1395]:             width: 70%;
[1396]:         }
[1397]:     }
[1398]: }
[1399]: 
[1400]: @media (min-width: @reflex-sm) and (max-width: 1080px) {
[1401]:     .paragraphDesignLayout3 {
[1402]:         .helpful-links {
[1403]:             width: 70%;
[1404]:             margin-left: 1.25em;
[1405]:         }
[1406]:     }
[1407]: }
[1408]: 
[1409]: @media (max-width: 1080px) {
[1410]:     .paragraphDesignLayout3 {
[1411]:         .helpful-links {
[1412]:             position: relative;
[1413]:             right: 0 !important;
[1414]:             left: 0 !important;
[1415]:             top: 0;
[1416]:         }
[1417]: 
[1418]:         &.grid--direction-column-reverse-1080-px-max {
[1419]:             flex-direction: column-reverse !important;
[1420]:         }
[1421]:     }
[1422]: }
[1423]: //WIT Club Hero Redesign
[1424]: 
[1425]: .wit-club-hero {
[1426]: 
[1427]:     h2 {
[1428]:         text-transform: uppercase;
[1429]:         letter-spacing: 3px;
[1430]:         text-align: center;
[1431]:     }
[1432]: 
[1433]:     img {
[1434]:         width: 60px !important;
[1435]:         height: 60px !important;
[1436]:         position: absolute;
[1437]:     }
[1438]: 
[1439]:     .btn--wit-blue {
[1440]:         color: @color--cloud-white;
[1441]:         font-size: 18px;
[1442]:         padding: 15px 50px 15px 25px;
[1443]:         position: relative;
[1444]:         letter-spacing: 2px;
[1445]:         white-space: pre-wrap;
[1446]:         word-break: break-word;
[1447]:         width: 100%;
[1448]:     }
[1449]: 
[1450]:     i {
[1451]:         position: absolute;
[1452]:         margin: auto 0 auto 10px;
[1453]:         right: 7%;
[1454]:         top: 30%;
[1455]:         bottom: auto;
[1456]:     }
[1457]: 
[1458]:     .multiple-buttons {
[1459]:         padding: 15px 25px !important;
[1460]:         width: 46% !important;
[1461]: 
[1462]:         i {
[1463]:             display: none !important;
[1464]:         }
[1465]:     }
[1466]: 
[1467]:     .multiple-buttons:nth-of-type(2) {
[1468]:         background: #FFF;
[1469]:         color: @color--wit-blue;
[1470]:     }
[1471]: }
[1472]: //Screen size <= 480px
[1473]: @media (max-width: @reflex-xs) {
[1474]:     .wit-hero-container {
[1475]:         .paragraph-container__body--padding-md, .paragraph-container {
[1476]:             padding: 0;
[1477]:         }
[1478]:     }
[1479]: 
[1480]:     .wit-club-hero {
[1481]:         .paragraph-container__button {
[1482]:             width: 100%;
[1483]:             display: flex;
[1484]:             justify-content: center;
[1485]:             margin-bottom: -20px;
[1486]:         }
[1487]: 
[1488]:         .btn--wit-blue {
[1489]:             max-width: 100%;
[1490]:         }
[1491]: 
[1492]:         p {
[1493]:             padding: 0 20px;
[1494]:             text-align: center;
[1495]:             font-size: 15px;
[1496]:         }
[1497]: 
[1498]:         .multiple-buttons {
[1499]:             margin: 0;
[1500]:             width: 50% !important;
[1501]:         }
[1502]:     }
[1503]: }
[1504]: 
[1505]: @media (max-width: @reflex-sm) {
[1506]:     .wit-club-hero {
[1507]:         background: transparent;
[1508]:         max-width: 100% !important;
[1509]: 
[1510]:         h2:first-of-type {
[1511]:             margin-top: 75px;
[1512]:         }
[1513]: 
[1514]:         img {
[1515]:             left: 0;
[1516]:             right: 0;
[1517]:             margin: 0 auto;
[1518]:         }
[1519]: 
[1520]:         p {
[1521]:             text-align: center;
[1522]:         }
[1523]:     }
[1524]: }
[1525]: 
[1526]: @media(min-width: @reflex-sm) and (max-width: @reflex-md-max) {
[1527]:     .wit-hero-container:first-of-type {
[1528]:         margin-top: 50px;
[1529]:     }
[1530]: 
[1531]:     .wit-club-hero {
[1532]:         max-width: 50%;
[1533]: 
[1534]:         img {
[1535]:             width: 80px !important;
[1536]:             height: 80px !important;
[1537]:         }
[1538]: 
[1539]:         h2 {
[1540]:             margin-top: -7px;
[1541]:         }
[1542]:     }
[1543]: }
[1544]: 
[1545]: @media (min-width: @reflex-lg) {
[1546]:     .wit-club-hero {
[1547]:         max-width: 50%;
[1548]: 
[1549]:         img {
[1550]:             width: 80px !important;
[1551]:             height: 80px !important;
[1552]:         }
[1553]: 
[1554]:         h2 {
[1555]:             margin-top: -7px;
[1556]:         }
[1557]:     }
[1558]: }
[1559]: 
[1560]: @media (min-width: @reflex-xlg) {
[1561]:     .wit-hero-container {
[1562]:         min-height: 800px;
[1563]: 
[1564]:         .wit-club-hero {
[1565]:             margin-top: 75px;
[1566]:             margin-left: -100px;
[1567]: 
[1568]:             img {
[1569]:                 width: 100px !important;
[1570]:                 margin-left: 10px;
[1571]:             }
[1572]:         }
[1573]:     }
[1574]: }
[1575]: //WIT Club Feature Paragraphs
[1576]: 
[1577]: 
[1578]: @media (max-width: @reflex-sm-max) {
[1579]:     .wit-feature .grid.grid--external-bleed {
[1580]:         flex-direction: column;
[1581]: 
[1582]:         > div {
[1583]:             width: 100%;
[1584]:         }
[1585]:     }
[1586]: 
[1587]:     .wit-feature {
[1588]:         .paragraph-container__button {
[1589]:             width: 75%;
[1590]:             margin: 1em auto;
[1591]:             display: flex;
[1592]:             justify-content: center;
[1593]:         }
[1594]: 
[1595]:         .paragraph-container__text--imageRight, .paragraph-container__text--imageLeft {
[1596]:             text-align: center;
[1597]:             margin: 0 20px;
[1598]:         }
[1599]: 
[1600]:         .paragraph-container__image-container {
[1601]:             order: 1;
[1602]:         }
[1603]: 
[1604]:         .paragraph-container__body--padding-default {
[1605]:             order: 99;
[1606]:         }
[1607]:     }
[1608]: }
[1609]: 
[1610]: @media (min-width: @reflex-md) {
[1611]:     .wit-feature {
[1612]:         margin-bottom: 10px;
[1613]:         padding: 0;
[1614]:         .transition-all();
[1615]: 
[1616]:         img {
[1617]:             height: 100%;
[1618]:             object-fit: cover;
[1619]:             .transition-all();
[1620]:         }
[1621]: 
[1622]:         .paragraph-container__image-container a {
[1623]:             height: 100%;
[1624]:             min-height: 430px;
[1625]:         }
[1626]: 
[1627]:         .paragraph-container__button {
[1628]:             margin-bottom: 1em;
[1629]:         }
[1630]: 
[1631]:         .paragraph-container__body--padding-default {
[1632]:             padding: 30px;
[1633]: 
[1634]:             .paragraph-container__text--imageLeft {
[1635]:                 padding: 50px 30px;
[1636]: 
[1637]:                 & + .grid__cell {
[1638]:                     .paragraph-container__button {
[1639]:                         margin: 0 auto;
[1640]:                     }
[1641]:                 }
[1642]:             }
[1643]: 
[1644]:             .paragraph-container__text--imageRight {
[1645]:                 padding: 50px 0;
[1646]: 
[1647]:                 & + .grid__cell {
[1648]:                     .paragraph-container__button {
[1649]:                         margin: 0 auto;
[1650]:                     }
[1651]:                 }
[1652]:             }
[1653]:         }
[1654]:     }
[1655]: }
[1656]: 
[1657]: @media (min-width: @reflex-lg) {
[1658]:     .wit-feature {
[1659]:         .paragraph-container__body--padding-default {
[1660]:             .paragraph-container__text--imageLeft {
[1661]:                 padding: 50px 150px 40px 50px;
[1662]: 
[1663]:                 & + .grid__cell {
[1664]:                     .paragraph-container__button {
[1665]:                         padding-left: 50px;
[1666]:                     }
[1667]:                 }
[1668]:             }
[1669]: 
[1670]:             .paragraph-container__text--imageRight {
[1671]:                 padding: 50px 50px 40px 150px;
[1672]: 
[1673]:                 & + .grid__cell {
[1674]:                     .paragraph-container__button {
[1675]:                         padding-left: 150px;
[1676]:                     }
[1677]:                 }
[1678]:             }
[1679]:         }
[1680]:     }
[1681]: }
[1682]: 
[1683]: 
[1684]: @media (min-width: 1081px) and (max-width: @reflex-lg) {
[1685]:     .paragraphDesignLayout3 {
[1686]:         .helpful-links {
[1687]:             font-size: .75em;
[1688]:         }
[1689]:     }
[1690]: }
[1691]: 
[1692]: .tabbed-content {
[1693]:     width: calc(~"100% - 2em");
[1694]:     margin-right: 1em;
[1695]:     margin-left: 1em;
[1696]: 
[1697]:     @media (min-width: 1280px) {
[1698]:         width: 100%;
[1699]:         margin-right: 0;
[1700]:         margin-left: 0;
[1701]:     }
[1702]: 
[1703]:     .tabbed-content-tabs {
[1704]:         margin-bottom: 3em;
[1705]:         margin-top: 3em;
[1706]: 
[1707]:         @media (min-width: 1280px) {
[1708]:             border-bottom: 1px solid #d0d0d0;
[1709]:         }
[1710]: 
[1711]:         .tabs-list {
[1712]:             width: 100%;
[1713]:             justify-content: flex-start;
[1714]:             margin-bottom: 0;
[1715]:             display: flex;
[1716]:             flex-wrap: nowrap;
[1717]:             padding-left: 0;
[1718]:             white-space: nowrap;
[1719]:             overflow-x: auto;
[1720]: 
[1721]:             &:after {
[1722]:                 position: absolute;
[1723]:                 margin: 0 auto;
[1724]:                 left: 0;
[1725]:                 right: 0;
[1726]:                 content: '';
[1727]:                 margin-top: 2.6em;
[1728]:                 height: 4px;
[1729]:                 width: 100%;
[1730]:                 background: #d0d0d0;
[1731]:                 opacity: 1;
[1732]: 
[1733]:                 @media (min-width: 1280px) {
[1734]:                     opacity: 0;
[1735]:                 }
[1736]:             }
[1737]: 
[1738]:             @media (min-width: 1280px) {
[1739]:                 justify-content: center;
[1740]:             }
[1741]: 
[1742]:             .tabs-list--tab {
[1743]:                 list-style: none;
[1744]:                 margin: 0;
[1745]:                 margin-top: 20px;
[1746]: 
[1747]:                 @media (min-width: 1280px) {
[1748]:                     margin-top: 0;
[1749]:                 }
[1750]: 
[1751]:                 .btn--link-new {
[1752]:                     background: transparent;
[1753]:                     font-family: @bertholdGrotesk-Bold;
[1754]:                     font-size: 0.8em;
[1755]:                     text-decoration: underline;
[1756]:                     letter-spacing: 0.5px;
[1757]:                     padding: 0;
[1758]:                     margin-right: 1.5em;
[1759]:                     margin-left: 0;
[1760]:                     text-transform: uppercase;
[1761]:                     color: #656565;
[1762]:                     transition: 0.2s color;
[1763]:                     text-decoration-color: transparent;
[1764]: 
[1765]:                     @media (min-width: 1280px) {
[1766]:                         margin-right: 4em;
[1767]:                         margin-left: 4em;
[1768]:                         text-decoration: none;
[1769]:                     }
[1770]:                 }
[1771]: 
[1772]:                 .btn--link-new {
[1773]:                     &:hover, &:focus, &:active {
[1774]:                         color: #2a2a2a !important;
[1775]:                         text-decoration-color: #2a2a2a;
[1776]:                         box-shadow: none;
[1777]:                     }
[1778]: 
[1779]:                     &:hover {
[1780]:                         &:after {
[1781]:                             position: absolute;
[1782]:                             margin: 0 auto;
[1783]:                             left: 0;
[1784]:                             right: 0;
[1785]:                             content: '';
[1786]:                             bottom: -0.7em;
[1787]:                             height: 2px;
[1788]:                             width: 100%;
[1789]:                             background: #2a2a2a;
[1790]:                             opacity: 1;
[1791]: 
[1792]:                             @media (min-width: 1280px) {
[1793]:                                 opacity: 1;
[1794]:                                 bottom: -1.1em;
[1795]:                             }
[1796]:                         }
[1797]:                     }
[1798]:                 }
[1799]: 
[1800]:                 .btn--link-new.dw-mod[target="_blank"]::after {
[1801]:                     display: none;
[1802]:                 }
[1803]:             }
[1804]: 
[1805]:             .active-title-tab {
[1806]:                 .btn--link-new {
[1807]:                     color: #2a2a2a;
[1808]:                     text-decoration: none;
[1809]:                     transition: 0.2s color;
[1810]:                     box-shadow: none;
[1811]: 
[1812]:                     &:after {
[1813]:                         position: absolute;
[1814]:                         margin: 0 auto;
[1815]:                         left: 0;
[1816]:                         right: 0;
[1817]:                         content: '';
[1818]:                         bottom: -0.6em;
[1819]:                         height: 2px;
[1820]:                         width: 100%;
[1821]:                         background: #2a2a2a;
[1822]:                         opacity: 1;
[1823]: 
[1824]:                         @media (min-width: 1280px) {
[1825]:                             bottom: -1.1em;
[1826]:                         }
[1827]:                     }
[1828]:                 }
[1829]:             }
[1830]:         }
[1831]:     }
[1832]: 
[1833]:     .tabbed-content-tab {
[1834]:         display: none;
[1835]:         opacity: 0;
[1836]:         transition: 0.3s opacity;
[1837]:         flex-direction: column;
[1838]: 
[1839]:         .tabbed-content-tab--top {
[1840]:             display: flex;
[1841]:             margin-bottom: 1em;
[1842]:             flex-direction: column;
[1843]: 
[1844]:             @media (min-width: 1280px) {
[1845]:                 flex-direction: row;
[1846]:                 margin-bottom: 3em;
[1847]:             }
[1848]: 
[1849]:             .tabbed-content-tab--top-image {
[1850]:                 width: 100%;
[1851]:                 height: 15em;
[1852]:                 margin-right: 0;
[1853]:                 margin-bottom: 1em;
[1854]:                 overflow: hidden;
[1855]:                 border-radius: 4px;
[1856]: 
[1857]:                 @media (min-width: @reflex-lg) {
[1858]:                     margin-right: 2em;
[1859]:                     max-width: 736px;
[1860]:                     height: 384px;
[1861]:                 }
[1862]: 
[1863]:                 .tabbed-content-tab--image {
[1864]:                     width: 100%;
[1865]:                     height: 100%;
[1866]:                     object-fit: cover;
[1867]:                 }
[1868]: 
[1869]:                 .tabbed-content-tab--image-subtitle {
[1870]:                     display: none;
[1871]:                     font-family: @bertholdGrotesk-Regular;
[1872]:                     font-size: 0.75em;
[1873]:                     line-height: 1;
[1874]:                     letter-spacing: 0.5px;
[1875]:                     margin-top: 0.5em;
[1876]:                     color: #2a2a2a;
[1877]: 
[1878]:                     @media (min-width: 1280px) {
[1879]:                         display: flex;
[1880]:                     }
[1881]:                 }
[1882]:             }
[1883]: 
[1884]:             .paragraph-container-title-block {
[1885]:                 display: flex;
[1886]:                 flex-direction: column;
[1887]:                 justify-content: center;
[1888]:                 align-items: flex-start;
[1889]:                 width: 100%;
[1890]: 
[1891]:                 @media (min-width: 1280px) {
[1892]:                     width: 40%;
[1893]:                 }
[1894]: 
[1895]:                 .paragraph-container-title {
[1896]:                     font-family: @unitedSans-Heavy;
[1897]:                     font-size: 38px;
[1898]:                     color: #2a2a2a;
[1899]:                     line-height: 1.15em;
[1900]:                     letter-spacing: normal;
[1901]:                     margin-bottom: 0 !important;
[1902]: 
[1903]:                     @media (min-width: 1280px) {
[1904]:                         margin-bottom: 0.5em !important;
[1905]:                     }
[1906]:                 }
[1907]: 
[1908]:                 p {
[1909]:                     font-family: @bertholdGrotesk-Regular;
[1910]:                     font-size: 16px;
[1911]:                     line-height: 1.5;
[1912]:                     letter-spacing: normal;
[1913]:                     margin-bottom: 1em;
[1914]:                 }
[1915]: 
[1916]:                 a {
[1917]:                     font-family: @bertholdGrotesk-Bold;
[1918]:                     font-size: 14px;
[1919]:                     letter-spacing: 1px;
[1920]:                     padding-left: 0;
[1921]:                     color: #2a2a2a;
[1922]:                     text-decoration-thickness: 2px;
[1923]:                 }
[1924]: 
[1925]:                 .tabbed-content-tab--image-subtitle-mobile {
[1926]:                     display: flex;
[1927]:                     font-family: @bertholdGrotesk-Regular;
[1928]:                     font-size: 0.75em;
[1929]:                     line-height: 1;
[1930]:                     letter-spacing: 0.5px;
[1931]:                     margin-top: 1em;
[1932]:                     margin-bottom: 1em;
[1933]:                     color: #2a2a2a;
[1934]: 
[1935]:                     @media (min-width: 1280px) {
[1936]:                         display: none;
[1937]:                     }
[1938]:                 }
[1939]:             }
[1940]:         }
[1941]: 
[1942]:         .tabbed-content-tab--bottom {
[1943]:             display: flex;
[1944]:             flex-direction: column;
[1945]:             margin-bottom: 3em;
[1946]: 
[1947]:             .multiple-paragraphs-container--title {
[1948]:                 text-align: center;
[1949]: 
[1950]:                 .paragraph-container-subtitle {
[1951]:                     font-size: 28px;
[1952]:                     margin-bottom: 1.3em;
[1953]:                 }
[1954]:             }
[1955]: 
[1956]:             .multiple-paragraphs-container {
[1957]:                 padding: 0;
[1958]: 
[1959]:                 .center-container {
[1960]:                     padding: 0;
[1961]: 
[1962]:                     .paragraph-container--height-auto {
[1963]:                         flex-wrap: wrap;
[1964]: 
[1965]:                         @media (min-width: @reflex-sm) {
[1966]:                             flex-wrap: nowrap;
[1967]:                         }
[1968]: 
[1969]:                         .paragraph-container {
[1970]:                             width: 100%;
[1971]:                             padding: 0;
[1972]:                             margin-right: 0;
[1973]:                             margin-bottom: 2em;
[1974]:                             .transition-all();
[1975]: 
[1976]:                             @media (min-width: @reflex-sm) {
[1977]:                                 width: 33.33333%;
[1978]:                                 padding: 0;
[1979]:                                 margin-right: 2em;
[1980]:                             }
[1981]: 
[1982]:                             .grid__cell {
[1983]: 
[1984]:                                 .u-margin-bottom--lg {
[1985]:                                     height: 12em;
[1986]: 
[1987]:                                     img {
[1988]:                                         object-fit: cover;
[1989]:                                         width: 100%;
[1990]:                                         height: 100%;
[1991]:                                         border-radius: 4px;
[1992]:                                     }
[1993]:                                 }
[1994]: 
[1995]:                                 .paragraph-container__body--padding-default {
[1996]:                                     div {
[1997]:                                         h2 {
[1998]:                                             font-family: @bertholdGrotesk-Bold;
[1999]:                                             font-size: 22px;
[2000]:                                             color: #2a2a2a;
[2001]:                                             margin-bottom: 0.3em;
[2002]:                                         }
[2003]: 
[2004]:                                         p {
[2005]:                                             font-family: @bertholdGrotesk-Regular;
[2006]:                                             font-size: 14px;
[2007]:                                             line-height: 1.29;
[2008]:                                             letter-spacing: 0.25px;
[2009]:                                         }
[2010]: 
[2011]:                                         .btn--link-new {
[2012]:                                             font-family: @bertholdGrotesk-Bold;
[2013]:                                             font-size: 0.875em;
[2014]:                                             letter-spacing: 1px;
[2015]:                                             padding: 0;
[2016]:                                             color: #2a2a2a;
[2017]:                                             text-decoration-thickness: 2px;
[2018]: 
[2019]:                                             @media (min-width: 1000px) {
[2020]:                                                 text-align: left;
[2021]:                                             }
[2022]:                                         }
[2023]:                                     }
[2024]:                                 }
[2025]:                             }
[2026]:                         }
[2027]: 
[2028]:                         .paragraph-container:last-of-type {
[2029]:                             margin-right: 0;
[2030]:                         }
[2031]:                     }
[2032]:                 }
[2033]:             }
[2034]:         }
[2035]:     }
[2036]: 
[2037]:     .active-tab {
[2038]:         display: flex;
[2039]:         opacity: 1;
[2040]:         transition: 0.3s opacity;
[2041]:     }
[2042]: 
[2043]:     .tab-disabled {
[2044]:         display: none !important;
[2045]:     }
[2046]: }
[2047]: 
[2048]: 
[2049]: .floorplan-tabs {
[2050]:     margin: 0 80px;
[2051]:     padding: 80px 0;
[2052]:     width: 100vw !important;
[2053]:     margin-left: -50vw !important;
[2054]:     background: #f5f5f5;
[2055]: 
[2056]:     .tabbed-content--title {
[2057]:         padding: 0 80px;
[2058]:     }
[2059]: 
[2060]:     .tabbed-content-tabs {
[2061]:         border-bottom: none;
[2062]: 
[2063]:         .tabs-list {
[2064]:             justify-content: left !important;
[2065]: 
[2066]:             .tabs-list--tab {
[2067]:                 .btn--link-new {
[2068]:                     margin-left: 0;
[2069]:                 }
[2070]:             }
[2071]:         }
[2072]:     }
[2073]: 
[2074]:     .tabbed-content-tab {
[2075]:         .tabbed-content-tab--bottom {
[2076]:             .paragraph-container--height-auto {
[2077]:                 flex-wrap: wrap !important;
[2078]:                 justify-content: space-between;
[2079]:                 row-gap: 80px;
[2080]: 
[2081]:                 .paragraph-container {
[2082]:                     width: 30% !important;
[2083]:                     margin: 0 15px !important;
[2084]: 
[2085]:                     .grid__cell {
[2086]:                         .floorplan-tab-callout {
[2087]:                             position: absolute;
[2088]:                             display: flex;
[2089]:                             right: 0;
[2090]:                             border-radius: 5px;
[2091]:                             justify-content: center;
[2092]:                             align-items: center;
[2093]: 
[2094]:                             span {
[2095]:                                 margin: 2px 10px;
[2096]:                                 color: #fff;
[2097]:                             }
[2098]:                         }
[2099]: 
[2100]:                         div {
[2101]:                             h2 {
[2102]:                                 text-align: center;
[2103]:                                 font-size: 1.3em;
[2104]:                             }
[2105]: 
[2106]:                             .starting-price {
[2107]:                                 display: flex;
[2108]:                                 justify-content: center;
[2109]:                             }
[2110]: 
[2111]:                             .floorplan-data {
[2112]:                                 display: flex;
[2113]:                                 flex-direction: row;
[2114]:                                 justify-content: space-between;
[2115]:                                 padding: 1em;
[2116]: 
[2117]:                                 .floorplan-data--cell {
[2118]:                                     display: flex;
[2119]:                                     flex-direction: column;
[2120]:                                     align-items: center;
[2121]:                                 }
[2122]:                             }
[2123]:                         }
[2124]:                     }
[2125]:                 }
[2126]:             }
[2127]: 
[2128]:             .two-items {
[2129]:                 justify-content: center !important;
[2130]: 
[2131]:                 .paragraph-container {
[2132]:                     background: #fff;
[2133]:                     padding: 40px !important;
[2134]:                 }
[2135]:             }
[2136]: 
[2137]:             .multiple-items.flex-start {
[2138]:                 justify-content: flex-start !important;
[2139]:             }
[2140]: 
[2141]:             .multiple-items {
[2142]:                 justify-content: space-between !important;
[2143]: 
[2144]:                 .paragraph-container {
[2145]:                     background: #fff;
[2146]:                     padding: 40px !important;
[2147]:                 }
[2148]:             }
[2149]: 
[2150]:             .one-item {
[2151]:                 justify-content: center !important;
[2152]: 
[2153]:                 .paragraph-container {
[2154]:                     background: #fff;
[2155]:                     padding: 40px !important;
[2156]:                 }
[2157]:             }
[2158]:         }
[2159]:     }
[2160]: }
[2161]: 
[2162]: #witCheckoutForm {
[2163]:     .hide-loader {
[2164]:         display: none;
[2165]:     }
[2166]: 
[2167]:     .u-min-h180px {
[2168]:         position: absolute;
[2169]:         z-index: 9999;
[2170]: 
[2171]:         .modal__loader {
[2172]:             position: fixed;
[2173]:         }
[2174]:     }
[2175]: }
[2176]: 
[2177]: .winn-conn-33 {
[2178]:     .paragraph-container {
[2179]:         p:last-of-type {
[2180]:             padding: 0em 1em;
[2181]:             white-space: pre-wrap;
[2182]:         }
[2183]:     }
[2184]: 
[2185]:     .btn--white, .btn--white.dw-mod {
[2186]:         color: red;
[2187]:     }
[2188]: }
[2189]: 
[2190]: @media (max-width: 768px) {
[2191]:     .floorplan-tabs {
[2192]:         margin: 0 80px;
[2193]:         padding: 80px 0;
[2194]:         width: 100vw !important;
[2195]:         margin-left: -50vw !important;
[2196]:         background: #f5f5f5;
[2197]: 
[2198]:         .tabbed-content--title {
[2199]:             h2 {
[2200]:                 text-align: center;
[2201]:             }
[2202]:         }
[2203]: 
[2204]:         .tabbed-content-tab {
[2205]:             .tabbed-content-tab--bottom {
[2206]:                 .paragraph-container--height-auto {
[2207]:                     flex-wrap: wrap !important;
[2208]:                     justify-content: space-between;
[2209]:                     row-gap: 80px;
[2210]: 
[2211]:                     .paragraph-container {
[2212]:                         width: 100% !important;
[2213]:                         margin: 0 !important;
[2214]:                         
[2215]:                        
[2216]:                     }
[2217]:                 }
[2218]:             }
[2219]:         }
[2220]:     }
[2221]: }
[2222]: