@charset "UTF-8"; /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ @property --w-full { syntax: ""; inherits: true; initial-value: 100vw; } :root { --s-width: tan(atan2(var(--w-full), 1px)); --scale-val: calc((var(--s-width) / 1280) * 2); } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ :not(.mejs-button) > a#button:not([class^=cky-]), :not(.mejs-button) > a.button:not([class^=cky-]), :not(.mejs-button) > button:not([class^=cky-]), :not(.mejs-button) > input.button:not([class^=cky-]), :not(.mejs-button) > .hs-button:not([class^=cky-]), :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]), :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]) { display: flex; flex-direction: row; align-items: center; gap: 10px; width: -moz-fit-content; width: fit-content; padding: 8px 24px 8px 20px; font-family: "Golos Text", sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 100%; text-decoration: none; border-radius: 25px; color: rgb(0, 0, 0); text-align: center; background: rgb(255, 255, 255); box-sizing: border-box; height: 45px; transition: 0.2s all cubic-bezier(0.165, 0.84, 0.44, 1); margin: 10px 0; box-shadow: none; cursor: pointer; } :not(.mejs-button) > a#button:not([class^=cky-]):after, :not(.mejs-button) > a.button:not([class^=cky-]):after, :not(.mejs-button) > button:not([class^=cky-]):after, :not(.mejs-button) > input.button:not([class^=cky-]):after, :not(.mejs-button) > .hs-button:not([class^=cky-]):after, :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]):after, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]):after { margin-left: 4px; transition: 0.5s all cubic-bezier(0.165, 0.84, 0.44, 1); content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiMxQTFBMUEiLz4KPC9zdmc+"); } :not(.mejs-button) > a#button:not([class^=cky-]):hover:after, :not(.mejs-button) > a#button:not([class^=cky-]).hovered:after, :not(.mejs-button) > a.button:not([class^=cky-]):hover:after, :not(.mejs-button) > a.button:not([class^=cky-]).hovered:after, :not(.mejs-button) > button:not([class^=cky-]):hover:after, :not(.mejs-button) > button:not([class^=cky-]).hovered:after, :not(.mejs-button) > input.button:not([class^=cky-]):hover:after, :not(.mejs-button) > input.button:not([class^=cky-]).hovered:after, :not(.mejs-button) > .hs-button:not([class^=cky-]):hover:after, :not(.mejs-button) > .hs-button:not([class^=cky-]).hovered:after, :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]):hover:after, :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]).hovered:after, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]):hover:after, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]).hovered:after { transform: rotate(-45deg); transform-origin: center center; content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiMxQTFBMUEiLz4KPC9zdmc+"); } :not(.mejs-button) > a#button:not([class^=cky-]):focus:after, :not(.mejs-button) > a.button:not([class^=cky-]):focus:after, :not(.mejs-button) > button:not([class^=cky-]):focus:after, :not(.mejs-button) > input.button:not([class^=cky-]):focus:after, :not(.mejs-button) > .hs-button:not([class^=cky-]):focus:after, :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]):focus:after, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]):focus:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiMxQTFBMUEiLz4KPC9zdmc+"); } :not(.mejs-button) > a#button:not([class^=cky-]).white, :not(.mejs-button) > a.button:not([class^=cky-]).white, :not(.mejs-button) > button:not([class^=cky-]).white, :not(.mejs-button) > input.button:not([class^=cky-]).white, :not(.mejs-button) > .hs-button:not([class^=cky-]).white, :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]).white, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]).white { background: rgb(255, 255, 255); } :not(.mejs-button) > a#button:not([class^=cky-]).beige, :not(.mejs-button) > a.button:not([class^=cky-]).beige, :not(.mejs-button) > button:not([class^=cky-]).beige, :not(.mejs-button) > input.button:not([class^=cky-]).beige, :not(.mejs-button) > .hs-button:not([class^=cky-]).beige, :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]).beige, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]).beige { background: rgb(239, 237, 228); } :not(.mejs-button) > a#button:not([class^=cky-]).gold, :not(.mejs-button) > a.button:not([class^=cky-]).gold, :not(.mejs-button) > button:not([class^=cky-]).gold, :not(.mejs-button) > input.button:not([class^=cky-]).gold, :not(.mejs-button) > .hs-button:not([class^=cky-]).gold, :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]).gold, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]).gold { background: #f9cc3d; } :not(.mejs-button) > a#button:not([class^=cky-]).red, :not(.mejs-button) > a.button:not([class^=cky-]).red, :not(.mejs-button) > button:not([class^=cky-]).red, :not(.mejs-button) > input.button:not([class^=cky-]).red, :not(.mejs-button) > .hs-button:not([class^=cky-]).red, :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]).red, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]).red { background: rgb(243, 66, 74); color: rgb(255, 255, 255); } :not(.mejs-button) > a#button:not([class^=cky-]).red:after, :not(.mejs-button) > a.button:not([class^=cky-]).red:after, :not(.mejs-button) > button:not([class^=cky-]).red:after, :not(.mejs-button) > input.button:not([class^=cky-]).red:after, :not(.mejs-button) > .hs-button:not([class^=cky-]).red:after, :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]).red:after, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]).red:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+"); } :not(.mejs-button) > a#button:not([class^=cky-]).red:hover:after, :not(.mejs-button) > a#button:not([class^=cky-]).red:active:after, :not(.mejs-button) > a.button:not([class^=cky-]).red:hover:after, :not(.mejs-button) > a.button:not([class^=cky-]).red:active:after, :not(.mejs-button) > button:not([class^=cky-]).red:hover:after, :not(.mejs-button) > button:not([class^=cky-]).red:active:after, :not(.mejs-button) > input.button:not([class^=cky-]).red:hover:after, :not(.mejs-button) > input.button:not([class^=cky-]).red:active:after, :not(.mejs-button) > .hs-button:not([class^=cky-]).red:hover:after, :not(.mejs-button) > .hs-button:not([class^=cky-]).red:active:after, :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]).red:hover:after, :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]).red:active:after, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]).red:hover:after, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]).red:active:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+"); } :not(.mejs-button) > a#button:not([class^=cky-]).black, :not(.mejs-button) > a.button:not([class^=cky-]).black, :not(.mejs-button) > button:not([class^=cky-]).black, :not(.mejs-button) > input.button:not([class^=cky-]).black, :not(.mejs-button) > .hs-button:not([class^=cky-]).black, :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]).black, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]).black { background: rgb(0, 0, 0); } :not(.mejs-button) > a#button:not([class^=cky-]).text-button, :not(.mejs-button) > a#button:not([class^=cky-]).text_button, :not(.mejs-button) > a.button:not([class^=cky-]).text-button, :not(.mejs-button) > a.button:not([class^=cky-]).text_button, :not(.mejs-button) > button:not([class^=cky-]).text-button, :not(.mejs-button) > button:not([class^=cky-]).text_button, :not(.mejs-button) > input.button:not([class^=cky-]).text-button, :not(.mejs-button) > input.button:not([class^=cky-]).text_button, :not(.mejs-button) > .hs-button:not([class^=cky-]).text-button, :not(.mejs-button) > .hs-button:not([class^=cky-]).text_button, :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]).text-button, :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]).text_button, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]).text-button, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]).text_button { background: none; -webkit-text-decoration: underline rgb(243, 66, 74) 2px; text-decoration: underline rgb(243, 66, 74) 2px; text-underline-offset: 2px; } :not(.mejs-button) > a#button:not([class^=cky-]).text-button:after, :not(.mejs-button) > a#button:not([class^=cky-]).text_button:after, :not(.mejs-button) > a.button:not([class^=cky-]).text-button:after, :not(.mejs-button) > a.button:not([class^=cky-]).text_button:after, :not(.mejs-button) > button:not([class^=cky-]).text-button:after, :not(.mejs-button) > button:not([class^=cky-]).text_button:after, :not(.mejs-button) > input.button:not([class^=cky-]).text-button:after, :not(.mejs-button) > input.button:not([class^=cky-]).text_button:after, :not(.mejs-button) > .hs-button:not([class^=cky-]).text-button:after, :not(.mejs-button) > .hs-button:not([class^=cky-]).text_button:after, :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]).text-button:after, :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]).text_button:after, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]).text-button:after, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]).text_button:after { content: ""; } :not(.mejs-button) > a#button:not([class^=cky-]).text-button:hover, :not(.mejs-button) > a#button:not([class^=cky-]).text_button:hover, :not(.mejs-button) > a.button:not([class^=cky-]).text-button:hover, :not(.mejs-button) > a.button:not([class^=cky-]).text_button:hover, :not(.mejs-button) > button:not([class^=cky-]).text-button:hover, :not(.mejs-button) > button:not([class^=cky-]).text_button:hover, :not(.mejs-button) > input.button:not([class^=cky-]).text-button:hover, :not(.mejs-button) > input.button:not([class^=cky-]).text_button:hover, :not(.mejs-button) > .hs-button:not([class^=cky-]).text-button:hover, :not(.mejs-button) > .hs-button:not([class^=cky-]).text_button:hover, :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]).text-button:hover, :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]).text_button:hover, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]).text-button:hover, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]).text_button:hover { -webkit-text-decoration: underline rgb(26, 26, 26) 2px; text-decoration: underline rgb(26, 26, 26) 2px; } :not(.mejs-button) > a#button:not([class^=cky-]).text-button:hover:after, :not(.mejs-button) > a#button:not([class^=cky-]).text_button:hover:after, :not(.mejs-button) > a.button:not([class^=cky-]).text-button:hover:after, :not(.mejs-button) > a.button:not([class^=cky-]).text_button:hover:after, :not(.mejs-button) > button:not([class^=cky-]).text-button:hover:after, :not(.mejs-button) > button:not([class^=cky-]).text_button:hover:after, :not(.mejs-button) > input.button:not([class^=cky-]).text-button:hover:after, :not(.mejs-button) > input.button:not([class^=cky-]).text_button:hover:after, :not(.mejs-button) > .hs-button:not([class^=cky-]).text-button:hover:after, :not(.mejs-button) > .hs-button:not([class^=cky-]).text_button:hover:after, :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]).text-button:hover:after, :not(.mejs-button) > .mktoButtonWrap button.mktoButton:not([class^=cky-]).text_button:hover:after, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]).text-button:hover:after, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton:not([class^=cky-]).text_button:hover:after { content: ""; } :not(.mejs-button) > a#button .mktoButtonWrap:after, :not(.mejs-button) > a.button .mktoButtonWrap:after, :not(.mejs-button) > button .mktoButtonWrap:after, :not(.mejs-button) > input.button .mktoButtonWrap:after, :not(.mejs-button) > .hs-button .mktoButtonWrap:after, :not(.mejs-button) > .mktoButtonWrap button.mktoButton .mktoButtonWrap:after, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton .mktoButtonWrap:after { content: none; } :not(.mejs-button) > a#button .mktoButtonWrap:hover:after, :not(.mejs-button) > a#button .mktoButtonWrap:active:after, :not(.mejs-button) > a.button .mktoButtonWrap:hover:after, :not(.mejs-button) > a.button .mktoButtonWrap:active:after, :not(.mejs-button) > button .mktoButtonWrap:hover:after, :not(.mejs-button) > button .mktoButtonWrap:active:after, :not(.mejs-button) > input.button .mktoButtonWrap:hover:after, :not(.mejs-button) > input.button .mktoButtonWrap:active:after, :not(.mejs-button) > .hs-button .mktoButtonWrap:hover:after, :not(.mejs-button) > .hs-button .mktoButtonWrap:active:after, :not(.mejs-button) > .mktoButtonWrap button.mktoButton .mktoButtonWrap:hover:after, :not(.mejs-button) > .mktoButtonWrap button.mktoButton .mktoButtonWrap:active:after, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton .mktoButtonWrap:hover:after, :not(.mejs-button) > .mktoButtonWrap.mktoPaperMashup button.mktoButton .mktoButtonWrap:active:after { content: none; } a.cover-link { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .mktoButtonWrap:after { content: ""; } .button-container { display: flex; gap: 2rem; margin-top: 40px; align-items: center; } .button-container.center { justify-content: center; } li.button { background: none; margin: 0; } li.button a { display: flex; flex-direction: row; align-items: center; gap: 10px; width: -moz-max-content; width: max-content; padding: 8px 20px 8px 20px !important; font-family: "Golos Text", sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 100%; text-decoration: none; border-radius: 25px; color: rgb(255, 255, 255); text-align: center; background: rgb(243, 66, 74); box-sizing: border-box; height: 45px; transition: 0.2s all cubic-bezier(0.165, 0.84, 0.44, 1); margin: 0; cursor: pointer; } li.button a:after { transition: 0.2s all cubic-bezier(0.165, 0.84, 0.44, 1); content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+"); } li.button:hover { background: none; } li.button:hover a:after { transform: rotate(-20deg); content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+"); } li.button a:focus:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+"); } li.button.secondary { background: none; } li.button.secondary a { background: transparent; border: 1.5px solid rgb(255, 255, 255); color: rgb(255, 255, 255); } li.button.secondary a:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+"); } li.button.secondary:hover { background: none; } li.button.secondary:hover a { background: transparent; } li.button.secondary:hover a:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+"); } li.button.secondary a:focus { background: transparent; } li.button.secondary a:focus:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+"); } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ /********************* Header Nav *********************/ .off-canvas-content { margin-top: 84px; } @media screen and (max-width: 1208px) { .off-canvas-content { margin-top: 65px; } } .off-canvas-content .menu .active > a { background: none !important; } body.menu-active { overflow: hidden; } header { border-bottom: 0.5px solid #e6ebeb; transition: top 0.2s ease-in-out; top: 0; position: relative; z-index: 10; } header .utility-nav { display: none !important; border-bottom: 1px solid #a0af9e; background: #a0af9e; } header .utility-nav .links { max-width: 1360px; text-align: right; margin: 0 auto; padding-right: 40px; } header .utility-nav .links a { color: rgb(255, 255, 255); font-size: 12px; } @media (max-width: 768px) { header .utility-nav { display: block !important; } header .utility-nav .links { display: none !important; } header .utility-nav #button-container .secondary { border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); } header .utility-nav #button-container .secondary:after { content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='29' height='29' rx='14.5' stroke='white'/%3E%3Cpath d='M9 15.25L21 15.25' stroke='white'/%3E%3Cpath d='M15.4932 10L20.7965 15.3033L15.4932 20.6066' stroke='white'/%3E%3C/svg%3E%0A"); } } header.nav-up { top: -140px !important; } header.topHeader, header.fixedHeader { position: fixed; width: 100%; z-index: 9999; top: 0; background-color: rgb(255, 255, 255); } header .top-bar { max-width: 1360px; margin: 0 auto; background: transparent; transition: border 0.2s linear, background 0.2s linear, margin-top 0.2s linear; padding: 16px 40px 20px; } header .top-bar ul { background-color: transparent; align-items: center; } header .top-bar .top-bar-left { display: flex; grid-column-start: 1; grid-column-end: span 2; height: 100%; } header .top-bar .top-bar-left .logo { padding: 3px 0 0 0; } header .top-bar .top-bar-right { margin-left: 0; grid-column-start: 3; grid-column-end: span 10; -moz-column-gap: 40px; column-gap: 40px; } header .top-bar .top-bar-right #main-nav { position: inherit; } header .top-bar .top-bar-right #main-nav li:not(.button) { position: relative; height: auto; display: block; align-items: center; margin: 1rem; } header .top-bar .top-bar-right #main-nav li:not(.button) a { color: rgb(0, 0, 0); font-size: 20px; line-height: 16px; border-bottom: 2px solid transparent; padding: 0; } header .top-bar .top-bar-right #main-nav li:not(.button) a:hover, header .top-bar .top-bar-right #main-nav li:not(.button) a.active { font-weight: 700; border-bottom: 2px solid rgb(243, 66, 74); } header .top-bar .top-bar-right #main-nav li:not(.button).is-dropdown-submenu-parent { position: inherit; } header .top-bar .top-bar-right #main-nav li:not(.button).search-box a { border: none; height: 26px; width: 26px; padding: 0; overflow: hidden; } header .top-bar .top-bar-right #main-nav li:not(.button).search-box a:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2IiBmaWxsPSJub25lIj4KICA8Y2lyY2xlIGN4PSIxMS41IiBjeT0iMTEuNSIgcj0iMTAiIGZpbGw9IndoaXRlIiBzdHJva2U9IiMxMjE1MTgiIHN0cm9rZS13aWR0aD0iMyIvPgogIDxwYXRoIGQ9Ik0xOS42Mjg5IDE5TDI0LjAwMDUgMjMuMzcxNiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+"); } header .top-bar .top-bar-right #main-nav li:not(.button).search-box a:hover { border: none; } header .top-bar .top-bar-right #main-nav li:last-child { padding-top: 0; padding-bottom: 0; padding-right: 0; } header .top-bar .top-bar-right #main-nav li.Right { margin-left: auto; margin-right: 16px; } header .top-bar .top-bar-right #main-nav .active > a { background: transparent; } header .top-bar .top-bar-right #main-nav .active > a:after { display: none; } header .top-bar .top-bar-right #main-nav .menu-item:not(.button) a { position: relative; align-items: center; display: inline-block; font-size: 16px; line-height: 130%; font-weight: 400; margin: 5px 16px; } header .top-bar .top-bar-right #main-nav .menu-item:not(.button) a[data-mega-toggle] { transition: all 0.2s linear; } header .top-bar .top-bar-right #main-nav .menu-item:not(.button) a:hover, header .top-bar .top-bar-right #main-nav .menu-item:not(.button) a.active { font-weight: 700; } header .top-bar .top-bar-right #main-nav .menu-item:not(.button) a.cover-link { position: absolute; display: block; border: none; } header .top-bar .top-bar-right #main-nav .menu-item:not(.button) a.cover-link:hover { border: none; } header .top-bar .top-bar-right #main-nav .menu-item:not(.button).right { margin-left: 100px; } header .top-bar .top-bar-right #main-nav .menu-item:not(.button).is-active a:after { transform: scaleX(1); transform-origin: bottom left; } header .top-bar .top-bar-right #main-nav .menu-item:not(.button).is-dropdown-submenu-item a { padding: 0.9rem 1rem; } header .top-bar .top-bar-right #main-nav .menu-item:not(.button).is-dropdown-submenu-item a:after { content: ""; position: relative; width: calc(100% - 36px); transform: scaleX(0); height: 3px; bottom: 3px; left: 0; right: 0; transform-origin: bottom right; transition: transform 0.25s ease-out; display: block; border: none; margin-left: auto; margin-right: auto; margin-top: auto; } header .top-bar .top-bar-right #main-nav .menu-item:not(.button).is-dropdown-submenu-item a:hover:after { transform: scaleX(1); transform-origin: bottom left; } header .top-bar .top-bar-right #main-nav .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { padding-right: 1rem; } header .top-bar .top-bar-right #main-nav .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:after { display: none; } header .top-bar .top-bar-right #main-nav .is-dropdown-submenu { position: absolute; z-index: 9999; top: 34px; padding: 45px 50px 0; overflow: hidden; transition: all 0.2s ease-in-out; border: none; background: none; } header .top-bar .top-bar-right #main-nav .is-dropdown-submenu.js-dropdown-active, header .top-bar .top-bar-right #main-nav .is-dropdown-submenu.active { display: flex !important; flex-flow: row wrap; left: -50px; right: auto; } header .top-bar .top-bar-right #main-nav .is-dropdown-submenu.js-dropdown-active li, header .top-bar .top-bar-right #main-nav .is-dropdown-submenu.active li { width: calc(33.33% - 10px); } header .top-bar .top-bar-right #main-nav .is-dropdown-submenu.js-dropdown-active li:nth-child(-n+3), header .top-bar .top-bar-right #main-nav .is-dropdown-submenu.active li:nth-child(-n+3) { padding-bottom: 6px; } header .top-bar .top-bar-right #main-nav .swing-left .is-dropdown-submenu.js-dropdown-active, header .top-bar .top-bar-right #main-nav .swing-left .is-dropdown-submenu.active { display: flex !important; flex-flow: row wrap; right: -100px; left: auto; } header .top-bar .top-bar-right #main-nav .submenu .main-container { width: -moz-max-content; width: max-content; max-width: 800px; display: grid; -moz-column-gap: 40px; column-gap: 40px; background: rgb(255, 255, 255); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05); border: 0.5px solid #e6ebeb; border-radius: 20px; padding: 20px; } header .top-bar .top-bar-right #main-nav .submenu .main-container.menu_cols_1 { grid-template-columns: repeat(1, 1fr); max-width: 266.6666666667px; } header .top-bar .top-bar-right #main-nav .submenu .main-container.menu_cols_2 { grid-template-columns: repeat(2, 1fr); max-width: 533.3333333333px; } header .top-bar .top-bar-right #main-nav .submenu .main-container.menu_cols_3 { grid-template-columns: repeat(3, 1fr); } header .top-bar .top-bar-right #main-nav .submenu .main-container > div:last-child::after { display: none !important; } header .top-bar .top-bar-right #main-nav .submenu .main-container .cell { grid-column-start: auto; display: block; } header .top-bar .top-bar-right #main-nav .submenu .main-container .cell.cols-1 { grid-column-end: auto; } header .top-bar .top-bar-right #main-nav .submenu .main-container .cell.cols-2 { grid-column-end: span 2; } header .top-bar .top-bar-right #main-nav .submenu .main-container .cell.cols-3 { grid-column-end: span 3; } header .top-bar .top-bar-right #main-nav .submenu .main-container .cell.resource { background-color: #e6ebeb; border-radius: 20px; padding: 10px; text-decoration: none; position: relative; } header .top-bar .top-bar-right #main-nav .submenu .main-container .cell.resource .resource { position: relative; } header .top-bar .top-bar-right #main-nav .submenu .main-container .cell.resource .resource .resource-content { display: grid; grid-template-columns: 1fr 1fr; -moz-column-gap: 20px; column-gap: 20px; } header .top-bar .top-bar-right #main-nav .submenu .main-container .cell.resource .resource .resource-content .content .title { font-size: 14px; font-weight: 500; text-transform: uppercase; } header .top-bar .top-bar-right #main-nav .submenu .main-container .cell.resource .resource .resource-content .content .description { font-weight: 400; font-size: 12px; line-height: 1.6; } header .top-bar .top-bar-right #main-nav .submenu .main-container .cell.resource .resource .resource-content .content .text-button { font-size: 12px !important; font-weight: 800 !important; border: none !important; text-decoration: none !important; padding: 0 !important; margin: 1em 1em 0 0 !important; } header .top-bar .top-bar-right #main-nav .submenu .main-container .cell.resource .resource .resource-content .content .text-button:after { padding: 0 1em; content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiMxQTFBMUEiLz4KPC9zdmc+"); } header .top-bar .top-bar-right #main-nav .submenu .main-container .cell.resource.cols-1 .resource .resource-content { grid-template-columns: 1fr; row-gap: 20px; } header .top-bar .top-bar-right #main-nav .submenu .main-container .cell.resource.cols-1 .resource .resource-content .content .description { display: none; } header .top-bar .top-bar-right #main-nav .submenu .main-container .cell.cta .cta { margin-top: 1em; border-top: 0.5px solid #e6ebeb; padding-top: 1em; display: flex; flex-direction: row; align-items: center; } header .top-bar .top-bar-right #main-nav .submenu .main-container .cell.cta .cta .info .section_title { font-size: 16px; font-weight: 800; color: rgb(0, 0, 0); margin-bottom: 1em; line-height: 1.3; } header .top-bar .top-bar-right #main-nav .submenu .main-container .cell.cta .cta .info .section_description { font-weight: 400; font-size: 12px; line-height: 1.6; } header .top-bar .top-bar-right #main-nav .submenu .main-container .cell.cta .cta .link a.section_link { margin: 1em 2em; white-space: nowrap; font-weight: 700; color: rgb(243, 66, 74); } header .top-bar .top-bar-right #main-nav .submenu .main-container .mega_menu_links .cell.mega_menu_link_content, header .top-bar .top-bar-right #main-nav .submenu .main-container .links-desc .cell.mega_menu_link_content { padding: 0; } header .top-bar .top-bar-right #main-nav .submenu .main-container .mega_menu_links .cell.mega_menu_link_content a, header .top-bar .top-bar-right #main-nav .submenu .main-container .links-desc .cell.mega_menu_link_content a { color: rgb(0, 0, 0); font-size: 14px; margin: 0 0 15px 0 !important; padding: 0 !important; transition: color 0.2s ease; } header .top-bar .top-bar-right #main-nav .submenu .main-container .mega_menu_links .cell.mega_menu_link_content a.mega_link_title, header .top-bar .top-bar-right #main-nav .submenu .main-container .links-desc .cell.mega_menu_link_content a.mega_link_title { font-size: 16px; font-weight: 700; line-height: 120%; margin-bottom: 5px; } header .top-bar .top-bar-right #main-nav .submenu .main-container .mega_menu_links .cell.mega_menu_link_content a.sub-link, header .top-bar .top-bar-right #main-nav .submenu .main-container .links-desc .cell.mega_menu_link_content a.sub-link { font-size: 12px; font-style: normal; font-weight: 400; line-height: 150%; margin-left: 23px; margin-bottom: 10px; } header .top-bar .top-bar-right #main-nav .submenu .main-container .mega_menu_links .cell.mega_menu_link_content a:last-child, header .top-bar .top-bar-right #main-nav .submenu .main-container .links-desc .cell.mega_menu_link_content a:last-child { margin-bottom: 0; } header .top-bar .top-bar-right #main-nav .submenu .main-container .mega_menu_links .cell.mega_menu_link_content a.button, header .top-bar .top-bar-right #main-nav .submenu .main-container .links-desc .cell.mega_menu_link_content a.button { display: flex; justify-content: center; margin-top: 10px; } header .top-bar .top-bar-right #main-nav .submenu .main-container .mega_menu_links > div .caption, header .top-bar .top-bar-right #main-nav .submenu .main-container .links-desc > div .caption { color: #a0af9e; } header .top-bar .top-bar-right #main-nav .submenu .main-container .mega_menu_links a.has-icon, header .top-bar .top-bar-right #main-nav .submenu .main-container .links-desc a.has-icon { position: relative; display: flex; align-items: flex-start; justify-content: center; margin-left: 10px; padding-left: 14px; flex-flow: column; } header .top-bar .top-bar-right #main-nav .submenu .main-container .mega_menu_links a.has-icon:before, header .top-bar .top-bar-right #main-nav .submenu .main-container .links-desc a.has-icon:before { position: absolute; left: -10px; height: 17px; width: 15px; } header .top-bar .top-bar-right #main-nav .submenu .main-container .mega_menu_page_section { position: relative; } header .top-bar .top-bar-right #main-nav .submenu .main-container .mega_menu_page_section.links-desc .has-children .children { margin-left: 1em; } header .top-bar .top-bar-right #main-nav .submenu .main-container .mega_menu_page_section.links-desc a:not(.has-children):hover p { color: rgb(0, 0, 0); } header .top-bar .top-bar-right #main-nav .submenu .main-container a.section_title { border-bottom: 1px solid #e0ded1; color: rgb(0, 0, 0); transition: all 0.2s ease; padding: 0; } header .top-bar .top-bar-right #main-nav .submenu .main-container a.section_title:hover { text-decoration: underline; text-shadow: 0px 0px 1px #000; } @media only screen and (max-width: 1208px) { header.header.topHeader.menu-active { background: rgb(255, 255, 255); } header.header.menu-active { height: 95%; max-height: 100vh; } header.header .top-bar { justify-content: space-between; margin: 0 auto; padding: 0px 25px; } header.header .top-bar .hide-for-mobile { display: none !important; } .top-bar .top-bar-left { flex: none; margin-right: 0; } .top-bar .top-bar-right { flex: none; margin-left: 0; } header.topHeader, header.fixedHeader { top: 0; } header.fixedHeader .top-bar { background: #fff; border: none; border-radius: 0; } #utility-nav { position: absolute; right: 30px; top: 40px; } #utility-nav a { display: none !important; } #mobile-menu { position: absolute; top: 0; left: 0; right: 0; bottom: 100px; width: 100%; background-color: rgb(255, 255, 255); z-index: 1; display: none; border-top: 0.2px solid #d9d9d9; } #mobile-menu > ul.menu { height: 100%; } #mobile-menu > ul.menu > li > a { color: rgb(26, 26, 26); font-size: 20px; font-weight: 700; line-height: 139%; padding: 20px 25px; border-bottom: 0.2px solid #d9d9d9; background-color: rgb(255, 255, 255); } #mobile-menu > ul.menu > li:has(.is-accordion-submenu.is-active) > a { background-color: rgba(217, 217, 217, 0.5); } #mobile-menu > ul.menu > li ul { margin: 20px 0; background-color: rgb(255, 255, 255); } #mobile-menu > ul.menu > li ul li { list-style: none outside none; } #mobile-menu > ul.menu > li ul li.indent { margin-left: 12px; } #mobile-menu > ul.menu > li ul li a { padding: 6px 0px; } #mobile-menu > ul.menu > li ul li.sub-page a { padding: 6px 30px; color: #a0af9e; } #mobile-menu li.is-submenu-item { font-size: 20px; font-weight: 400; padding: 0 25px; list-style: none outside none; } #mobile-menu li.is-submenu-item a { color: rgb(26, 26, 26); } #mobile-menu li.is-submenu-item.top-level { font-size: 14px; margin-bottom: 1em; font-weight: 700; } #mobile-menu li.is-submenu-item.top-level a { text-transform: uppercase; } #mobile-menu.menu-active { display: flex; height: 90vh; flex-flow: row wrap; overflow-y: scroll; } #mobile-menu #main-nav, #mobile-menu #offcanvas-nav { align-content: flex-start; width: 100%; } #mobile-menu #main-nav li.nav-button, #mobile-menu #offcanvas-nav li.nav-button { padding: 25px 25px 10px; } #mobile-menu #main-nav li.nav-button a, #mobile-menu #offcanvas-nav li.nav-button a { display: inline-flex; flex-direction: row; align-items: center; padding: 16px; font-style: normal; font-weight: 600 !important; font-size: 14px !important; line-height: 100%; border-radius: 5px; color: rgb(0, 0, 0); text-align: center; background: #f9cc3d; box-sizing: border-box; height: 48px; transition: 0.2s all cubic-bezier(0.165, 0.84, 0.44, 1); border: 1.5px solid #f9cc3d; margin: 0; } #mobile-menu #main-nav li.nav-button a:hover, #mobile-menu #offcanvas-nav li.nav-button a:hover { background: rgb(243, 66, 74); border-color: rgb(243, 66, 74); } #mobile-menu #main-nav li.nav-button::after, #mobile-menu #offcanvas-nav li.nav-button::after { display: none !important; } #mobile-menu #main-nav .menu.submenu.is-accordion-submenu, #mobile-menu #offcanvas-nav .menu.submenu.is-accordion-submenu { padding: 1.5em 0; } #mobile-menu #main-nav.accordion-menu, #mobile-menu #offcanvas-nav.accordion-menu { z-index: 1; } #mobile-menu #main-nav.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after, #mobile-menu #offcanvas-nav.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { display: flex; width: 14px; height: 9px; border: none; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M1 0.75L6.5 6.25L12 0.75' stroke='%23000000' stroke-width='2'/%3E%3C/svg%3E"); position: absolute; top: 50%; margin-top: -3px; right: 26px; align-items: center; } #mobile-menu #main-nav.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after, #mobile-menu #offcanvas-nav.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after { transform: rotate(180deg); transform-origin: 50% 70%; } #mobile-menu .button-container { display: none; } #mobile-menu .button-wrapper { z-index: 5; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 0; position: absolute; bottom: 80px; left: 0; right: 0; padding: 10px 25px; } #mobile-menu .button-wrapper li { margin: 0; padding: 0; } #mobile-menu .button-wrapper li a { width: auto; position: relative; } #mobile-menu .button-wrapper li a:after { position: absolute; right: 20px; } #mobile-menu .button-wrapper li.gold a { padding: 14px 35px 14px 20px !important; background-color: #f9cc3d; } #mobile-menu .button-wrapper li.gold a:after { margin-left: 6px; content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiMxQTFBMUEiLz4KPC9zdmc+") !important; } #mobile-menu .button-wrapper li.red a { padding: 14px 35px 14px 20px !important; color: rgb(255, 255, 255); background-color: rgb(243, 66, 74); } #mobile-menu .button-wrapper li.red a:after { margin-left: 6px; content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+"); } #mobile-menu .lower-menu { width: 100%; height: -moz-fit-content; height: fit-content; margin-top: auto; margin-bottom: 40px; padding: 30px 0 0; border-top: 1px solid #afabb3; } #mobile-menu .lower-menu .Right { margin-right: auto; } } @media only screen and (max-width: 1208px) and (max-width: 768) { #mobile-menu .lower-menu .Right { margin-right: 0; } } @media only screen and (max-width: 1208px) { #mobile-menu .lower-menu .Right.menu-item, #mobile-menu .lower-menu .button.menu-item { width: auto; } #mobile-menu .lower-menu .button:not(.secondary) a { color: #fff; } #mobile-menu .lower-menu .button.menu-item { margin: 0 10px; display: flex; align-items: center; justify-content: center; padding: 0 20px; } #mobile-menu .lower-menu .button.menu-item a { padding: 0 !important; } } @media only screen and (max-width: 1208px) and (max-width: 768) { #mobile-menu .lower-menu .button.menu-item { padding: 0 10px; margin: 0 5px; } } @media only screen and (max-width: 1208px) and (max-width: 768) { #mobile-menu .lower-menu li a { padding: 20px; } } @media only screen and (max-width: 1208px) { #mobile-menu .is-accordion-submenu .menu-item:not(.button) a { position: relative; } #mobile-menu .is-accordion-submenu .menu-item:not(.button).is-accordion-submenu-item a:after { display: none; } #hamburger { height: 30px; width: 40px; position: absolute; top: 43px; right: 22px; cursor: pointer; } #hamburger span { background-color: rgb(0, 0, 0); height: 2px; width: 21px; display: block; position: absolute; right: 0; } #hamburger span:first-child { top: 7px; } #hamburger span:nth-child(2) { top: 14px; width: 21px; } #hamburger span:nth-child(3) { top: 14px; width: 21px; } #hamburger span:last-child { top: 21px; } #hamburger.menu-active span:first-child { display: none; } #hamburger.menu-active span:nth-child(2) { width: 21px; transform: rotate(45deg); right: 8px; } #hamburger.menu-active span:nth-child(3) { width: 21px; transform: rotate(-45deg); right: 8px; } #hamburger.menu-active span:last-child { display: none; } header.header .menu svg { max-width: 170px; } header.header .top-bar .top-bar-left .menu li a { padding: 20px 0; } header.header.fixedHeader #hamburger { top: 16px; } } @media (max-width: 1208px) { .top-bar-right { display: none !important; } #hamburger { display: block !important; border-radius: 5px; height: 35px; width: 35px; position: absolute; top: 15px; right: 22px; cursor: pointer; } #hamburger span { background-color: rgb(0, 0, 0); height: 2px; width: 15px; display: block; position: absolute; right: 10px; } #hamburger span:first-child { top: 11px; } #hamburger span:nth-child(2) { top: 16.5px; width: 15px; } #hamburger span:nth-child(3) { top: 16.5px; width: 15px; } #hamburger span:last-child { top: 22.5px; } #mobile-menu.menu-active { display: flex !important; height: calc(100vh - 96px); flex-flow: column; justify-content: space-between; position: absolute; top: 96px; left: 0; width: 100%; background-color: rgb(255, 255, 255); z-index: 5; } #mobile-menu.menu-active .utility-nav #button-container { margin-top: 0; padding: 37px 20px; justify-content: space-between; } #mobile-menu.menu-active .utility-nav #button-container .text-link { color: rgb(0, 0, 0); } #mobile-menu.menu-active .utility-nav .links { display: flex; justify-content: center; align-items: center; padding: 6px 0; border-top: 1px solid #485252; background: #1a2323; } #mobile-menu.menu-active .utility-nav .links span { color: #a0af9e; padding: 0 15px; } } .modern-buildbody { color: rgb(26, 26, 26); } section { padding: 60px 0; } section.cloud, section.offwhite, section.haze, section.beige, section.sand, section.sky, section.storm, section.heavystorm, section.softblack, section.black, section.sand_bkg, section.sky_bkg, section.black_bkg, section.full-img { margin: 60px 0; } section.cloud:has(+ section.cloud, + section.offwhite, + section.haze, + section.beige, + section.sand, + section.sky, + section.storm, + section.heavystorm, + section.softblack, + section.black, + section.sand_bkg, + section.sky_bkg, + section.black_bkg, + section.full-img), section.offwhite:has(+ section.cloud, + section.offwhite, + section.haze, + section.beige, + section.sand, + section.sky, + section.storm, + section.heavystorm, + section.softblack, + section.black, + section.sand_bkg, + section.sky_bkg, + section.black_bkg, + section.full-img), section.haze:has(+ section.cloud, + section.offwhite, + section.haze, + section.beige, + section.sand, + section.sky, + section.storm, + section.heavystorm, + section.softblack, + section.black, + section.sand_bkg, + section.sky_bkg, + section.black_bkg, + section.full-img), section.beige:has(+ section.cloud, + section.offwhite, + section.haze, + section.beige, + section.sand, + section.sky, + section.storm, + section.heavystorm, + section.softblack, + section.black, + section.sand_bkg, + section.sky_bkg, + section.black_bkg, + section.full-img), section.sand:has(+ section.cloud, + section.offwhite, + section.haze, + section.beige, + section.sand, + section.sky, + section.storm, + section.heavystorm, + section.softblack, + section.black, + section.sand_bkg, + section.sky_bkg, + section.black_bkg, + section.full-img), section.sky:has(+ section.cloud, + section.offwhite, + section.haze, + section.beige, + section.sand, + section.sky, + section.storm, + section.heavystorm, + section.softblack, + section.black, + section.sand_bkg, + section.sky_bkg, + section.black_bkg, + section.full-img), section.storm:has(+ section.cloud, + section.offwhite, + section.haze, + section.beige, + section.sand, + section.sky, + section.storm, + section.heavystorm, + section.softblack, + section.black, + section.sand_bkg, + section.sky_bkg, + section.black_bkg, + section.full-img), section.heavystorm:has(+ section.cloud, + section.offwhite, + section.haze, + section.beige, + section.sand, + section.sky, + section.storm, + section.heavystorm, + section.softblack, + section.black, + section.sand_bkg, + section.sky_bkg, + section.black_bkg, + section.full-img), section.softblack:has(+ section.cloud, + section.offwhite, + section.haze, + section.beige, + section.sand, + section.sky, + section.storm, + section.heavystorm, + section.softblack, + section.black, + section.sand_bkg, + section.sky_bkg, + section.black_bkg, + section.full-img), section.black:has(+ section.cloud, + section.offwhite, + section.haze, + section.beige, + section.sand, + section.sky, + section.storm, + section.heavystorm, + section.softblack, + section.black, + section.sand_bkg, + section.sky_bkg, + section.black_bkg, + section.full-img), section.sand_bkg:has(+ section.cloud, + section.offwhite, + section.haze, + section.beige, + section.sand, + section.sky, + section.storm, + section.heavystorm, + section.softblack, + section.black, + section.sand_bkg, + section.sky_bkg, + section.black_bkg, + section.full-img), section.sky_bkg:has(+ section.cloud, + section.offwhite, + section.haze, + section.beige, + section.sand, + section.sky, + section.storm, + section.heavystorm, + section.softblack, + section.black, + section.sand_bkg, + section.sky_bkg, + section.black_bkg, + section.full-img), section.black_bkg:has(+ section.cloud, + section.offwhite, + section.haze, + section.beige, + section.sand, + section.sky, + section.storm, + section.heavystorm, + section.softblack, + section.black, + section.sand_bkg, + section.sky_bkg, + section.black_bkg, + section.full-img), section.full-img:has(+ section.cloud, + section.offwhite, + section.haze, + section.beige, + section.sand, + section.sky, + section.storm, + section.heavystorm, + section.softblack, + section.black, + section.sand_bkg, + section.sky_bkg, + section.black_bkg, + section.full-img) { margin-bottom: 0; } section.cloud:has(+ footer), section.offwhite:has(+ footer), section.haze:has(+ footer), section.beige:has(+ footer), section.sand:has(+ footer), section.sky:has(+ footer), section.storm:has(+ footer), section.heavystorm:has(+ footer), section.softblack:has(+ footer), section.black:has(+ footer), section.sand_bkg:has(+ footer), section.sky_bkg:has(+ footer), section.black_bkg:has(+ footer), section.full-img:has(+ footer) { margin-bottom: 0; } section.cloud:has(+ .anchor-link + section.cloud, + .anchor-link + section.offwhite, + .anchor-link + section.haze, + .anchor-link + section.beige, + .anchor-link + section.sand, + .anchor-link + section.sky, + .anchor-link + section.storm, + .anchor-link + section.heavystorm, + .anchor-link + section.softblack, + .anchor-link + section.black, + .anchor-link + section.sand_bkg, + .anchor-link + section.sky_bkg, + .anchor-link + section.black_bkg, + .anchor-link + section.full-img), section.offwhite:has(+ .anchor-link + section.cloud, + .anchor-link + section.offwhite, + .anchor-link + section.haze, + .anchor-link + section.beige, + .anchor-link + section.sand, + .anchor-link + section.sky, + .anchor-link + section.storm, + .anchor-link + section.heavystorm, + .anchor-link + section.softblack, + .anchor-link + section.black, + .anchor-link + section.sand_bkg, + .anchor-link + section.sky_bkg, + .anchor-link + section.black_bkg, + .anchor-link + section.full-img), section.haze:has(+ .anchor-link + section.cloud, + .anchor-link + section.offwhite, + .anchor-link + section.haze, + .anchor-link + section.beige, + .anchor-link + section.sand, + .anchor-link + section.sky, + .anchor-link + section.storm, + .anchor-link + section.heavystorm, + .anchor-link + section.softblack, + .anchor-link + section.black, + .anchor-link + section.sand_bkg, + .anchor-link + section.sky_bkg, + .anchor-link + section.black_bkg, + .anchor-link + section.full-img), section.beige:has(+ .anchor-link + section.cloud, + .anchor-link + section.offwhite, + .anchor-link + section.haze, + .anchor-link + section.beige, + .anchor-link + section.sand, + .anchor-link + section.sky, + .anchor-link + section.storm, + .anchor-link + section.heavystorm, + .anchor-link + section.softblack, + .anchor-link + section.black, + .anchor-link + section.sand_bkg, + .anchor-link + section.sky_bkg, + .anchor-link + section.black_bkg, + .anchor-link + section.full-img), section.sand:has(+ .anchor-link + section.cloud, + .anchor-link + section.offwhite, + .anchor-link + section.haze, + .anchor-link + section.beige, + .anchor-link + section.sand, + .anchor-link + section.sky, + .anchor-link + section.storm, + .anchor-link + section.heavystorm, + .anchor-link + section.softblack, + .anchor-link + section.black, + .anchor-link + section.sand_bkg, + .anchor-link + section.sky_bkg, + .anchor-link + section.black_bkg, + .anchor-link + section.full-img), section.sky:has(+ .anchor-link + section.cloud, + .anchor-link + section.offwhite, + .anchor-link + section.haze, + .anchor-link + section.beige, + .anchor-link + section.sand, + .anchor-link + section.sky, + .anchor-link + section.storm, + .anchor-link + section.heavystorm, + .anchor-link + section.softblack, + .anchor-link + section.black, + .anchor-link + section.sand_bkg, + .anchor-link + section.sky_bkg, + .anchor-link + section.black_bkg, + .anchor-link + section.full-img), section.storm:has(+ .anchor-link + section.cloud, + .anchor-link + section.offwhite, + .anchor-link + section.haze, + .anchor-link + section.beige, + .anchor-link + section.sand, + .anchor-link + section.sky, + .anchor-link + section.storm, + .anchor-link + section.heavystorm, + .anchor-link + section.softblack, + .anchor-link + section.black, + .anchor-link + section.sand_bkg, + .anchor-link + section.sky_bkg, + .anchor-link + section.black_bkg, + .anchor-link + section.full-img), section.heavystorm:has(+ .anchor-link + section.cloud, + .anchor-link + section.offwhite, + .anchor-link + section.haze, + .anchor-link + section.beige, + .anchor-link + section.sand, + .anchor-link + section.sky, + .anchor-link + section.storm, + .anchor-link + section.heavystorm, + .anchor-link + section.softblack, + .anchor-link + section.black, + .anchor-link + section.sand_bkg, + .anchor-link + section.sky_bkg, + .anchor-link + section.black_bkg, + .anchor-link + section.full-img), section.softblack:has(+ .anchor-link + section.cloud, + .anchor-link + section.offwhite, + .anchor-link + section.haze, + .anchor-link + section.beige, + .anchor-link + section.sand, + .anchor-link + section.sky, + .anchor-link + section.storm, + .anchor-link + section.heavystorm, + .anchor-link + section.softblack, + .anchor-link + section.black, + .anchor-link + section.sand_bkg, + .anchor-link + section.sky_bkg, + .anchor-link + section.black_bkg, + .anchor-link + section.full-img), section.black:has(+ .anchor-link + section.cloud, + .anchor-link + section.offwhite, + .anchor-link + section.haze, + .anchor-link + section.beige, + .anchor-link + section.sand, + .anchor-link + section.sky, + .anchor-link + section.storm, + .anchor-link + section.heavystorm, + .anchor-link + section.softblack, + .anchor-link + section.black, + .anchor-link + section.sand_bkg, + .anchor-link + section.sky_bkg, + .anchor-link + section.black_bkg, + .anchor-link + section.full-img), section.sand_bkg:has(+ .anchor-link + section.cloud, + .anchor-link + section.offwhite, + .anchor-link + section.haze, + .anchor-link + section.beige, + .anchor-link + section.sand, + .anchor-link + section.sky, + .anchor-link + section.storm, + .anchor-link + section.heavystorm, + .anchor-link + section.softblack, + .anchor-link + section.black, + .anchor-link + section.sand_bkg, + .anchor-link + section.sky_bkg, + .anchor-link + section.black_bkg, + .anchor-link + section.full-img), section.sky_bkg:has(+ .anchor-link + section.cloud, + .anchor-link + section.offwhite, + .anchor-link + section.haze, + .anchor-link + section.beige, + .anchor-link + section.sand, + .anchor-link + section.sky, + .anchor-link + section.storm, + .anchor-link + section.heavystorm, + .anchor-link + section.softblack, + .anchor-link + section.black, + .anchor-link + section.sand_bkg, + .anchor-link + section.sky_bkg, + .anchor-link + section.black_bkg, + .anchor-link + section.full-img), section.black_bkg:has(+ .anchor-link + section.cloud, + .anchor-link + section.offwhite, + .anchor-link + section.haze, + .anchor-link + section.beige, + .anchor-link + section.sand, + .anchor-link + section.sky, + .anchor-link + section.storm, + .anchor-link + section.heavystorm, + .anchor-link + section.softblack, + .anchor-link + section.black, + .anchor-link + section.sand_bkg, + .anchor-link + section.sky_bkg, + .anchor-link + section.black_bkg, + .anchor-link + section.full-img), section.full-img:has(+ .anchor-link + section.cloud, + .anchor-link + section.offwhite, + .anchor-link + section.haze, + .anchor-link + section.beige, + .anchor-link + section.sand, + .anchor-link + section.sky, + .anchor-link + section.storm, + .anchor-link + section.heavystorm, + .anchor-link + section.softblack, + .anchor-link + section.black, + .anchor-link + section.sand_bkg, + .anchor-link + section.sky_bkg, + .anchor-link + section.black_bkg, + .anchor-link + section.full-img) { margin-bottom: 0; } section.cloud + section.cloud, section.cloud + section.offwhite, section.cloud + section.haze, section.cloud + section.beige, section.cloud + section.sand, section.cloud + section.sky, section.cloud + section.storm, section.cloud + section.heavystorm, section.cloud + section.softblack, section.cloud + section.black, section.cloud + section.sand_bkg, section.cloud + section.sky_bkg, section.cloud + section.black_bkg, section.cloud + section.full-img, section.offwhite + section.cloud, section.offwhite + section.offwhite, section.offwhite + section.haze, section.offwhite + section.beige, section.offwhite + section.sand, section.offwhite + section.sky, section.offwhite + section.storm, section.offwhite + section.heavystorm, section.offwhite + section.softblack, section.offwhite + section.black, section.offwhite + section.sand_bkg, section.offwhite + section.sky_bkg, section.offwhite + section.black_bkg, section.offwhite + section.full-img, section.haze + section.cloud, section.haze + section.offwhite, section.haze + section.haze, section.haze + section.beige, section.haze + section.sand, section.haze + section.sky, section.haze + section.storm, section.haze + section.heavystorm, section.haze + section.softblack, section.haze + section.black, section.haze + section.sand_bkg, section.haze + section.sky_bkg, section.haze + section.black_bkg, section.haze + section.full-img, section.beige + section.cloud, section.beige + section.offwhite, section.beige + section.haze, section.beige + section.beige, section.beige + section.sand, section.beige + section.sky, section.beige + section.storm, section.beige + section.heavystorm, section.beige + section.softblack, section.beige + section.black, section.beige + section.sand_bkg, section.beige + section.sky_bkg, section.beige + section.black_bkg, section.beige + section.full-img, section.sand + section.cloud, section.sand + section.offwhite, section.sand + section.haze, section.sand + section.beige, section.sand + section.sand, section.sand + section.sky, section.sand + section.storm, section.sand + section.heavystorm, section.sand + section.softblack, section.sand + section.black, section.sand + section.sand_bkg, section.sand + section.sky_bkg, section.sand + section.black_bkg, section.sand + section.full-img, section.sky + section.cloud, section.sky + section.offwhite, section.sky + section.haze, section.sky + section.beige, section.sky + section.sand, section.sky + section.sky, section.sky + section.storm, section.sky + section.heavystorm, section.sky + section.softblack, section.sky + section.black, section.sky + section.sand_bkg, section.sky + section.sky_bkg, section.sky + section.black_bkg, section.sky + section.full-img, section.storm + section.cloud, section.storm + section.offwhite, section.storm + section.haze, section.storm + section.beige, section.storm + section.sand, section.storm + section.sky, section.storm + section.storm, section.storm + section.heavystorm, section.storm + section.softblack, section.storm + section.black, section.storm + section.sand_bkg, section.storm + section.sky_bkg, section.storm + section.black_bkg, section.storm + section.full-img, section.heavystorm + section.cloud, section.heavystorm + section.offwhite, section.heavystorm + section.haze, section.heavystorm + section.beige, section.heavystorm + section.sand, section.heavystorm + section.sky, section.heavystorm + section.storm, section.heavystorm + section.heavystorm, section.heavystorm + section.softblack, section.heavystorm + section.black, section.heavystorm + section.sand_bkg, section.heavystorm + section.sky_bkg, section.heavystorm + section.black_bkg, section.heavystorm + section.full-img, section.softblack + section.cloud, section.softblack + section.offwhite, section.softblack + section.haze, section.softblack + section.beige, section.softblack + section.sand, section.softblack + section.sky, section.softblack + section.storm, section.softblack + section.heavystorm, section.softblack + section.softblack, section.softblack + section.black, section.softblack + section.sand_bkg, section.softblack + section.sky_bkg, section.softblack + section.black_bkg, section.softblack + section.full-img, section.black + section.cloud, section.black + section.offwhite, section.black + section.haze, section.black + section.beige, section.black + section.sand, section.black + section.sky, section.black + section.storm, section.black + section.heavystorm, section.black + section.softblack, section.black + section.black, section.black + section.sand_bkg, section.black + section.sky_bkg, section.black + section.black_bkg, section.black + section.full-img, section.sand_bkg + section.cloud, section.sand_bkg + section.offwhite, section.sand_bkg + section.haze, section.sand_bkg + section.beige, section.sand_bkg + section.sand, section.sand_bkg + section.sky, section.sand_bkg + section.storm, section.sand_bkg + section.heavystorm, section.sand_bkg + section.softblack, section.sand_bkg + section.black, section.sand_bkg + section.sand_bkg, section.sand_bkg + section.sky_bkg, section.sand_bkg + section.black_bkg, section.sand_bkg + section.full-img, section.sky_bkg + section.cloud, section.sky_bkg + section.offwhite, section.sky_bkg + section.haze, section.sky_bkg + section.beige, section.sky_bkg + section.sand, section.sky_bkg + section.sky, section.sky_bkg + section.storm, section.sky_bkg + section.heavystorm, section.sky_bkg + section.softblack, section.sky_bkg + section.black, section.sky_bkg + section.sand_bkg, section.sky_bkg + section.sky_bkg, section.sky_bkg + section.black_bkg, section.sky_bkg + section.full-img, section.black_bkg + section.cloud, section.black_bkg + section.offwhite, section.black_bkg + section.haze, section.black_bkg + section.beige, section.black_bkg + section.sand, section.black_bkg + section.sky, section.black_bkg + section.storm, section.black_bkg + section.heavystorm, section.black_bkg + section.softblack, section.black_bkg + section.black, section.black_bkg + section.sand_bkg, section.black_bkg + section.sky_bkg, section.black_bkg + section.black_bkg, section.black_bkg + section.full-img, section.full-img + section.cloud, section.full-img + section.offwhite, section.full-img + section.haze, section.full-img + section.beige, section.full-img + section.sand, section.full-img + section.sky, section.full-img + section.storm, section.full-img + section.heavystorm, section.full-img + section.softblack, section.full-img + section.black, section.full-img + section.sand_bkg, section.full-img + section.sky_bkg, section.full-img + section.black_bkg, section.full-img + section.full-img { margin-top: 0; } section.cloud + .anchor-link + section.cloud, section.cloud + .anchor-link + section.offwhite, section.cloud + .anchor-link + section.haze, section.cloud + .anchor-link + section.beige, section.cloud + .anchor-link + section.sand, section.cloud + .anchor-link + section.sky, section.cloud + .anchor-link + section.storm, section.cloud + .anchor-link + section.heavystorm, section.cloud + .anchor-link + section.softblack, section.cloud + .anchor-link + section.black, section.cloud + .anchor-link + section.sand_bkg, section.cloud + .anchor-link + section.sky_bkg, section.cloud + .anchor-link + section.black_bkg, section.cloud + .anchor-link + section.full-img, section.offwhite + .anchor-link + section.cloud, section.offwhite + .anchor-link + section.offwhite, section.offwhite + .anchor-link + section.haze, section.offwhite + .anchor-link + section.beige, section.offwhite + .anchor-link + section.sand, section.offwhite + .anchor-link + section.sky, section.offwhite + .anchor-link + section.storm, section.offwhite + .anchor-link + section.heavystorm, section.offwhite + .anchor-link + section.softblack, section.offwhite + .anchor-link + section.black, section.offwhite + .anchor-link + section.sand_bkg, section.offwhite + .anchor-link + section.sky_bkg, section.offwhite + .anchor-link + section.black_bkg, section.offwhite + .anchor-link + section.full-img, section.haze + .anchor-link + section.cloud, section.haze + .anchor-link + section.offwhite, section.haze + .anchor-link + section.haze, section.haze + .anchor-link + section.beige, section.haze + .anchor-link + section.sand, section.haze + .anchor-link + section.sky, section.haze + .anchor-link + section.storm, section.haze + .anchor-link + section.heavystorm, section.haze + .anchor-link + section.softblack, section.haze + .anchor-link + section.black, section.haze + .anchor-link + section.sand_bkg, section.haze + .anchor-link + section.sky_bkg, section.haze + .anchor-link + section.black_bkg, section.haze + .anchor-link + section.full-img, section.beige + .anchor-link + section.cloud, section.beige + .anchor-link + section.offwhite, section.beige + .anchor-link + section.haze, section.beige + .anchor-link + section.beige, section.beige + .anchor-link + section.sand, section.beige + .anchor-link + section.sky, section.beige + .anchor-link + section.storm, section.beige + .anchor-link + section.heavystorm, section.beige + .anchor-link + section.softblack, section.beige + .anchor-link + section.black, section.beige + .anchor-link + section.sand_bkg, section.beige + .anchor-link + section.sky_bkg, section.beige + .anchor-link + section.black_bkg, section.beige + .anchor-link + section.full-img, section.sand + .anchor-link + section.cloud, section.sand + .anchor-link + section.offwhite, section.sand + .anchor-link + section.haze, section.sand + .anchor-link + section.beige, section.sand + .anchor-link + section.sand, section.sand + .anchor-link + section.sky, section.sand + .anchor-link + section.storm, section.sand + .anchor-link + section.heavystorm, section.sand + .anchor-link + section.softblack, section.sand + .anchor-link + section.black, section.sand + .anchor-link + section.sand_bkg, section.sand + .anchor-link + section.sky_bkg, section.sand + .anchor-link + section.black_bkg, section.sand + .anchor-link + section.full-img, section.sky + .anchor-link + section.cloud, section.sky + .anchor-link + section.offwhite, section.sky + .anchor-link + section.haze, section.sky + .anchor-link + section.beige, section.sky + .anchor-link + section.sand, section.sky + .anchor-link + section.sky, section.sky + .anchor-link + section.storm, section.sky + .anchor-link + section.heavystorm, section.sky + .anchor-link + section.softblack, section.sky + .anchor-link + section.black, section.sky + .anchor-link + section.sand_bkg, section.sky + .anchor-link + section.sky_bkg, section.sky + .anchor-link + section.black_bkg, section.sky + .anchor-link + section.full-img, section.storm + .anchor-link + section.cloud, section.storm + .anchor-link + section.offwhite, section.storm + .anchor-link + section.haze, section.storm + .anchor-link + section.beige, section.storm + .anchor-link + section.sand, section.storm + .anchor-link + section.sky, section.storm + .anchor-link + section.storm, section.storm + .anchor-link + section.heavystorm, section.storm + .anchor-link + section.softblack, section.storm + .anchor-link + section.black, section.storm + .anchor-link + section.sand_bkg, section.storm + .anchor-link + section.sky_bkg, section.storm + .anchor-link + section.black_bkg, section.storm + .anchor-link + section.full-img, section.heavystorm + .anchor-link + section.cloud, section.heavystorm + .anchor-link + section.offwhite, section.heavystorm + .anchor-link + section.haze, section.heavystorm + .anchor-link + section.beige, section.heavystorm + .anchor-link + section.sand, section.heavystorm + .anchor-link + section.sky, section.heavystorm + .anchor-link + section.storm, section.heavystorm + .anchor-link + section.heavystorm, section.heavystorm + .anchor-link + section.softblack, section.heavystorm + .anchor-link + section.black, section.heavystorm + .anchor-link + section.sand_bkg, section.heavystorm + .anchor-link + section.sky_bkg, section.heavystorm + .anchor-link + section.black_bkg, section.heavystorm + .anchor-link + section.full-img, section.softblack + .anchor-link + section.cloud, section.softblack + .anchor-link + section.offwhite, section.softblack + .anchor-link + section.haze, section.softblack + .anchor-link + section.beige, section.softblack + .anchor-link + section.sand, section.softblack + .anchor-link + section.sky, section.softblack + .anchor-link + section.storm, section.softblack + .anchor-link + section.heavystorm, section.softblack + .anchor-link + section.softblack, section.softblack + .anchor-link + section.black, section.softblack + .anchor-link + section.sand_bkg, section.softblack + .anchor-link + section.sky_bkg, section.softblack + .anchor-link + section.black_bkg, section.softblack + .anchor-link + section.full-img, section.black + .anchor-link + section.cloud, section.black + .anchor-link + section.offwhite, section.black + .anchor-link + section.haze, section.black + .anchor-link + section.beige, section.black + .anchor-link + section.sand, section.black + .anchor-link + section.sky, section.black + .anchor-link + section.storm, section.black + .anchor-link + section.heavystorm, section.black + .anchor-link + section.softblack, section.black + .anchor-link + section.black, section.black + .anchor-link + section.sand_bkg, section.black + .anchor-link + section.sky_bkg, section.black + .anchor-link + section.black_bkg, section.black + .anchor-link + section.full-img, section.sand_bkg + .anchor-link + section.cloud, section.sand_bkg + .anchor-link + section.offwhite, section.sand_bkg + .anchor-link + section.haze, section.sand_bkg + .anchor-link + section.beige, section.sand_bkg + .anchor-link + section.sand, section.sand_bkg + .anchor-link + section.sky, section.sand_bkg + .anchor-link + section.storm, section.sand_bkg + .anchor-link + section.heavystorm, section.sand_bkg + .anchor-link + section.softblack, section.sand_bkg + .anchor-link + section.black, section.sand_bkg + .anchor-link + section.sand_bkg, section.sand_bkg + .anchor-link + section.sky_bkg, section.sand_bkg + .anchor-link + section.black_bkg, section.sand_bkg + .anchor-link + section.full-img, section.sky_bkg + .anchor-link + section.cloud, section.sky_bkg + .anchor-link + section.offwhite, section.sky_bkg + .anchor-link + section.haze, section.sky_bkg + .anchor-link + section.beige, section.sky_bkg + .anchor-link + section.sand, section.sky_bkg + .anchor-link + section.sky, section.sky_bkg + .anchor-link + section.storm, section.sky_bkg + .anchor-link + section.heavystorm, section.sky_bkg + .anchor-link + section.softblack, section.sky_bkg + .anchor-link + section.black, section.sky_bkg + .anchor-link + section.sand_bkg, section.sky_bkg + .anchor-link + section.sky_bkg, section.sky_bkg + .anchor-link + section.black_bkg, section.sky_bkg + .anchor-link + section.full-img, section.black_bkg + .anchor-link + section.cloud, section.black_bkg + .anchor-link + section.offwhite, section.black_bkg + .anchor-link + section.haze, section.black_bkg + .anchor-link + section.beige, section.black_bkg + .anchor-link + section.sand, section.black_bkg + .anchor-link + section.sky, section.black_bkg + .anchor-link + section.storm, section.black_bkg + .anchor-link + section.heavystorm, section.black_bkg + .anchor-link + section.softblack, section.black_bkg + .anchor-link + section.black, section.black_bkg + .anchor-link + section.sand_bkg, section.black_bkg + .anchor-link + section.sky_bkg, section.black_bkg + .anchor-link + section.black_bkg, section.black_bkg + .anchor-link + section.full-img, section.full-img + .anchor-link + section.cloud, section.full-img + .anchor-link + section.offwhite, section.full-img + .anchor-link + section.haze, section.full-img + .anchor-link + section.beige, section.full-img + .anchor-link + section.sand, section.full-img + .anchor-link + section.sky, section.full-img + .anchor-link + section.storm, section.full-img + .anchor-link + section.heavystorm, section.full-img + .anchor-link + section.softblack, section.full-img + .anchor-link + section.black, section.full-img + .anchor-link + section.sand_bkg, section.full-img + .anchor-link + section.sky_bkg, section.full-img + .anchor-link + section.black_bkg, section.full-img + .anchor-link + section.full-img { margin-top: 0; } section.padding-top-0 { padding-top: 0; } section.padding-top-50 { padding-top: 50px; } section.padding-top-50.cloud, section.padding-top-50.offwhite, section.padding-top-50.haze, section.padding-top-50.beige, section.padding-top-50.sand, section.padding-top-50.sky, section.padding-top-50.storm, section.padding-top-50.heavystorm, section.padding-top-50.softblack, section.padding-top-50.black, section.padding-top-50.sand_bkg, section.padding-top-50.sky_bkg, section.padding-top-50.black_bkg, section.padding-top-50.full-img { margin-top: 50px; } section.padding-top-100 { padding-top: 100px; } section.padding-top-100.cloud, section.padding-top-100.offwhite, section.padding-top-100.haze, section.padding-top-100.beige, section.padding-top-100.sand, section.padding-top-100.sky, section.padding-top-100.storm, section.padding-top-100.heavystorm, section.padding-top-100.softblack, section.padding-top-100.black, section.padding-top-100.sand_bkg, section.padding-top-100.sky_bkg, section.padding-top-100.black_bkg, section.padding-top-100.full-img { margin-top: 100px; } section.padding-bottom-0 { padding-bottom: 0; } section.padding-bottom-50 { padding-bottom: 50px; } section.padding-bottom-50.cloud, section.padding-bottom-50.offwhite, section.padding-bottom-50.haze, section.padding-bottom-50.beige, section.padding-bottom-50.sand, section.padding-bottom-50.sky, section.padding-bottom-50.storm, section.padding-bottom-50.heavystorm, section.padding-bottom-50.softblack, section.padding-bottom-50.black, section.padding-bottom-50.sand_bkg, section.padding-bottom-50.sky_bkg, section.padding-bottom-50.black_bkg, section.padding-bottom-50.full-img { margin-bottom: 50px; } section.padding-bottom-100 { padding-bottom: 100px; } section.padding-bottom-100.cloud, section.padding-bottom-100.offwhite, section.padding-bottom-100.haze, section.padding-bottom-100.beige, section.padding-bottom-100.sand, section.padding-bottom-100.sky, section.padding-bottom-100.storm, section.padding-bottom-100.heavystorm, section.padding-bottom-100.softblack, section.padding-bottom-100.black, section.padding-bottom-100.sand_bkg, section.padding-bottom-100.sky_bkg, section.padding-bottom-100.black_bkg, section.padding-bottom-100.full-img { margin-bottom: 100px; } section.white { background-color: rgb(255, 255, 255); } section.cloud { background-color: #f5f5f5; } section.offwhite { background-color: #e6ebeb; } section.haze { background-color: #d9d9d9; } section.beige, section.sand { background-color: rgb(239, 237, 228); } section.sky { background-color: #c0d5ff; } section.storm { background-color: #a0af9e; } section.heavystorm { background-color: #727d71; } section.softblack { background-color: rgb(26, 26, 26); } section.black { background-color: rgb(0, 0, 0); } section.sand_bkg { background-image: url("../images/sand_bkg.png"); } section.sky_bkg { background-image: url("../images/sky_bkg.png"); } section.black_bkg { background-image: url("../images/black_bkg.png"); } section.sand_bkg, section.sky_bkg, section.black_bkg { background-position: center center; background-repeat: no-repeat; background-size: cover; } section.heavystorm h1, section.heavystorm h2, section.heavystorm h3, section.heavystorm h4, section.heavystorm h5, section.heavystorm h6, section.heavystorm p, section.heavystorm li, section.softblack h1, section.softblack h2, section.softblack h3, section.softblack h4, section.softblack h5, section.softblack h6, section.softblack p, section.softblack li, section.black h1, section.black h2, section.black h3, section.black h4, section.black h5, section.black h6, section.black p, section.black li, section.black_bkg h1, section.black_bkg h2, section.black_bkg h3, section.black_bkg h4, section.black_bkg h5, section.black_bkg h6, section.black_bkg p, section.black_bkg li { color: rgb(255, 255, 255); } section h1.left, section h2.left, section h3.left, section h4.left, section h5.left, section h6.left, section p.left, section li.left { text-align: left; } section h1.center, section h2.center, section h3.center, section h4.center, section h5.center, section h6.center, section p.center, section li.center { text-align: center; } section h1.right, section h2.right, section h3.right, section h4.right, section h5.right, section h6.right, section p.right, section li.right { text-align: right; } section .title-container { margin-bottom: 12px; } @media (min-width: 769px) { section .title-container { margin-bottom: 24px; } } /* Initial state of the animation */ .fade-up { opacity: 0; transform: translateY(80px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; } .inline-module .fade-up { opacity: 1; transform: translateY(0); } /* State when the element is in the viewport */ .fade-up.show { opacity: 1; transform: translateY(0); } .responsive-embed.widescreen, .flex-video.widescreen { margin: 0 !important; } @media (max-width: 768px) { .grid { max-width: calc(100vw - 44px); } .grid .grid { padding: 0; } } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ .modern-build#hero.full.image-active.black:after, .modern-build#hero.full.image-active.black:before { display: none; } .modern-build.hero.white #breadcrumb path, .modern-build.hero.white .breadcrumb path, .modern-build.hero.sand #breadcrumb path, .modern-build.hero.sand .breadcrumb path, .modern-build.hero.beige #breadcrumb path, .modern-build.hero.beige .breadcrumb path, .modern-build.hero.sky #breadcrumb path, .modern-build.hero.sky .breadcrumb path, .modern-build.hero.sand_bkg #breadcrumb path, .modern-build.hero.sand_bkg .breadcrumb path, .modern-build.hero.sky_bkg #breadcrumb path, .modern-build.hero.sky_bkg .breadcrumb path { fill: #1a1a1a; } .modern-build.hero.white #breadcrumb a, .modern-build.hero.white .breadcrumb a, .modern-build.hero.sand #breadcrumb a, .modern-build.hero.sand .breadcrumb a, .modern-build.hero.beige #breadcrumb a, .modern-build.hero.beige .breadcrumb a, .modern-build.hero.sky #breadcrumb a, .modern-build.hero.sky .breadcrumb a, .modern-build.hero.sand_bkg #breadcrumb a, .modern-build.hero.sand_bkg .breadcrumb a, .modern-build.hero.sky_bkg #breadcrumb a, .modern-build.hero.sky_bkg .breadcrumb a { color: rgb(0, 0, 0); } .modern-build.hero.white #breadcrumb a:hover, .modern-build.hero.white .breadcrumb a:hover, .modern-build.hero.sand #breadcrumb a:hover, .modern-build.hero.sand .breadcrumb a:hover, .modern-build.hero.beige #breadcrumb a:hover, .modern-build.hero.beige .breadcrumb a:hover, .modern-build.hero.sky #breadcrumb a:hover, .modern-build.hero.sky .breadcrumb a:hover, .modern-build.hero.sand_bkg #breadcrumb a:hover, .modern-build.hero.sand_bkg .breadcrumb a:hover, .modern-build.hero.sky_bkg #breadcrumb a:hover, .modern-build.hero.sky_bkg .breadcrumb a:hover { color: rgb(243, 66, 74); } .modern-build.hero.white #breadcrumb a:last-child, .modern-build.hero.white .breadcrumb a:last-child, .modern-build.hero.sand #breadcrumb a:last-child, .modern-build.hero.sand .breadcrumb a:last-child, .modern-build.hero.beige #breadcrumb a:last-child, .modern-build.hero.beige .breadcrumb a:last-child, .modern-build.hero.sky #breadcrumb a:last-child, .modern-build.hero.sky .breadcrumb a:last-child, .modern-build.hero.sand_bkg #breadcrumb a:last-child, .modern-build.hero.sand_bkg .breadcrumb a:last-child, .modern-build.hero.sky_bkg #breadcrumb a:last-child, .modern-build.hero.sky_bkg .breadcrumb a:last-child { color: rgb(243, 66, 74); } .modern-build.hero.white #breadcrumb a:last-child:hover, .modern-build.hero.white .breadcrumb a:last-child:hover, .modern-build.hero.sand #breadcrumb a:last-child:hover, .modern-build.hero.sand .breadcrumb a:last-child:hover, .modern-build.hero.beige #breadcrumb a:last-child:hover, .modern-build.hero.beige .breadcrumb a:last-child:hover, .modern-build.hero.sky #breadcrumb a:last-child:hover, .modern-build.hero.sky .breadcrumb a:last-child:hover, .modern-build.hero.sand_bkg #breadcrumb a:last-child:hover, .modern-build.hero.sand_bkg .breadcrumb a:last-child:hover, .modern-build.hero.sky_bkg #breadcrumb a:last-child:hover, .modern-build.hero.sky_bkg .breadcrumb a:last-child:hover { color: rgb(0, 0, 0); } .modern-build.hero.heavystorm #breadcrumb path, .modern-build.hero.heavystorm .breadcrumb path, .modern-build.hero.softblack #breadcrumb path, .modern-build.hero.softblack .breadcrumb path, .modern-build.hero.black #breadcrumb path, .modern-build.hero.black .breadcrumb path, .modern-build.hero.black_bkg #breadcrumb path, .modern-build.hero.black_bkg .breadcrumb path { fill: #fefefe; } .modern-build.hero.heavystorm #breadcrumb a, .modern-build.hero.heavystorm .breadcrumb a, .modern-build.hero.softblack #breadcrumb a, .modern-build.hero.softblack .breadcrumb a, .modern-build.hero.black #breadcrumb a, .modern-build.hero.black .breadcrumb a, .modern-build.hero.black_bkg #breadcrumb a, .modern-build.hero.black_bkg .breadcrumb a { color: rgb(255, 255, 255); } .modern-build.hero.heavystorm #breadcrumb a:hover, .modern-build.hero.heavystorm .breadcrumb a:hover, .modern-build.hero.softblack #breadcrumb a:hover, .modern-build.hero.softblack .breadcrumb a:hover, .modern-build.hero.black #breadcrumb a:hover, .modern-build.hero.black .breadcrumb a:hover, .modern-build.hero.black_bkg #breadcrumb a:hover, .modern-build.hero.black_bkg .breadcrumb a:hover { color: rgb(243, 66, 74); } .modern-build.hero.heavystorm #breadcrumb a:last-child, .modern-build.hero.heavystorm .breadcrumb a:last-child, .modern-build.hero.softblack #breadcrumb a:last-child, .modern-build.hero.softblack .breadcrumb a:last-child, .modern-build.hero.black #breadcrumb a:last-child, .modern-build.hero.black .breadcrumb a:last-child, .modern-build.hero.black_bkg #breadcrumb a:last-child, .modern-build.hero.black_bkg .breadcrumb a:last-child { color: rgb(243, 66, 74); } .modern-build.hero.heavystorm #breadcrumb a:last-child:hover, .modern-build.hero.heavystorm .breadcrumb a:last-child:hover, .modern-build.hero.softblack #breadcrumb a:last-child:hover, .modern-build.hero.softblack .breadcrumb a:last-child:hover, .modern-build.hero.black #breadcrumb a:last-child:hover, .modern-build.hero.black .breadcrumb a:last-child:hover, .modern-build.hero.black_bkg #breadcrumb a:last-child:hover, .modern-build.hero.black_bkg .breadcrumb a:last-child:hover { color: rgb(255, 255, 255); } .modern-build.hero .breadcrumb { text-align: left !important; margin-top: 0; margin-bottom: 48px; } .modern-build.hero .title { line-height: 4rem; } .modern-build.hero .subtitle { color: #f9cc3d; margin-bottom: 1rem; } @media (min-width: 1140px) { .modern-build.hero .title { line-height: 1.25em; } } @media (max-width: 1140px) { .modern-build.hero .mobile-small { font-size: 33px; line-height: 3rem; } } @media (max-width: 768px) { .modern-build.hero .button-container { margin-top: 0.5em; flex-direction: column; gap: 10px; } } .modern-build.hero .tertiary { padding: 0 20px; } .modern-build.hero .tertiary img { max-height: 60px; min-height: 60px; width: auto; } .modern-build.hero .image-container { border: 2px solid rgb(255, 255, 255); border-radius: 30px; padding: 12px; } .modern-build.hero .image-container .image-container-inner { border-radius: 20px; overflow: hidden; } @media (min-width: 769px) { .modern-build.hero.large-center.text-center .content-container:not(.breadcrumb) { max-width: 860px; margin-left: auto; margin-right: auto; } } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ body.modern-build.single-post section#hero, body.modern-build.single-customer-stories section#hero, body.modern-build.single-resources section#hero, body.modern-build.single-news section#hero { margin: 0; padding: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } body.modern-build.single-post section#hero.sand, body.modern-build.single-post section#hero.beige, body.modern-build.single-post section#hero.sky, body.modern-build.single-customer-stories section#hero.sand, body.modern-build.single-customer-stories section#hero.beige, body.modern-build.single-customer-stories section#hero.sky, body.modern-build.single-resources section#hero.sand, body.modern-build.single-resources section#hero.beige, body.modern-build.single-resources section#hero.sky, body.modern-build.single-news section#hero.sand, body.modern-build.single-news section#hero.beige, body.modern-build.single-news section#hero.sky { background-image: url("../images/sand_bkg.png"); } body.modern-build.single-post section#hero.sand #breadcrumb, body.modern-build.single-post section#hero.sand .breadcrumb, body.modern-build.single-post section#hero.beige #breadcrumb, body.modern-build.single-post section#hero.beige .breadcrumb, body.modern-build.single-post section#hero.sky #breadcrumb, body.modern-build.single-post section#hero.sky .breadcrumb, body.modern-build.single-customer-stories section#hero.sand #breadcrumb, body.modern-build.single-customer-stories section#hero.sand .breadcrumb, body.modern-build.single-customer-stories section#hero.beige #breadcrumb, body.modern-build.single-customer-stories section#hero.beige .breadcrumb, body.modern-build.single-customer-stories section#hero.sky #breadcrumb, body.modern-build.single-customer-stories section#hero.sky .breadcrumb, body.modern-build.single-resources section#hero.sand #breadcrumb, body.modern-build.single-resources section#hero.sand .breadcrumb, body.modern-build.single-resources section#hero.beige #breadcrumb, body.modern-build.single-resources section#hero.beige .breadcrumb, body.modern-build.single-resources section#hero.sky #breadcrumb, body.modern-build.single-resources section#hero.sky .breadcrumb, body.modern-build.single-news section#hero.sand #breadcrumb, body.modern-build.single-news section#hero.sand .breadcrumb, body.modern-build.single-news section#hero.beige #breadcrumb, body.modern-build.single-news section#hero.beige .breadcrumb, body.modern-build.single-news section#hero.sky #breadcrumb, body.modern-build.single-news section#hero.sky .breadcrumb { padding: 0 0 24px 0; } body.modern-build.single-post section#hero.sand #breadcrumb path, body.modern-build.single-post section#hero.sand .breadcrumb path, body.modern-build.single-post section#hero.beige #breadcrumb path, body.modern-build.single-post section#hero.beige .breadcrumb path, body.modern-build.single-post section#hero.sky #breadcrumb path, body.modern-build.single-post section#hero.sky .breadcrumb path, body.modern-build.single-customer-stories section#hero.sand #breadcrumb path, body.modern-build.single-customer-stories section#hero.sand .breadcrumb path, body.modern-build.single-customer-stories section#hero.beige #breadcrumb path, body.modern-build.single-customer-stories section#hero.beige .breadcrumb path, body.modern-build.single-customer-stories section#hero.sky #breadcrumb path, body.modern-build.single-customer-stories section#hero.sky .breadcrumb path, body.modern-build.single-resources section#hero.sand #breadcrumb path, body.modern-build.single-resources section#hero.sand .breadcrumb path, body.modern-build.single-resources section#hero.beige #breadcrumb path, body.modern-build.single-resources section#hero.beige .breadcrumb path, body.modern-build.single-resources section#hero.sky #breadcrumb path, body.modern-build.single-resources section#hero.sky .breadcrumb path, body.modern-build.single-news section#hero.sand #breadcrumb path, body.modern-build.single-news section#hero.sand .breadcrumb path, body.modern-build.single-news section#hero.beige #breadcrumb path, body.modern-build.single-news section#hero.beige .breadcrumb path, body.modern-build.single-news section#hero.sky #breadcrumb path, body.modern-build.single-news section#hero.sky .breadcrumb path { fill: #1a1a1a; } body.modern-build.single-post section#hero.sand #breadcrumb a, body.modern-build.single-post section#hero.sand .breadcrumb a, body.modern-build.single-post section#hero.beige #breadcrumb a, body.modern-build.single-post section#hero.beige .breadcrumb a, body.modern-build.single-post section#hero.sky #breadcrumb a, body.modern-build.single-post section#hero.sky .breadcrumb a, body.modern-build.single-customer-stories section#hero.sand #breadcrumb a, body.modern-build.single-customer-stories section#hero.sand .breadcrumb a, body.modern-build.single-customer-stories section#hero.beige #breadcrumb a, body.modern-build.single-customer-stories section#hero.beige .breadcrumb a, body.modern-build.single-customer-stories section#hero.sky #breadcrumb a, body.modern-build.single-customer-stories section#hero.sky .breadcrumb a, body.modern-build.single-resources section#hero.sand #breadcrumb a, body.modern-build.single-resources section#hero.sand .breadcrumb a, body.modern-build.single-resources section#hero.beige #breadcrumb a, body.modern-build.single-resources section#hero.beige .breadcrumb a, body.modern-build.single-resources section#hero.sky #breadcrumb a, body.modern-build.single-resources section#hero.sky .breadcrumb a, body.modern-build.single-news section#hero.sand #breadcrumb a, body.modern-build.single-news section#hero.sand .breadcrumb a, body.modern-build.single-news section#hero.beige #breadcrumb a, body.modern-build.single-news section#hero.beige .breadcrumb a, body.modern-build.single-news section#hero.sky #breadcrumb a, body.modern-build.single-news section#hero.sky .breadcrumb a { color: rgb(0, 0, 0); } body.modern-build.single-post section#hero.sand #breadcrumb a:hover, body.modern-build.single-post section#hero.sand .breadcrumb a:hover, body.modern-build.single-post section#hero.beige #breadcrumb a:hover, body.modern-build.single-post section#hero.beige .breadcrumb a:hover, body.modern-build.single-post section#hero.sky #breadcrumb a:hover, body.modern-build.single-post section#hero.sky .breadcrumb a:hover, body.modern-build.single-customer-stories section#hero.sand #breadcrumb a:hover, body.modern-build.single-customer-stories section#hero.sand .breadcrumb a:hover, body.modern-build.single-customer-stories section#hero.beige #breadcrumb a:hover, body.modern-build.single-customer-stories section#hero.beige .breadcrumb a:hover, body.modern-build.single-customer-stories section#hero.sky #breadcrumb a:hover, body.modern-build.single-customer-stories section#hero.sky .breadcrumb a:hover, body.modern-build.single-resources section#hero.sand #breadcrumb a:hover, body.modern-build.single-resources section#hero.sand .breadcrumb a:hover, body.modern-build.single-resources section#hero.beige #breadcrumb a:hover, body.modern-build.single-resources section#hero.beige .breadcrumb a:hover, body.modern-build.single-resources section#hero.sky #breadcrumb a:hover, body.modern-build.single-resources section#hero.sky .breadcrumb a:hover, body.modern-build.single-news section#hero.sand #breadcrumb a:hover, body.modern-build.single-news section#hero.sand .breadcrumb a:hover, body.modern-build.single-news section#hero.beige #breadcrumb a:hover, body.modern-build.single-news section#hero.beige .breadcrumb a:hover, body.modern-build.single-news section#hero.sky #breadcrumb a:hover, body.modern-build.single-news section#hero.sky .breadcrumb a:hover { color: rgb(243, 66, 74); } body.modern-build.single-post section#hero.sand #breadcrumb a:last-child, body.modern-build.single-post section#hero.sand .breadcrumb a:last-child, body.modern-build.single-post section#hero.beige #breadcrumb a:last-child, body.modern-build.single-post section#hero.beige .breadcrumb a:last-child, body.modern-build.single-post section#hero.sky #breadcrumb a:last-child, body.modern-build.single-post section#hero.sky .breadcrumb a:last-child, body.modern-build.single-customer-stories section#hero.sand #breadcrumb a:last-child, body.modern-build.single-customer-stories section#hero.sand .breadcrumb a:last-child, body.modern-build.single-customer-stories section#hero.beige #breadcrumb a:last-child, body.modern-build.single-customer-stories section#hero.beige .breadcrumb a:last-child, body.modern-build.single-customer-stories section#hero.sky #breadcrumb a:last-child, body.modern-build.single-customer-stories section#hero.sky .breadcrumb a:last-child, body.modern-build.single-resources section#hero.sand #breadcrumb a:last-child, body.modern-build.single-resources section#hero.sand .breadcrumb a:last-child, body.modern-build.single-resources section#hero.beige #breadcrumb a:last-child, body.modern-build.single-resources section#hero.beige .breadcrumb a:last-child, body.modern-build.single-resources section#hero.sky #breadcrumb a:last-child, body.modern-build.single-resources section#hero.sky .breadcrumb a:last-child, body.modern-build.single-news section#hero.sand #breadcrumb a:last-child, body.modern-build.single-news section#hero.sand .breadcrumb a:last-child, body.modern-build.single-news section#hero.beige #breadcrumb a:last-child, body.modern-build.single-news section#hero.beige .breadcrumb a:last-child, body.modern-build.single-news section#hero.sky #breadcrumb a:last-child, body.modern-build.single-news section#hero.sky .breadcrumb a:last-child { color: rgb(243, 66, 74); } body.modern-build.single-post section#hero.sand #breadcrumb a:last-child:hover, body.modern-build.single-post section#hero.sand .breadcrumb a:last-child:hover, body.modern-build.single-post section#hero.beige #breadcrumb a:last-child:hover, body.modern-build.single-post section#hero.beige .breadcrumb a:last-child:hover, body.modern-build.single-post section#hero.sky #breadcrumb a:last-child:hover, body.modern-build.single-post section#hero.sky .breadcrumb a:last-child:hover, body.modern-build.single-customer-stories section#hero.sand #breadcrumb a:last-child:hover, body.modern-build.single-customer-stories section#hero.sand .breadcrumb a:last-child:hover, body.modern-build.single-customer-stories section#hero.beige #breadcrumb a:last-child:hover, body.modern-build.single-customer-stories section#hero.beige .breadcrumb a:last-child:hover, body.modern-build.single-customer-stories section#hero.sky #breadcrumb a:last-child:hover, body.modern-build.single-customer-stories section#hero.sky .breadcrumb a:last-child:hover, body.modern-build.single-resources section#hero.sand #breadcrumb a:last-child:hover, body.modern-build.single-resources section#hero.sand .breadcrumb a:last-child:hover, body.modern-build.single-resources section#hero.beige #breadcrumb a:last-child:hover, body.modern-build.single-resources section#hero.beige .breadcrumb a:last-child:hover, body.modern-build.single-resources section#hero.sky #breadcrumb a:last-child:hover, body.modern-build.single-resources section#hero.sky .breadcrumb a:last-child:hover, body.modern-build.single-news section#hero.sand #breadcrumb a:last-child:hover, body.modern-build.single-news section#hero.sand .breadcrumb a:last-child:hover, body.modern-build.single-news section#hero.beige #breadcrumb a:last-child:hover, body.modern-build.single-news section#hero.beige .breadcrumb a:last-child:hover, body.modern-build.single-news section#hero.sky #breadcrumb a:last-child:hover, body.modern-build.single-news section#hero.sky .breadcrumb a:last-child:hover { color: rgb(0, 0, 0); } body.modern-build.single-post section#hero.sky, body.modern-build.single-customer-stories section#hero.sky, body.modern-build.single-resources section#hero.sky, body.modern-build.single-news section#hero.sky { background-image: url("../images/sky_bkg.png"); } body.modern-build.single-post section#hero.black, body.modern-build.single-customer-stories section#hero.black, body.modern-build.single-resources section#hero.black, body.modern-build.single-news section#hero.black { background-image: url("../images/black_bkg.png"); color: rgb(255, 255, 255); } body.modern-build.single-post section#hero.black #breadcrumb path, body.modern-build.single-post section#hero.black .breadcrumb path, body.modern-build.single-customer-stories section#hero.black #breadcrumb path, body.modern-build.single-customer-stories section#hero.black .breadcrumb path, body.modern-build.single-resources section#hero.black #breadcrumb path, body.modern-build.single-resources section#hero.black .breadcrumb path, body.modern-build.single-news section#hero.black #breadcrumb path, body.modern-build.single-news section#hero.black .breadcrumb path { fill: #fefefe; } body.modern-build.single-post section#hero.black #breadcrumb a, body.modern-build.single-post section#hero.black .breadcrumb a, body.modern-build.single-customer-stories section#hero.black #breadcrumb a, body.modern-build.single-customer-stories section#hero.black .breadcrumb a, body.modern-build.single-resources section#hero.black #breadcrumb a, body.modern-build.single-resources section#hero.black .breadcrumb a, body.modern-build.single-news section#hero.black #breadcrumb a, body.modern-build.single-news section#hero.black .breadcrumb a { color: rgb(255, 255, 255); } body.modern-build.single-post section#hero.black #breadcrumb a:hover, body.modern-build.single-post section#hero.black .breadcrumb a:hover, body.modern-build.single-customer-stories section#hero.black #breadcrumb a:hover, body.modern-build.single-customer-stories section#hero.black .breadcrumb a:hover, body.modern-build.single-resources section#hero.black #breadcrumb a:hover, body.modern-build.single-resources section#hero.black .breadcrumb a:hover, body.modern-build.single-news section#hero.black #breadcrumb a:hover, body.modern-build.single-news section#hero.black .breadcrumb a:hover { color: rgb(243, 66, 74); } body.modern-build.single-post section#hero.black #breadcrumb a:last-child, body.modern-build.single-post section#hero.black .breadcrumb a:last-child, body.modern-build.single-customer-stories section#hero.black #breadcrumb a:last-child, body.modern-build.single-customer-stories section#hero.black .breadcrumb a:last-child, body.modern-build.single-resources section#hero.black #breadcrumb a:last-child, body.modern-build.single-resources section#hero.black .breadcrumb a:last-child, body.modern-build.single-news section#hero.black #breadcrumb a:last-child, body.modern-build.single-news section#hero.black .breadcrumb a:last-child { color: rgb(243, 66, 74); } body.modern-build.single-post section#hero.black #breadcrumb a:last-child:hover, body.modern-build.single-post section#hero.black .breadcrumb a:last-child:hover, body.modern-build.single-customer-stories section#hero.black #breadcrumb a:last-child:hover, body.modern-build.single-customer-stories section#hero.black .breadcrumb a:last-child:hover, body.modern-build.single-resources section#hero.black #breadcrumb a:last-child:hover, body.modern-build.single-resources section#hero.black .breadcrumb a:last-child:hover, body.modern-build.single-news section#hero.black #breadcrumb a:last-child:hover, body.modern-build.single-news section#hero.black .breadcrumb a:last-child:hover { color: rgb(255, 255, 255); } @media (max-width: 768px) { body.modern-build.single-post section#hero, body.modern-build.single-customer-stories section#hero, body.modern-build.single-resources section#hero, body.modern-build.single-news section#hero { margin-bottom: -50px; } } body.modern-build.single-post section#hero .grid, body.modern-build.single-customer-stories section#hero .grid, body.modern-build.single-resources section#hero .grid, body.modern-build.single-news section#hero .grid { align-items: start; max-width: 1500px; } @media (min-width: 767px) { body.modern-build.single-post section#hero .grid, body.modern-build.single-customer-stories section#hero .grid, body.modern-build.single-resources section#hero .grid, body.modern-build.single-news section#hero .grid { padding-right: 0; } } body.modern-build.single-post section#hero .content-container, body.modern-build.single-customer-stories section#hero .content-container, body.modern-build.single-resources section#hero .content-container, body.modern-build.single-news section#hero .content-container { padding: 50px 0; } @media (max-width: 768px) { body.modern-build.single-post section#hero .content-container, body.modern-build.single-customer-stories section#hero .content-container, body.modern-build.single-resources section#hero .content-container, body.modern-build.single-news section#hero .content-container { padding-bottom: 0; } body.modern-build.single-post section#hero .content-container.half, body.modern-build.single-customer-stories section#hero .content-container.half, body.modern-build.single-resources section#hero .content-container.half, body.modern-build.single-news section#hero .content-container.half { order: 1; } } body.modern-build.single-post section#hero .datestamp, body.modern-build.single-customer-stories section#hero .datestamp, body.modern-build.single-resources section#hero .datestamp, body.modern-build.single-news section#hero .datestamp { font-weight: 700; font-size: 0.9em; text-transform: uppercase; padding: 1em 0; } body.modern-build.single-post section#hero .tag-list, body.modern-build.single-customer-stories section#hero .tag-list, body.modern-build.single-resources section#hero .tag-list, body.modern-build.single-news section#hero .tag-list { display: flex; margin: 20px 0; gap: 20px; flex-wrap: wrap; } body.modern-build.single-post section#hero .tag-list li, body.modern-build.single-customer-stories section#hero .tag-list li, body.modern-build.single-resources section#hero .tag-list li, body.modern-build.single-news section#hero .tag-list li { display: block; border-radius: 40px; background: #a0af9e; padding: 0.3em 1em; } body.modern-build.single-post section#hero .tag-list li a, body.modern-build.single-customer-stories section#hero .tag-list li a, body.modern-build.single-resources section#hero .tag-list li a, body.modern-build.single-news section#hero .tag-list li a { color: rgb(255, 255, 255); font-size: 0.9em; font-weight: 700; } body.modern-build.single-post section#hero .tag-list li:hover, body.modern-build.single-customer-stories section#hero .tag-list li:hover, body.modern-build.single-resources section#hero .tag-list li:hover, body.modern-build.single-news section#hero .tag-list li:hover { background: #f9cc3d; } body.modern-build.single-post section#hero .tag-list li.term-1, body.modern-build.single-post section#hero .tag-list li.resource_type, body.modern-build.single-post section#hero .tag-list li.other-resource-type, body.modern-build.single-post section#hero .tag-list li.post_type, body.modern-build.single-customer-stories section#hero .tag-list li.term-1, body.modern-build.single-customer-stories section#hero .tag-list li.resource_type, body.modern-build.single-customer-stories section#hero .tag-list li.other-resource-type, body.modern-build.single-customer-stories section#hero .tag-list li.post_type, body.modern-build.single-resources section#hero .tag-list li.term-1, body.modern-build.single-resources section#hero .tag-list li.resource_type, body.modern-build.single-resources section#hero .tag-list li.other-resource-type, body.modern-build.single-resources section#hero .tag-list li.post_type, body.modern-build.single-news section#hero .tag-list li.term-1, body.modern-build.single-news section#hero .tag-list li.resource_type, body.modern-build.single-news section#hero .tag-list li.other-resource-type, body.modern-build.single-news section#hero .tag-list li.post_type { background: #f9cc3d; } body.modern-build.single-post section#hero .tag-list li.term-1 a, body.modern-build.single-post section#hero .tag-list li.resource_type a, body.modern-build.single-post section#hero .tag-list li.other-resource-type a, body.modern-build.single-post section#hero .tag-list li.post_type a, body.modern-build.single-customer-stories section#hero .tag-list li.term-1 a, body.modern-build.single-customer-stories section#hero .tag-list li.resource_type a, body.modern-build.single-customer-stories section#hero .tag-list li.other-resource-type a, body.modern-build.single-customer-stories section#hero .tag-list li.post_type a, body.modern-build.single-resources section#hero .tag-list li.term-1 a, body.modern-build.single-resources section#hero .tag-list li.resource_type a, body.modern-build.single-resources section#hero .tag-list li.other-resource-type a, body.modern-build.single-resources section#hero .tag-list li.post_type a, body.modern-build.single-news section#hero .tag-list li.term-1 a, body.modern-build.single-news section#hero .tag-list li.resource_type a, body.modern-build.single-news section#hero .tag-list li.other-resource-type a, body.modern-build.single-news section#hero .tag-list li.post_type a { color: rgb(0, 0, 0); } body.modern-build.single-post section#hero .tag-list li.term-1:hover, body.modern-build.single-post section#hero .tag-list li.resource_type:hover, body.modern-build.single-post section#hero .tag-list li.other-resource-type:hover, body.modern-build.single-post section#hero .tag-list li.post_type:hover, body.modern-build.single-customer-stories section#hero .tag-list li.term-1:hover, body.modern-build.single-customer-stories section#hero .tag-list li.resource_type:hover, body.modern-build.single-customer-stories section#hero .tag-list li.other-resource-type:hover, body.modern-build.single-customer-stories section#hero .tag-list li.post_type:hover, body.modern-build.single-resources section#hero .tag-list li.term-1:hover, body.modern-build.single-resources section#hero .tag-list li.resource_type:hover, body.modern-build.single-resources section#hero .tag-list li.other-resource-type:hover, body.modern-build.single-resources section#hero .tag-list li.post_type:hover, body.modern-build.single-news section#hero .tag-list li.term-1:hover, body.modern-build.single-news section#hero .tag-list li.resource_type:hover, body.modern-build.single-news section#hero .tag-list li.other-resource-type:hover, body.modern-build.single-news section#hero .tag-list li.post_type:hover { background: rgb(243, 66, 74); } body.modern-build.single-post section#hero .author-box, body.modern-build.single-customer-stories section#hero .author-box, body.modern-build.single-resources section#hero .author-box, body.modern-build.single-news section#hero .author-box { display: grid; grid-template-columns: 60px 1fr; -moz-column-gap: 10px; column-gap: 10px; align-items: center; } body.modern-build.single-post section#hero .author-box .author-text, body.modern-build.single-customer-stories section#hero .author-box .author-text, body.modern-build.single-resources section#hero .author-box .author-text, body.modern-build.single-news section#hero .author-box .author-text { font-weight: 700; } body.modern-build.single-post section#hero .author-box .author-text .author-name, body.modern-build.single-customer-stories section#hero .author-box .author-text .author-name, body.modern-build.single-resources section#hero .author-box .author-text .author-name, body.modern-build.single-news section#hero .author-box .author-text .author-name { display: block; font-weight: 500; } body.modern-build.single-post section#hero .image-container, body.modern-build.single-customer-stories section#hero .image-container, body.modern-build.single-resources section#hero .image-container, body.modern-build.single-news section#hero .image-container { padding: 2em 0 0 0; } body.modern-build.single-post section#hero .image-container img, body.modern-build.single-customer-stories section#hero .image-container img, body.modern-build.single-resources section#hero .image-container img, body.modern-build.single-news section#hero .image-container img { border-radius: 20px 0 0 0; } @media (min-width: 1540px) { body.modern-build.single-post section#hero .image-container img, body.modern-build.single-customer-stories section#hero .image-container img, body.modern-build.single-resources section#hero .image-container img, body.modern-build.single-news section#hero .image-container img { border-radius: 20px 20px 0 0; } } @media (max-width: 768px) { body.modern-build.single-post section#hero .image-container img, body.modern-build.single-customer-stories section#hero .image-container img, body.modern-build.single-resources section#hero .image-container img, body.modern-build.single-news section#hero .image-container img { border-radius: 20px 20px 0 0; } } @media (max-width: 768px) { body.modern-build.single-post section#hero .image-container.half, body.modern-build.single-customer-stories section#hero .image-container.half, body.modern-build.single-resources section#hero .image-container.half, body.modern-build.single-news section#hero .image-container.half { order: 2; margin-bottom: 0; } } body.modern-build.single-post .read_time, body.modern-build.single-customer-stories .read_time, body.modern-build.single-resources .read_time, body.modern-build.single-news .read_time { color: rgb(243, 66, 74); } body.modern-build.single-post .summary, body.modern-build.single-customer-stories .summary, body.modern-build.single-resources .summary, body.modern-build.single-news .summary { padding: 20px 0; margin-bottom: 20px; border-bottom: 1px solid #a0af9e; } body.modern-build.single-post .key-takeaways, body.modern-build.single-customer-stories .key-takeaways, body.modern-build.single-resources .key-takeaways, body.modern-build.single-news .key-takeaways { padding: 20px 0; margin-top: 20px; border-top: 2px solid #a0af9e; } body.modern-build.single-post .key-takeaways .takeaway-list, body.modern-build.single-customer-stories .key-takeaways .takeaway-list, body.modern-build.single-resources .key-takeaways .takeaway-list, body.modern-build.single-news .key-takeaways .takeaway-list { color: rgb(26, 26, 26); font-size: 1.2em; list-style: none; } body.modern-build.single-post .key-takeaways .takeaway-list .takeaway.point::before, body.modern-build.single-customer-stories .key-takeaways .takeaway-list .takeaway.point::before, body.modern-build.single-resources .key-takeaways .takeaway-list .takeaway.point::before, body.modern-build.single-news .key-takeaways .takeaway-list .takeaway.point::before { background-color: #f9cc3d; display: inline-block; border-radius: 50%; height: 1.2em; width: 1.2em; margin-right: 1em; content: ">"; text-align: center; line-height: 1.2; } body.modern-build.single-post .key-takeaways .takeaway-list .takeaway.point .point, body.modern-build.single-customer-stories .key-takeaways .takeaway-list .takeaway.point .point, body.modern-build.single-resources .key-takeaways .takeaway-list .takeaway.point .point, body.modern-build.single-news .key-takeaways .takeaway-list .takeaway.point .point { font-weight: 700; } body.modern-build.single-post .author-gravatar, body.modern-build.single-customer-stories .author-gravatar, body.modern-build.single-resources .author-gravatar, body.modern-build.single-news .author-gravatar { height: 60px; width: 60px; border-radius: 12px 0; background-repeat: no-repeat; background-size: cover; } body.modern-build.single-post .byline, body.modern-build.single-customer-stories .byline, body.modern-build.single-resources .byline, body.modern-build.single-news .byline { display: grid; grid-template-columns: 60px 1fr; -moz-column-gap: 10px; column-gap: 10px; align-items: start; padding-top: 20px; margin-top: 20px; border-top: 2px solid #a0af9e; } body.modern-build.single-post .byline .author-bio, body.modern-build.single-customer-stories .byline .author-bio, body.modern-build.single-resources .byline .author-bio, body.modern-build.single-news .byline .author-bio { font-size: 0.9em; color: rgb(0, 0, 0); } body.modern-build.single-post .byline .author-bio .author-name, body.modern-build.single-customer-stories .byline .author-bio .author-name, body.modern-build.single-resources .byline .author-bio .author-name, body.modern-build.single-news .byline .author-bio .author-name { display: inline; font-weight: 700; } body.modern-build.single-post article p, body.modern-build.single-customer-stories article p, body.modern-build.single-resources article p, body.modern-build.single-news article p { margin-bottom: 1em; } body.modern-build.single-post article a:not(.button):not(.has-vivid-red-background-color), body.modern-build.single-customer-stories article a:not(.button):not(.has-vivid-red-background-color), body.modern-build.single-resources article a:not(.button):not(.has-vivid-red-background-color), body.modern-build.single-news article a:not(.button):not(.has-vivid-red-background-color) { color: rgb(243, 66, 74); -webkit-text-decoration: underline dashed rgb(243, 66, 74) 0.5px; text-decoration: underline dashed rgb(243, 66, 74) 0.5px; } body.modern-build.single-post article a.has-vivid-red-background-color:hover, body.modern-build.single-post article a.button.red:hover, body.modern-build.single-customer-stories article a.has-vivid-red-background-color:hover, body.modern-build.single-customer-stories article a.button.red:hover, body.modern-build.single-resources article a.has-vivid-red-background-color:hover, body.modern-build.single-resources article a.button.red:hover, body.modern-build.single-news article a.has-vivid-red-background-color:hover, body.modern-build.single-news article a.button.red:hover { color: rgb(255, 255, 255); } body.modern-build.single-post article a:has(svg), body.modern-build.single-customer-stories article a:has(svg), body.modern-build.single-resources article a:has(svg), body.modern-build.single-news article a:has(svg) { text-decoration: none !important; } body.modern-build.single-post article .inline-module section, body.modern-build.single-customer-stories article .inline-module section, body.modern-build.single-resources article .inline-module section, body.modern-build.single-news article .inline-module section { margin: 0; padding: 0; } body.modern-build.single-post article .inline-module section h2, body.modern-build.single-post article .inline-module section .h2, body.modern-build.single-customer-stories article .inline-module section h2, body.modern-build.single-customer-stories article .inline-module section .h2, body.modern-build.single-resources article .inline-module section h2, body.modern-build.single-resources article .inline-module section .h2, body.modern-build.single-news article .inline-module section h2, body.modern-build.single-news article .inline-module section .h2 { padding-top: 20px; } body.modern-build.single-post article .inline-module section #button-container:last-child, body.modern-build.single-post article .inline-module section .button-container:last-child, body.modern-build.single-customer-stories article .inline-module section #button-container:last-child, body.modern-build.single-customer-stories article .inline-module section .button-container:last-child, body.modern-build.single-resources article .inline-module section #button-container:last-child, body.modern-build.single-resources article .inline-module section .button-container:last-child, body.modern-build.single-news article .inline-module section #button-container:last-child, body.modern-build.single-news article .inline-module section .button-container:last-child { margin-bottom: 20px; } body.modern-build.single-post article .inline-module section#copy-image, body.modern-build.single-customer-stories article .inline-module section#copy-image, body.modern-build.single-resources article .inline-module section#copy-image, body.modern-build.single-news article .inline-module section#copy-image { padding: 20px 20px 20px 0; border: 2px solid rgb(243, 66, 74); border-radius: 20px; } body.modern-build.single-post article .inline-module section#copy-image .h4, body.modern-build.single-customer-stories article .inline-module section#copy-image .h4, body.modern-build.single-resources article .inline-module section#copy-image .h4, body.modern-build.single-news article .inline-module section#copy-image .h4 { font-size: 30px; } body.modern-build.single-post article .inline-module section#copy-image .half.content, body.modern-build.single-customer-stories article .inline-module section#copy-image .half.content, body.modern-build.single-resources article .inline-module section#copy-image .half.content, body.modern-build.single-news article .inline-module section#copy-image .half.content { grid-column: span 7; } body.modern-build.single-post article .inline-module section#copy-image .half.image-container, body.modern-build.single-customer-stories article .inline-module section#copy-image .half.image-container, body.modern-build.single-resources article .inline-module section#copy-image .half.image-container, body.modern-build.single-news article .inline-module section#copy-image .half.image-container { grid-column-start: 8; } body.modern-build.single-post article .inline-module section.module_quotes .single-quote .quote-single, body.modern-build.single-customer-stories article .inline-module section.module_quotes .single-quote .quote-single, body.modern-build.single-resources article .inline-module section.module_quotes .single-quote .quote-single, body.modern-build.single-news article .inline-module section.module_quotes .single-quote .quote-single { background: none; border: none; } body.modern-build.single-post article .inline-module section.module_quotes .single-quote .quote-single .quote-overlay, body.modern-build.single-customer-stories article .inline-module section.module_quotes .single-quote .quote-single .quote-overlay, body.modern-build.single-resources article .inline-module section.module_quotes .single-quote .quote-single .quote-overlay, body.modern-build.single-news article .inline-module section.module_quotes .single-quote .quote-single .quote-overlay { border: 0; background: none; } body.modern-build.single-post article .inline-module section.module_quotes .single-quote .quote-single .quote-content .quote, body.modern-build.single-customer-stories article .inline-module section.module_quotes .single-quote .quote-single .quote-content .quote, body.modern-build.single-resources article .inline-module section.module_quotes .single-quote .quote-single .quote-content .quote, body.modern-build.single-news article .inline-module section.module_quotes .single-quote .quote-single .quote-content .quote { text-indent: -16px; } body.modern-build.single-post article .inline-module section.module_quotes .single-quote .quote-single .quote-content .attribution, body.modern-build.single-customer-stories article .inline-module section.module_quotes .single-quote .quote-single .quote-content .attribution, body.modern-build.single-resources article .inline-module section.module_quotes .single-quote .quote-single .quote-content .attribution, body.modern-build.single-news article .inline-module section.module_quotes .single-quote .quote-single .quote-content .attribution { border: none; display: block; margin: 1em; text-indent: -12px; } body.modern-build.single-post article .inline-module section.module_quotes .single-quote .quote-single .quote-content .attribution span, body.modern-build.single-customer-stories article .inline-module section.module_quotes .single-quote .quote-single .quote-content .attribution span, body.modern-build.single-resources article .inline-module section.module_quotes .single-quote .quote-single .quote-content .attribution span, body.modern-build.single-news article .inline-module section.module_quotes .single-quote .quote-single .quote-content .attribution span { display: inline-block; text-indent: 0; } body.modern-build.single-post article .resource .media .transcript h4.opener, body.modern-build.single-customer-stories article .resource .media .transcript h4.opener, body.modern-build.single-resources article .resource .media .transcript h4.opener, body.modern-build.single-news article .resource .media .transcript h4.opener { font-size: 1rem !important; font-weight: 500; text-decoration: underline; color: #a0af9e; } body.modern-build.single-post article .resource .media .transcript h4.opener:after, body.modern-build.single-customer-stories article .resource .media .transcript h4.opener:after, body.modern-build.single-resources article .resource .media .transcript h4.opener:after, body.modern-build.single-news article .resource .media .transcript h4.opener:after { content: " +"; } body.modern-build.single-post article .resource .media .transcript h4.opener.open:after, body.modern-build.single-customer-stories article .resource .media .transcript h4.opener.open:after, body.modern-build.single-resources article .resource .media .transcript h4.opener.open:after, body.modern-build.single-news article .resource .media .transcript h4.opener.open:after { content: " -"; } body.modern-build.single-post article .resource .media .transcript .script, body.modern-build.single-customer-stories article .resource .media .transcript .script, body.modern-build.single-resources article .resource .media .transcript .script, body.modern-build.single-news article .resource .media .transcript .script { overflow: hidden; background-color: #e6ebeb; max-height: 0; height: 400px; transition: max-height 1s ease-in-out; } body.modern-build.single-post article .resource .media .transcript .script.open, body.modern-build.single-customer-stories article .resource .media .transcript .script.open, body.modern-build.single-resources article .resource .media .transcript .script.open, body.modern-build.single-news article .resource .media .transcript .script.open { overflow-y: scroll; padding: 1em; max-height: 400px; margin: 1em auto; } body.modern-build.single-post aside #sticky.sidebar, body.modern-build.single-customer-stories aside #sticky.sidebar, body.modern-build.single-resources aside #sticky.sidebar, body.modern-build.single-news aside #sticky.sidebar { background-color: rgb(239, 237, 228); padding: 20px; display: flex; flex-direction: column; flex-wrap: nowrap; border-radius: 12px; margin: 20px; } body.modern-build.single-post aside #sticky.sidebar .inner-scroll, body.modern-build.single-customer-stories aside #sticky.sidebar .inner-scroll, body.modern-build.single-resources aside #sticky.sidebar .inner-scroll, body.modern-build.single-news aside #sticky.sidebar .inner-scroll { padding-right: 20px; overflow: hidden; } body.modern-build.single-post aside #sticky.sidebar:hover .inner-scroll, body.modern-build.single-customer-stories aside #sticky.sidebar:hover .inner-scroll, body.modern-build.single-resources aside #sticky.sidebar:hover .inner-scroll, body.modern-build.single-news aside #sticky.sidebar:hover .inner-scroll { max-height: calc(100vh - 200px); overflow-y: scroll; overflow-x: hidden; padding-right: 20px; margin-right: -20px; } body.modern-build.single-post aside #sticky.sidebar:hover .inner-scroll::-webkit-scrollbar, body.modern-build.single-customer-stories aside #sticky.sidebar:hover .inner-scroll::-webkit-scrollbar, body.modern-build.single-resources aside #sticky.sidebar:hover .inner-scroll::-webkit-scrollbar, body.modern-build.single-news aside #sticky.sidebar:hover .inner-scroll::-webkit-scrollbar { width: 20px; } body.modern-build.single-post aside #sticky.sidebar:hover .inner-scroll::-webkit-scrollbar-track, body.modern-build.single-customer-stories aside #sticky.sidebar:hover .inner-scroll::-webkit-scrollbar-track, body.modern-build.single-resources aside #sticky.sidebar:hover .inner-scroll::-webkit-scrollbar-track, body.modern-build.single-news aside #sticky.sidebar:hover .inner-scroll::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.062745098); border: 0.5px solid rgb(239, 237, 228); } body.modern-build.single-post aside #sticky.sidebar:hover .inner-scroll::-webkit-scrollbar-thumb, body.modern-build.single-customer-stories aside #sticky.sidebar:hover .inner-scroll::-webkit-scrollbar-thumb, body.modern-build.single-resources aside #sticky.sidebar:hover .inner-scroll::-webkit-scrollbar-thumb, body.modern-build.single-news aside #sticky.sidebar:hover .inner-scroll::-webkit-scrollbar-thumb { background-color: rgb(239, 237, 228); background-position: center top; background-repeat: no-repeat, no-repeat; border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.062745098); } body.modern-build.single-post aside .gated_content, body.modern-build.single-customer-stories aside .gated_content, body.modern-build.single-resources aside .gated_content, body.modern-build.single-news aside .gated_content { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #a0af9e; } body.modern-build.single-post aside .gated_content .mktoHasWidth, body.modern-build.single-customer-stories aside .gated_content .mktoHasWidth, body.modern-build.single-resources aside .gated_content .mktoHasWidth, body.modern-build.single-news aside .gated_content .mktoHasWidth { width: 100% !important; } body.modern-build.single-post aside .gated_content .mktoForm, body.modern-build.single-customer-stories aside .gated_content .mktoForm, body.modern-build.single-resources aside .gated_content .mktoForm, body.modern-build.single-news aside .gated_content .mktoForm { background: none; padding: 0; } body.modern-build.single-post aside .gated_content .mktoForm .mktoOffset, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoOffset, body.modern-build.single-resources aside .gated_content .mktoForm .mktoOffset, body.modern-build.single-news aside .gated_content .mktoForm .mktoOffset { display: none; } body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow { display: flex; width: 100%; flex-flow: column; } body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap { display: flex; flex-flow: row; } body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap input, body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap select, body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap textarea, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap input, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap select, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap textarea, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap input, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap select, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap textarea, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap input, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap select, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap textarea { width: 100%; border: 0; background: #d9d9d9; padding: 0 1em; border-radius: 0; } body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap input::-moz-placeholder, body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap select::-moz-placeholder, body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap textarea::-moz-placeholder, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap input::-moz-placeholder, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap select::-moz-placeholder, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap textarea::-moz-placeholder, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap input::-moz-placeholder, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap select::-moz-placeholder, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap textarea::-moz-placeholder, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap input::-moz-placeholder, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap select::-moz-placeholder, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap textarea::-moz-placeholder { color: #a0af9e; } body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap input::placeholder, body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap input.placeholder, body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap select::placeholder, body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap select.placeholder, body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap textarea::placeholder, body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap textarea.placeholder, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap input::placeholder, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap input.placeholder, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap select::placeholder, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap select.placeholder, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap textarea::placeholder, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap textarea.placeholder, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap input::placeholder, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap input.placeholder, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap select::placeholder, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap select.placeholder, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap textarea::placeholder, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap textarea.placeholder, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap input::placeholder, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap input.placeholder, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap select::placeholder, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap select.placeholder, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap textarea::placeholder, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoFieldWrap textarea.placeholder { color: #a0af9e; } body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoLabel:has(~ .mktoTextField), body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoLabel:has(~ .mktoEmailField), body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoLabel:has(~ .mktoTelField), body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoLabel:has(~ .mktoNumberField), body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoLabel:has(~ select), body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoLabel:has(~ .mktoTextField), body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoLabel:has(~ .mktoEmailField), body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoLabel:has(~ .mktoTelField), body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoLabel:has(~ .mktoNumberField), body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoLabel:has(~ select), body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoLabel:has(~ .mktoTextField), body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoLabel:has(~ .mktoEmailField), body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoLabel:has(~ .mktoTelField), body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoLabel:has(~ .mktoNumberField), body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoLabel:has(~ select), body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoLabel:has(~ .mktoTextField), body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoLabel:has(~ .mktoEmailField), body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoLabel:has(~ .mktoTelField), body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoLabel:has(~ .mktoNumberField), body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoLabel:has(~ select) { display: none; } body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoLabel#LblEmail_Opt_In__c, body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoLabel#LblMarketing_SMS_Opt_In__c, body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoLabel#LblprivacyPolicyAgreement, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoLabel#LblEmail_Opt_In__c, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoLabel#LblMarketing_SMS_Opt_In__c, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoLabel#LblprivacyPolicyAgreement, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoLabel#LblEmail_Opt_In__c, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoLabel#LblMarketing_SMS_Opt_In__c, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoLabel#LblprivacyPolicyAgreement, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoLabel#LblEmail_Opt_In__c, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoLabel#LblMarketing_SMS_Opt_In__c, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoLabel#LblprivacyPolicyAgreement { color: #727d71; order: 2; } @media (min-width: 769px) { body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoTextField, body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoEmailField, body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoTelField, body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoNumberField, body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow select, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoTextField, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoEmailField, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoTelField, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoNumberField, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow select, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoTextField, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoEmailField, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoTelField, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoNumberField, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow select, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoTextField, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoEmailField, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoTelField, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoNumberField, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow select { width: 310px !important; } } body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoLogicalField.mktoCheckboxList.mktoHasWidth, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoLogicalField.mktoCheckboxList.mktoHasWidth, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoLogicalField.mktoCheckboxList.mktoHasWidth, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoLogicalField.mktoCheckboxList.mktoHasWidth { order: 1; width: -moz-max-content !important; width: max-content !important; } body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoLogicalField.mktoCheckboxList.mktoHasWidth input, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoLogicalField.mktoCheckboxList.mktoHasWidth input, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoLogicalField.mktoCheckboxList.mktoHasWidth input, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoLogicalField.mktoCheckboxList.mktoHasWidth input { --active: rgba(243, 66, 74, 1); --active-inner: #d9d9d9; --focus: 2px #a0af9edd; --border: transparent; --border-hover: rgba(243, 66, 74, 1); --background: #d9d9d9; -webkit-appearance: none; -moz-appearance: none; height: 1.2em; outline: none; display: inline-block; vertical-align: top; position: relative; margin: 0; padding: 0 0.5em; cursor: pointer; border: 1px solid var(--bc, var(--border)); background: var(--b, var(--background)); transition: background 0.3s, border-color 0.3s, box-shadow 0.2s; } body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoLogicalField.mktoCheckboxList.mktoHasWidth input:after, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoLogicalField.mktoCheckboxList.mktoHasWidth input:after, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoLogicalField.mktoCheckboxList.mktoHasWidth input:after, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoLogicalField.mktoCheckboxList.mktoHasWidth input:after { content: ""; display: block; position: absolute; transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s); width: 0.4em; height: 1em; border: 2px solid var(--active-inner); border-top: 0; border-left: 0; left: 0.25em; top: 0; transform: rotate(var(--r, 20deg)); } body.modern-build.single-post aside .gated_content .mktoForm .mktoFormRow .mktoLogicalField.mktoCheckboxList.mktoHasWidth input:checked, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoFormRow .mktoLogicalField.mktoCheckboxList.mktoHasWidth input:checked, body.modern-build.single-resources aside .gated_content .mktoForm .mktoFormRow .mktoLogicalField.mktoCheckboxList.mktoHasWidth input:checked, body.modern-build.single-news aside .gated_content .mktoForm .mktoFormRow .mktoLogicalField.mktoCheckboxList.mktoHasWidth input:checked { --b: var(--active); --bc: var(--active); --d-o: 0.3s; --d-t: 0.6s; --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2); --r: 43deg; } body.modern-build.single-post aside .gated_content .mktoForm .mktoButtonWrap, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoButtonWrap, body.modern-build.single-resources aside .gated_content .mktoForm .mktoButtonWrap, body.modern-build.single-news aside .gated_content .mktoForm .mktoButtonWrap { margin: 0 !important; background: transparent; padding: 2em 0; } body.modern-build.single-post aside .gated_content .mktoForm .mktoButtonWrap .mktoButton, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoButtonWrap .mktoButton, body.modern-build.single-resources aside .gated_content .mktoForm .mktoButtonWrap .mktoButton, body.modern-build.single-news aside .gated_content .mktoForm .mktoButtonWrap .mktoButton { color: rgb(255, 255, 255); background: rgb(243, 66, 74); } body.modern-build.single-post aside .gated_content .mktoForm .mktoButtonWrap .mktoButton:after, body.modern-build.single-customer-stories aside .gated_content .mktoForm .mktoButtonWrap .mktoButton:after, body.modern-build.single-resources aside .gated_content .mktoForm .mktoButtonWrap .mktoButton:after, body.modern-build.single-news aside .gated_content .mktoForm .mktoButtonWrap .mktoButton:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+"); } body.modern-build.single-post aside #speakers, body.modern-build.single-post aside .speakers, body.modern-build.single-customer-stories aside #speakers, body.modern-build.single-customer-stories aside .speakers, body.modern-build.single-resources aside #speakers, body.modern-build.single-resources aside .speakers, body.modern-build.single-news aside #speakers, body.modern-build.single-news aside .speakers { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #a0af9e; } body.modern-build.single-post aside #speakers .speaker, body.modern-build.single-post aside .speakers .speaker, body.modern-build.single-customer-stories aside #speakers .speaker, body.modern-build.single-customer-stories aside .speakers .speaker, body.modern-build.single-resources aside #speakers .speaker, body.modern-build.single-resources aside .speakers .speaker, body.modern-build.single-news aside #speakers .speaker, body.modern-build.single-news aside .speakers .speaker { position: relative; display: flex; padding: 0 0 0.5em 0; gap: 20px; align-items: center; } body.modern-build.single-post aside #speakers .speaker .speaker-gravatar, body.modern-build.single-post aside .speakers .speaker .speaker-gravatar, body.modern-build.single-customer-stories aside #speakers .speaker .speaker-gravatar, body.modern-build.single-customer-stories aside .speakers .speaker .speaker-gravatar, body.modern-build.single-resources aside #speakers .speaker .speaker-gravatar, body.modern-build.single-resources aside .speakers .speaker .speaker-gravatar, body.modern-build.single-news aside #speakers .speaker .speaker-gravatar, body.modern-build.single-news aside .speakers .speaker .speaker-gravatar { width: 30px; height: 30px; border-radius: 50%; filter: grayscale(100%); transition: all 0.5s ease-in-out; background-size: cover; background-position: center center; background-repeat: no-repeat; } body.modern-build.single-post aside #speakers .speaker .speaker-bio, body.modern-build.single-post aside .speakers .speaker .speaker-bio, body.modern-build.single-customer-stories aside #speakers .speaker .speaker-bio, body.modern-build.single-customer-stories aside .speakers .speaker .speaker-bio, body.modern-build.single-resources aside #speakers .speaker .speaker-bio, body.modern-build.single-resources aside .speakers .speaker .speaker-bio, body.modern-build.single-news aside #speakers .speaker .speaker-bio, body.modern-build.single-news aside .speakers .speaker .speaker-bio { color: rgb(243, 66, 74); } body.modern-build.single-post aside #speakers .speaker .speaker-bio .speaker-name, body.modern-build.single-post aside .speakers .speaker .speaker-bio .speaker-name, body.modern-build.single-customer-stories aside #speakers .speaker .speaker-bio .speaker-name, body.modern-build.single-customer-stories aside .speakers .speaker .speaker-bio .speaker-name, body.modern-build.single-resources aside #speakers .speaker .speaker-bio .speaker-name, body.modern-build.single-resources aside .speakers .speaker .speaker-bio .speaker-name, body.modern-build.single-news aside #speakers .speaker .speaker-bio .speaker-name, body.modern-build.single-news aside .speakers .speaker .speaker-bio .speaker-name { font-weight: 700; display: block; } body.modern-build.single-post aside #speakers .speaker .speaker-bio .speaker-title, body.modern-build.single-post aside .speakers .speaker .speaker-bio .speaker-title, body.modern-build.single-customer-stories aside #speakers .speaker .speaker-bio .speaker-title, body.modern-build.single-customer-stories aside .speakers .speaker .speaker-bio .speaker-title, body.modern-build.single-resources aside #speakers .speaker .speaker-bio .speaker-title, body.modern-build.single-resources aside .speakers .speaker .speaker-bio .speaker-title, body.modern-build.single-news aside #speakers .speaker .speaker-bio .speaker-title, body.modern-build.single-news aside .speakers .speaker .speaker-bio .speaker-title { font-size: 0.8em; font-weight: 500; display: block; } body.modern-build.single-post aside #speakers .speaker:hover .speaker-gravatar, body.modern-build.single-post aside .speakers .speaker:hover .speaker-gravatar, body.modern-build.single-customer-stories aside #speakers .speaker:hover .speaker-gravatar, body.modern-build.single-customer-stories aside .speakers .speaker:hover .speaker-gravatar, body.modern-build.single-resources aside #speakers .speaker:hover .speaker-gravatar, body.modern-build.single-resources aside .speakers .speaker:hover .speaker-gravatar, body.modern-build.single-news aside #speakers .speaker:hover .speaker-gravatar, body.modern-build.single-news aside .speakers .speaker:hover .speaker-gravatar { filter: grayscale(0%); } body.modern-build.single-post aside #toc, body.modern-build.single-post aside .toc, body.modern-build.single-customer-stories aside #toc, body.modern-build.single-customer-stories aside .toc, body.modern-build.single-resources aside #toc, body.modern-build.single-resources aside .toc, body.modern-build.single-news aside #toc, body.modern-build.single-news aside .toc { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #a0af9e; } body.modern-build.single-post aside #toc p.toc, body.modern-build.single-post aside .toc p.toc, body.modern-build.single-customer-stories aside #toc p.toc, body.modern-build.single-customer-stories aside .toc p.toc, body.modern-build.single-resources aside #toc p.toc, body.modern-build.single-resources aside .toc p.toc, body.modern-build.single-news aside #toc p.toc, body.modern-build.single-news aside .toc p.toc { margin-bottom: 1em; } body.modern-build.single-post aside #toc ul.toc, body.modern-build.single-post aside .toc ul.toc, body.modern-build.single-customer-stories aside #toc ul.toc, body.modern-build.single-customer-stories aside .toc ul.toc, body.modern-build.single-resources aside #toc ul.toc, body.modern-build.single-resources aside .toc ul.toc, body.modern-build.single-news aside #toc ul.toc, body.modern-build.single-news aside .toc ul.toc { list-style: disc outside none; margin-left: 1em; margin-bottom: 0; border: none; } body.modern-build.single-post aside #toc ul.toc a, body.modern-build.single-post aside .toc ul.toc a, body.modern-build.single-customer-stories aside #toc ul.toc a, body.modern-build.single-customer-stories aside .toc ul.toc a, body.modern-build.single-resources aside #toc ul.toc a, body.modern-build.single-resources aside .toc ul.toc a, body.modern-build.single-news aside #toc ul.toc a, body.modern-build.single-news aside .toc ul.toc a { text-decoration: none; font-size: 14px; font-weight: 400; } body.modern-build.single-post aside #toc ul.toc li, body.modern-build.single-post aside .toc ul.toc li, body.modern-build.single-customer-stories aside #toc ul.toc li, body.modern-build.single-customer-stories aside .toc ul.toc li, body.modern-build.single-resources aside #toc ul.toc li, body.modern-build.single-resources aside .toc ul.toc li, body.modern-build.single-news aside #toc ul.toc li, body.modern-build.single-news aside .toc ul.toc li { list-style: disc outside none; margin-bottom: 0.3em; } body.modern-build.single-post aside #toc ul.toc li.toc-more, body.modern-build.single-post aside .toc ul.toc li.toc-more, body.modern-build.single-customer-stories aside #toc ul.toc li.toc-more, body.modern-build.single-customer-stories aside .toc ul.toc li.toc-more, body.modern-build.single-resources aside #toc ul.toc li.toc-more, body.modern-build.single-resources aside .toc ul.toc li.toc-more, body.modern-build.single-news aside #toc ul.toc li.toc-more, body.modern-build.single-news aside .toc ul.toc li.toc-more { list-style: disc outside none; transition: height 1s ease-in-out; } body.modern-build.single-post aside #toc ul.toc li.toc-more.hidden, body.modern-build.single-post aside .toc ul.toc li.toc-more.hidden, body.modern-build.single-customer-stories aside #toc ul.toc li.toc-more.hidden, body.modern-build.single-customer-stories aside .toc ul.toc li.toc-more.hidden, body.modern-build.single-resources aside #toc ul.toc li.toc-more.hidden, body.modern-build.single-resources aside .toc ul.toc li.toc-more.hidden, body.modern-build.single-news aside #toc ul.toc li.toc-more.hidden, body.modern-build.single-news aside .toc ul.toc li.toc-more.hidden { overflow: hidden; margin-bottom: 0; max-height: 0; } body.modern-build.single-post aside #related-posts, body.modern-build.single-post aside .related-posts, body.modern-build.single-customer-stories aside #related-posts, body.modern-build.single-customer-stories aside .related-posts, body.modern-build.single-resources aside #related-posts, body.modern-build.single-resources aside .related-posts, body.modern-build.single-news aside #related-posts, body.modern-build.single-news aside .related-posts { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #a0af9e; } body.modern-build.single-post aside #related-posts p.body-2, body.modern-build.single-post aside .related-posts p.body-2, body.modern-build.single-customer-stories aside #related-posts p.body-2, body.modern-build.single-customer-stories aside .related-posts p.body-2, body.modern-build.single-resources aside #related-posts p.body-2, body.modern-build.single-resources aside .related-posts p.body-2, body.modern-build.single-news aside #related-posts p.body-2, body.modern-build.single-news aside .related-posts p.body-2 { margin-bottom: 1em; } body.modern-build.single-post aside #related-posts ul.body-2, body.modern-build.single-post aside .related-posts ul.body-2, body.modern-build.single-customer-stories aside #related-posts ul.body-2, body.modern-build.single-customer-stories aside .related-posts ul.body-2, body.modern-build.single-resources aside #related-posts ul.body-2, body.modern-build.single-resources aside .related-posts ul.body-2, body.modern-build.single-news aside #related-posts ul.body-2, body.modern-build.single-news aside .related-posts ul.body-2 { margin-left: 1em; } body.modern-build.single-post aside #related-posts ul.body-2 li, body.modern-build.single-post aside .related-posts ul.body-2 li, body.modern-build.single-customer-stories aside #related-posts ul.body-2 li, body.modern-build.single-customer-stories aside .related-posts ul.body-2 li, body.modern-build.single-resources aside #related-posts ul.body-2 li, body.modern-build.single-resources aside .related-posts ul.body-2 li, body.modern-build.single-news aside #related-posts ul.body-2 li, body.modern-build.single-news aside .related-posts ul.body-2 li { list-style: none outside none; margin-bottom: 0.3em; } body.modern-build.single-post aside #related-posts ul.body-2 li::marker, body.modern-build.single-post aside .related-posts ul.body-2 li::marker, body.modern-build.single-customer-stories aside #related-posts ul.body-2 li::marker, body.modern-build.single-customer-stories aside .related-posts ul.body-2 li::marker, body.modern-build.single-resources aside #related-posts ul.body-2 li::marker, body.modern-build.single-resources aside .related-posts ul.body-2 li::marker, body.modern-build.single-news aside #related-posts ul.body-2 li::marker, body.modern-build.single-news aside .related-posts ul.body-2 li::marker { content: "➤"; font-size: 0.7em; letter-spacing: 1em; } body.modern-build.single-post aside #related-posts ul.body-2 li a, body.modern-build.single-post aside .related-posts ul.body-2 li a, body.modern-build.single-customer-stories aside #related-posts ul.body-2 li a, body.modern-build.single-customer-stories aside .related-posts ul.body-2 li a, body.modern-build.single-resources aside #related-posts ul.body-2 li a, body.modern-build.single-resources aside .related-posts ul.body-2 li a, body.modern-build.single-news aside #related-posts ul.body-2 li a, body.modern-build.single-news aside .related-posts ul.body-2 li a { text-decoration: none; font-size: 14px; font-weight: 400; } body.modern-build.single-post aside #social-share, body.modern-build.single-post aside .social-share, body.modern-build.single-customer-stories aside #social-share, body.modern-build.single-customer-stories aside .social-share, body.modern-build.single-resources aside #social-share, body.modern-build.single-resources aside .social-share, body.modern-build.single-news aside #social-share, body.modern-build.single-news aside .social-share { padding-top: 0px; padding-bottom: 20px; } @media (max-width: 768px) { body.modern-build.single-post aside #social-share, body.modern-build.single-post aside .social-share, body.modern-build.single-customer-stories aside #social-share, body.modern-build.single-customer-stories aside .social-share, body.modern-build.single-resources aside #social-share, body.modern-build.single-resources aside .social-share, body.modern-build.single-news aside #social-share, body.modern-build.single-news aside .social-share { padding-bottom: 0px; padding-top: 1em; display: flex; flex-direction: row; gap: 12px; align-content: center; } body.modern-build.single-post aside #social-share .description h6, body.modern-build.single-post aside .social-share .description h6, body.modern-build.single-customer-stories aside #social-share .description h6, body.modern-build.single-customer-stories aside .social-share .description h6, body.modern-build.single-resources aside #social-share .description h6, body.modern-build.single-resources aside .social-share .description h6, body.modern-build.single-news aside #social-share .description h6, body.modern-build.single-news aside .social-share .description h6 { font-size: 12px; font-weight: 400; line-height: 1.12; margin: 0; max-width: 70px; } } body.modern-build.single-post aside #social-share .icons, body.modern-build.single-post aside .social-share .icons, body.modern-build.single-customer-stories aside #social-share .icons, body.modern-build.single-customer-stories aside .social-share .icons, body.modern-build.single-resources aside #social-share .icons, body.modern-build.single-resources aside .social-share .icons, body.modern-build.single-news aside #social-share .icons, body.modern-build.single-news aside .social-share .icons { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; margin: 0; align-items: flex-start; } body.modern-build.single-post aside #social-share .icons a, body.modern-build.single-post aside .social-share .icons a, body.modern-build.single-customer-stories aside #social-share .icons a, body.modern-build.single-customer-stories aside .social-share .icons a, body.modern-build.single-resources aside #social-share .icons a, body.modern-build.single-resources aside .social-share .icons a, body.modern-build.single-news aside #social-share .icons a, body.modern-build.single-news aside .social-share .icons a { display: block; margin: 0; } body.modern-build.single-post aside #platforms, body.modern-build.single-post aside .platforms, body.modern-build.single-customer-stories aside #platforms, body.modern-build.single-customer-stories aside .platforms, body.modern-build.single-resources aside #platforms, body.modern-build.single-resources aside .platforms, body.modern-build.single-news aside #platforms, body.modern-build.single-news aside .platforms { padding-top: 20px; margin-top: 20px; border-top: 1px solid #a0af9e; } body.modern-build.single-post aside #platforms ul, body.modern-build.single-post aside .platforms ul, body.modern-build.single-customer-stories aside #platforms ul, body.modern-build.single-customer-stories aside .platforms ul, body.modern-build.single-resources aside #platforms ul, body.modern-build.single-resources aside .platforms ul, body.modern-build.single-news aside #platforms ul, body.modern-build.single-news aside .platforms ul { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; margin: 0; } @media (min-width: 769px) { body.modern-build.single-post aside #platforms ul, body.modern-build.single-post aside .platforms ul, body.modern-build.single-customer-stories aside #platforms ul, body.modern-build.single-customer-stories aside .platforms ul, body.modern-build.single-resources aside #platforms ul, body.modern-build.single-resources aside .platforms ul, body.modern-build.single-news aside #platforms ul, body.modern-build.single-news aside .platforms ul { margin: 0 0 30px 0; } } body.modern-build.single-post aside #platforms ul li, body.modern-build.single-post aside .platforms ul li, body.modern-build.single-customer-stories aside #platforms ul li, body.modern-build.single-customer-stories aside .platforms ul li, body.modern-build.single-resources aside #platforms ul li, body.modern-build.single-resources aside .platforms ul li, body.modern-build.single-news aside #platforms ul li, body.modern-build.single-news aside .platforms ul li { list-style: none; } body.modern-build.single-post aside #platforms ul li a img, body.modern-build.single-post aside .platforms ul li a img, body.modern-build.single-customer-stories aside #platforms ul li a img, body.modern-build.single-customer-stories aside .platforms ul li a img, body.modern-build.single-resources aside #platforms ul li a img, body.modern-build.single-resources aside .platforms ul li a img, body.modern-build.single-news aside #platforms ul li a img, body.modern-build.single-news aside .platforms ul li a img { width: 30px; height: 30px; border-radius: 50%; } body.modern-build.single-post aside #subscribe-sidebar, body.modern-build.single-post aside .subscribe-sidebar, body.modern-build.single-customer-stories aside #subscribe-sidebar, body.modern-build.single-customer-stories aside .subscribe-sidebar, body.modern-build.single-resources aside #subscribe-sidebar, body.modern-build.single-resources aside .subscribe-sidebar, body.modern-build.single-news aside #subscribe-sidebar, body.modern-build.single-news aside .subscribe-sidebar { background-color: rgb(239, 237, 228); padding: 25px 0 35px; display: flex; flex-flow: column; justify-content: space-between; } @media (min-width: 767px) { body.modern-build.single-post aside #subscribe-sidebar, body.modern-build.single-post aside .subscribe-sidebar, body.modern-build.single-customer-stories aside #subscribe-sidebar, body.modern-build.single-customer-stories aside .subscribe-sidebar, body.modern-build.single-resources aside #subscribe-sidebar, body.modern-build.single-resources aside .subscribe-sidebar, body.modern-build.single-news aside #subscribe-sidebar, body.modern-build.single-news aside .subscribe-sidebar { background-image: none; border-radius: 0 0 10px 10px; padding: 20px; margin: 0 -20px -40px; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } } body.modern-build.single-post aside #subscribe-sidebar .signup-form, body.modern-build.single-post aside .subscribe-sidebar .signup-form, body.modern-build.single-customer-stories aside #subscribe-sidebar .signup-form, body.modern-build.single-customer-stories aside .subscribe-sidebar .signup-form, body.modern-build.single-resources aside #subscribe-sidebar .signup-form, body.modern-build.single-resources aside .subscribe-sidebar .signup-form, body.modern-build.single-news aside #subscribe-sidebar .signup-form, body.modern-build.single-news aside .subscribe-sidebar .signup-form { width: 100%; max-width: 100%; margin-top: 0; display: flex; flex-flow: column; justify-content: flex-end; } body.modern-build.single-post aside #subscribe-sidebar .signup-form .mktoForm, body.modern-build.single-post aside .subscribe-sidebar .signup-form .mktoForm, body.modern-build.single-customer-stories aside #subscribe-sidebar .signup-form .mktoForm, body.modern-build.single-customer-stories aside .subscribe-sidebar .signup-form .mktoForm, body.modern-build.single-resources aside #subscribe-sidebar .signup-form .mktoForm, body.modern-build.single-resources aside .subscribe-sidebar .signup-form .mktoForm, body.modern-build.single-news aside #subscribe-sidebar .signup-form .mktoForm, body.modern-build.single-news aside .subscribe-sidebar .signup-form .mktoForm { padding: 0; width: 100% !important; } @media (min-width: 769px) { body.modern-build.single-post aside #subscribe-sidebar .signup-form .mktoForm, body.modern-build.single-post aside .subscribe-sidebar .signup-form .mktoForm, body.modern-build.single-customer-stories aside #subscribe-sidebar .signup-form .mktoForm, body.modern-build.single-customer-stories aside .subscribe-sidebar .signup-form .mktoForm, body.modern-build.single-resources aside #subscribe-sidebar .signup-form .mktoForm, body.modern-build.single-resources aside .subscribe-sidebar .signup-form .mktoForm, body.modern-build.single-news aside #subscribe-sidebar .signup-form .mktoForm, body.modern-build.single-news aside .subscribe-sidebar .signup-form .mktoForm { background-color: rgb(0, 0, 0); } } body.modern-build.single-post aside #subscribe-sidebar .signup-form .mktoForm .mktoAsterix, body.modern-build.single-post aside .subscribe-sidebar .signup-form .mktoForm .mktoAsterix, body.modern-build.single-customer-stories aside #subscribe-sidebar .signup-form .mktoForm .mktoAsterix, body.modern-build.single-customer-stories aside .subscribe-sidebar .signup-form .mktoForm .mktoAsterix, body.modern-build.single-resources aside #subscribe-sidebar .signup-form .mktoForm .mktoAsterix, body.modern-build.single-resources aside .subscribe-sidebar .signup-form .mktoForm .mktoAsterix, body.modern-build.single-news aside #subscribe-sidebar .signup-form .mktoForm .mktoAsterix, body.modern-build.single-news aside .subscribe-sidebar .signup-form .mktoForm .mktoAsterix { padding: 0 !important; } body.modern-build.single-post aside #subscribe-sidebar .signup-form .mktoForm .mktoFieldDescriptor.mktoFormCol, body.modern-build.single-post aside .subscribe-sidebar .signup-form .mktoForm .mktoFieldDescriptor.mktoFormCol, body.modern-build.single-customer-stories aside #subscribe-sidebar .signup-form .mktoForm .mktoFieldDescriptor.mktoFormCol, body.modern-build.single-customer-stories aside .subscribe-sidebar .signup-form .mktoForm .mktoFieldDescriptor.mktoFormCol, body.modern-build.single-resources aside #subscribe-sidebar .signup-form .mktoForm .mktoFieldDescriptor.mktoFormCol, body.modern-build.single-resources aside .subscribe-sidebar .signup-form .mktoForm .mktoFieldDescriptor.mktoFormCol, body.modern-build.single-news aside #subscribe-sidebar .signup-form .mktoForm .mktoFieldDescriptor.mktoFormCol, body.modern-build.single-news aside .subscribe-sidebar .signup-form .mktoForm .mktoFieldDescriptor.mktoFormCol { width: 100%; } body.modern-build.single-post aside #subscribe-sidebar .signup-form .mktoForm .mktoFieldWrap, body.modern-build.single-post aside .subscribe-sidebar .signup-form .mktoForm .mktoFieldWrap, body.modern-build.single-customer-stories aside #subscribe-sidebar .signup-form .mktoForm .mktoFieldWrap, body.modern-build.single-customer-stories aside .subscribe-sidebar .signup-form .mktoForm .mktoFieldWrap, body.modern-build.single-resources aside #subscribe-sidebar .signup-form .mktoForm .mktoFieldWrap, body.modern-build.single-resources aside .subscribe-sidebar .signup-form .mktoForm .mktoFieldWrap, body.modern-build.single-news aside #subscribe-sidebar .signup-form .mktoForm .mktoFieldWrap, body.modern-build.single-news aside .subscribe-sidebar .signup-form .mktoForm .mktoFieldWrap { align-items: center; display: flex; width: 100%; flex-flow: row; } body.modern-build.single-post aside #subscribe-sidebar .signup-form .mktoForm .mktoLogicalField.mktoCheckboxList.mktoHasWidth, body.modern-build.single-post aside .subscribe-sidebar .signup-form .mktoForm .mktoLogicalField.mktoCheckboxList.mktoHasWidth, body.modern-build.single-customer-stories aside #subscribe-sidebar .signup-form .mktoForm .mktoLogicalField.mktoCheckboxList.mktoHasWidth, body.modern-build.single-customer-stories aside .subscribe-sidebar .signup-form .mktoForm .mktoLogicalField.mktoCheckboxList.mktoHasWidth, body.modern-build.single-resources aside #subscribe-sidebar .signup-form .mktoForm .mktoLogicalField.mktoCheckboxList.mktoHasWidth, body.modern-build.single-resources aside .subscribe-sidebar .signup-form .mktoForm .mktoLogicalField.mktoCheckboxList.mktoHasWidth, body.modern-build.single-news aside #subscribe-sidebar .signup-form .mktoForm .mktoLogicalField.mktoCheckboxList.mktoHasWidth, body.modern-build.single-news aside .subscribe-sidebar .signup-form .mktoForm .mktoLogicalField.mktoCheckboxList.mktoHasWidth { order: 1; width: -moz-max-content !important; width: max-content !important; } body.modern-build.single-post aside #subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap, body.modern-build.single-post aside .subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap, body.modern-build.single-customer-stories aside #subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap, body.modern-build.single-customer-stories aside .subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap, body.modern-build.single-resources aside #subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap, body.modern-build.single-resources aside .subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap, body.modern-build.single-news aside #subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap, body.modern-build.single-news aside .subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap { margin: 0 auto; } body.modern-build.single-post aside #subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap.mktoPaperMashup button.mktoButton, body.modern-build.single-post aside .subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap.mktoPaperMashup button.mktoButton, body.modern-build.single-customer-stories aside #subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap.mktoPaperMashup button.mktoButton, body.modern-build.single-customer-stories aside .subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap.mktoPaperMashup button.mktoButton, body.modern-build.single-resources aside #subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap.mktoPaperMashup button.mktoButton, body.modern-build.single-resources aside .subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap.mktoPaperMashup button.mktoButton, body.modern-build.single-news aside #subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap.mktoPaperMashup button.mktoButton, body.modern-build.single-news aside .subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap.mktoPaperMashup button.mktoButton { background: rgb(243, 66, 74) !important; color: rgb(255, 255, 255) !important; } body.modern-build.single-post aside #subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap.mktoPaperMashup button.mktoButton:after, body.modern-build.single-post aside .subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap.mktoPaperMashup button.mktoButton:after, body.modern-build.single-customer-stories aside #subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap.mktoPaperMashup button.mktoButton:after, body.modern-build.single-customer-stories aside .subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap.mktoPaperMashup button.mktoButton:after, body.modern-build.single-resources aside #subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap.mktoPaperMashup button.mktoButton:after, body.modern-build.single-resources aside .subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap.mktoPaperMashup button.mktoButton:after, body.modern-build.single-news aside #subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap.mktoPaperMashup button.mktoButton:after, body.modern-build.single-news aside .subscribe-sidebar .signup-form .mktoForm .mktoButtonRow .mktoButtonWrap.mktoPaperMashup button.mktoButton:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+"); } @media (min-width: 767px) { body.modern-build.single-post aside #subscribe-sidebar .signup-form .mktoForm label, body.modern-build.single-post aside .subscribe-sidebar .signup-form .mktoForm label, body.modern-build.single-customer-stories aside #subscribe-sidebar .signup-form .mktoForm label, body.modern-build.single-customer-stories aside .subscribe-sidebar .signup-form .mktoForm label, body.modern-build.single-resources aside #subscribe-sidebar .signup-form .mktoForm label, body.modern-build.single-resources aside .subscribe-sidebar .signup-form .mktoForm label, body.modern-build.single-news aside #subscribe-sidebar .signup-form .mktoForm label, body.modern-build.single-news aside .subscribe-sidebar .signup-form .mktoForm label { color: rgb(255, 255, 255); } } body.modern-build.single-post aside #subscribe-sidebar .signup-form .mktoForm label#LblEmail_Opt_In__c, body.modern-build.single-post aside #subscribe-sidebar .signup-form .mktoForm label#LblMarketing_SMS_Opt_In__c, body.modern-build.single-post aside #subscribe-sidebar .signup-form .mktoForm label#LblprivacyPolicyAgreement, body.modern-build.single-post aside .subscribe-sidebar .signup-form .mktoForm label#LblEmail_Opt_In__c, body.modern-build.single-post aside .subscribe-sidebar .signup-form .mktoForm label#LblMarketing_SMS_Opt_In__c, body.modern-build.single-post aside .subscribe-sidebar .signup-form .mktoForm label#LblprivacyPolicyAgreement, body.modern-build.single-customer-stories aside #subscribe-sidebar .signup-form .mktoForm label#LblEmail_Opt_In__c, body.modern-build.single-customer-stories aside #subscribe-sidebar .signup-form .mktoForm label#LblMarketing_SMS_Opt_In__c, body.modern-build.single-customer-stories aside #subscribe-sidebar .signup-form .mktoForm label#LblprivacyPolicyAgreement, body.modern-build.single-customer-stories aside .subscribe-sidebar .signup-form .mktoForm label#LblEmail_Opt_In__c, body.modern-build.single-customer-stories aside .subscribe-sidebar .signup-form .mktoForm label#LblMarketing_SMS_Opt_In__c, body.modern-build.single-customer-stories aside .subscribe-sidebar .signup-form .mktoForm label#LblprivacyPolicyAgreement, body.modern-build.single-resources aside #subscribe-sidebar .signup-form .mktoForm label#LblEmail_Opt_In__c, body.modern-build.single-resources aside #subscribe-sidebar .signup-form .mktoForm label#LblMarketing_SMS_Opt_In__c, body.modern-build.single-resources aside #subscribe-sidebar .signup-form .mktoForm label#LblprivacyPolicyAgreement, body.modern-build.single-resources aside .subscribe-sidebar .signup-form .mktoForm label#LblEmail_Opt_In__c, body.modern-build.single-resources aside .subscribe-sidebar .signup-form .mktoForm label#LblMarketing_SMS_Opt_In__c, body.modern-build.single-resources aside .subscribe-sidebar .signup-form .mktoForm label#LblprivacyPolicyAgreement, body.modern-build.single-news aside #subscribe-sidebar .signup-form .mktoForm label#LblEmail_Opt_In__c, body.modern-build.single-news aside #subscribe-sidebar .signup-form .mktoForm label#LblMarketing_SMS_Opt_In__c, body.modern-build.single-news aside #subscribe-sidebar .signup-form .mktoForm label#LblprivacyPolicyAgreement, body.modern-build.single-news aside .subscribe-sidebar .signup-form .mktoForm label#LblEmail_Opt_In__c, body.modern-build.single-news aside .subscribe-sidebar .signup-form .mktoForm label#LblMarketing_SMS_Opt_In__c, body.modern-build.single-news aside .subscribe-sidebar .signup-form .mktoForm label#LblprivacyPolicyAgreement { order: 2; width: 90% !important; } body.modern-build.single-post aside #subscribe-sidebar .signup-form .mktoForm input#Email, body.modern-build.single-post aside .subscribe-sidebar .signup-form .mktoForm input#Email, body.modern-build.single-customer-stories aside #subscribe-sidebar .signup-form .mktoForm input#Email, body.modern-build.single-customer-stories aside .subscribe-sidebar .signup-form .mktoForm input#Email, body.modern-build.single-resources aside #subscribe-sidebar .signup-form .mktoForm input#Email, body.modern-build.single-resources aside .subscribe-sidebar .signup-form .mktoForm input#Email, body.modern-build.single-news aside #subscribe-sidebar .signup-form .mktoForm input#Email, body.modern-build.single-news aside .subscribe-sidebar .signup-form .mktoForm input#Email { background: rgb(255, 255, 255); border: 1px solid #a0af9e; border-radius: 5px; color: rgb(26, 26, 26); padding: 0 15px; } body.modern-build.single-post aside #subscribe-sidebar .signup-form .mktoForm .mktoCaptchaDisclaimer, body.modern-build.single-post aside .subscribe-sidebar .signup-form .mktoForm .mktoCaptchaDisclaimer, body.modern-build.single-customer-stories aside #subscribe-sidebar .signup-form .mktoForm .mktoCaptchaDisclaimer, body.modern-build.single-customer-stories aside .subscribe-sidebar .signup-form .mktoForm .mktoCaptchaDisclaimer, body.modern-build.single-resources aside #subscribe-sidebar .signup-form .mktoForm .mktoCaptchaDisclaimer, body.modern-build.single-resources aside .subscribe-sidebar .signup-form .mktoForm .mktoCaptchaDisclaimer, body.modern-build.single-news aside #subscribe-sidebar .signup-form .mktoForm .mktoCaptchaDisclaimer, body.modern-build.single-news aside .subscribe-sidebar .signup-form .mktoForm .mktoCaptchaDisclaimer { width: 100%; } @media (min-width: 769px) { body.modern-build.single-post aside #subscribe-sidebar .signup-form .mktoForm .mktoCaptchaDisclaimer, body.modern-build.single-post aside .subscribe-sidebar .signup-form .mktoForm .mktoCaptchaDisclaimer, body.modern-build.single-customer-stories aside #subscribe-sidebar .signup-form .mktoForm .mktoCaptchaDisclaimer, body.modern-build.single-customer-stories aside .subscribe-sidebar .signup-form .mktoForm .mktoCaptchaDisclaimer, body.modern-build.single-resources aside #subscribe-sidebar .signup-form .mktoForm .mktoCaptchaDisclaimer, body.modern-build.single-resources aside .subscribe-sidebar .signup-form .mktoForm .mktoCaptchaDisclaimer, body.modern-build.single-news aside #subscribe-sidebar .signup-form .mktoForm .mktoCaptchaDisclaimer, body.modern-build.single-news aside .subscribe-sidebar .signup-form .mktoForm .mktoCaptchaDisclaimer { color: rgb(255, 255, 255); } } body.modern-build.single-post aside #download, body.modern-build.single-post aside .download, body.modern-build.single-customer-stories aside #download, body.modern-build.single-customer-stories aside .download, body.modern-build.single-resources aside #download, body.modern-build.single-resources aside .download, body.modern-build.single-news aside #download, body.modern-build.single-news aside .download { background-image: none; margin: -22px; border-radius: 0 0 20px 20px; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 20px; } @media (min-width: 769px) { body.modern-build.single-post aside #download, body.modern-build.single-post aside .download, body.modern-build.single-customer-stories aside #download, body.modern-build.single-customer-stories aside .download, body.modern-build.single-resources aside #download, body.modern-build.single-resources aside .download, body.modern-build.single-news aside #download, body.modern-build.single-news aside .download { margin: 0 -22px -20px; } } @media (max-width: 768px) { body.modern-build.single-post aside #download, body.modern-build.single-post aside .download, body.modern-build.single-customer-stories aside #download, body.modern-build.single-customer-stories aside .download, body.modern-build.single-resources aside #download, body.modern-build.single-resources aside .download, body.modern-build.single-news aside #download, body.modern-build.single-news aside .download { border-radius: 20px; } } body.modern-build.single-post aside #download .description, body.modern-build.single-post aside .download .description, body.modern-build.single-customer-stories aside #download .description, body.modern-build.single-customer-stories aside .download .description, body.modern-build.single-resources aside #download .description, body.modern-build.single-resources aside .download .description, body.modern-build.single-news aside #download .description, body.modern-build.single-news aside .download .description { font-size: 1em; font-weight: 700; margin-bottom: 0; } body.modern-build.single-post aside #download #button-container, body.modern-build.single-post aside .download #button-container, body.modern-build.single-customer-stories aside #download #button-container, body.modern-build.single-customer-stories aside .download #button-container, body.modern-build.single-resources aside #download #button-container, body.modern-build.single-resources aside .download #button-container, body.modern-build.single-news aside #download #button-container, body.modern-build.single-news aside .download #button-container { margin-top: 0; justify-items: stretch; } body.modern-build.single-post aside #download #button-container a.button, body.modern-build.single-post aside .download #button-container a.button, body.modern-build.single-customer-stories aside #download #button-container a.button, body.modern-build.single-customer-stories aside .download #button-container a.button, body.modern-build.single-resources aside #download #button-container a.button, body.modern-build.single-resources aside .download #button-container a.button, body.modern-build.single-news aside #download #button-container a.button, body.modern-build.single-news aside .download #button-container a.button { flex-grow: 1; position: relative; padding-right: 36px; } body.modern-build.single-post aside #download #button-container a.button:after, body.modern-build.single-post aside .download #button-container a.button:after, body.modern-build.single-customer-stories aside #download #button-container a.button:after, body.modern-build.single-customer-stories aside .download #button-container a.button:after, body.modern-build.single-resources aside #download #button-container a.button:after, body.modern-build.single-resources aside .download #button-container a.button:after, body.modern-build.single-news aside #download #button-container a.button:after, body.modern-build.single-news aside .download #button-container a.button:after { right: 10px; position: absolute; } body.modern-build.single-post aside.mobile-only, body.modern-build.single-customer-stories aside.mobile-only, body.modern-build.single-resources aside.mobile-only, body.modern-build.single-news aside.mobile-only { margin: 0; padding: 0; display: flex; flex-direction: column; flex-wrap: nowrap; } @media (min-width: 767px) { body.modern-build.single-post aside.mobile-only, body.modern-build.single-customer-stories aside.mobile-only, body.modern-build.single-resources aside.mobile-only, body.modern-build.single-news aside.mobile-only { display: none; } } @media (max-width: 768px) { body.modern-build.single-post aside.desktop-only, body.modern-build.single-customer-stories aside.desktop-only, body.modern-build.single-resources aside.desktop-only, body.modern-build.single-news aside.desktop-only { display: none; } } @media (max-width: 768px) { body.modern-build.single-post aside h6, body.modern-build.single-customer-stories aside h6, body.modern-build.single-resources aside h6, body.modern-build.single-news aside h6 { margin-bottom: 1em; } } @media (min-width: 767px) { body.modern-build.single-post.gated-content aside.desktop-only, body.modern-build.single-customer-stories.gated-content aside.desktop-only, body.modern-build.single-resources.gated-content aside.desktop-only, body.modern-build.single-news.gated-content aside.desktop-only { position: relative; top: -300px; } } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ #mktoStyleLoaded { /* css load detection, do not remove */ color: #123456; } .mktoForm { text-align: left; } .mktoForm .mktoClear { clear: both; float: none; } .mktoForm div { text-align: left; margin: 0; padding: 0; } .mktoForm span { text-align: left; margin: 0; padding: 0; } .mktoForm label { text-align: left; margin: 0; padding: 0; } .mktoForm p { text-align: left; margin: 0; padding: 0; } .mktoForm input { margin: 0; } .mktoForm select { margin: 0; } .mktoForm textarea { margin: 0; } .mktoForm .mktoOffset { float: left; height: 1.2em; } .mktoForm .mktoGutter { float: left; height: 1.2em; } .mktoForm .mktoFieldWrap { float: left; } .mktoForm .mktoFieldWrap .mktoInstruction { display: none; } .mktoForm .mktoLabel { float: left; line-height: 1.2em; padding-top: 0.18em; } .mktoForm .mktoField { line-height: 1.2em; font-size: 1em; float: left; } .mktoForm .mktoPlaceholder { float: left; } .mktoForm .mktoLogicalField { float: left; } .mktoForm fieldset { padding: 0; margin: 0; } .mktoForm fieldset legend { margin: 0 1em 0.5em; color: rgb(26, 26, 26); } .mktoForm a.mktoNotYou { cursor: pointer; color: #f9cc3d; } .mktoForm a.mktoNotYou:hover { text-decoration: underline; } .mktoForm .mktoAsterix { float: right; color: rgb(243, 66, 74); padding-left: 5px; display: none !important; } .mktoForm .mktoRadioList { padding: 0.3em; float: left; } .mktoForm .mktoRadioList > label { margin-left: 1.5em; margin-top: 0.1em; margin-bottom: 0.3em; line-height: 1.2em; display: block; min-height: 12px; } .mktoForm .mktoRadioList > label > input { float: left; margin: 0; margin-left: -1.5em; } .mktoForm .mktoRadioList > input { padding: 0; } .mktoForm .mktoCheckboxList { padding: 0.3em; float: left; } .mktoForm .mktoCheckboxList > label { margin-left: 1.5em; margin-top: 0.1em; margin-bottom: 0.3em; line-height: 1.2em; display: block; min-height: 12px; } .mktoForm .mktoCheckboxList > label > input { float: left; margin: 0; margin-left: -1.5em; } .mktoForm .mktoCheckboxList > input { padding: 0; } .mktoForm .mktoLabelToLeft > label { text-align: right; margin-left: 0; margin-right: 1.5em; } .mktoForm .mktoLabelToLeft input[type=checkbox] { position: absolute; right: 0.3em; } .mktoForm .mktoLabelToLeft input[type=radio] { position: absolute; right: 0.3em; } .mktoForm .mktoRequiredField .mktoAsterix { display: block; } .mktoForm .mktoRequiredField label.mktoLabel { font-weight: bold; } .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date] { padding: 2px 3px; line-height: 1.2em; margin: 0; box-sizing: border-box; } .mktoForm input[type=text]::-moz-placeholder, .mktoForm input[type=url]::-moz-placeholder, .mktoForm input[type=email]::-moz-placeholder, .mktoForm input[type=tel]::-moz-placeholder, .mktoForm input[type=number]::-moz-placeholder, .mktoForm input[type=date]::-moz-placeholder { color: #a0af9e; } .mktoForm input[type=text]::placeholder, .mktoForm input[type=url]::placeholder, .mktoForm input[type=email]::placeholder, .mktoForm input[type=tel]::placeholder, .mktoForm input[type=number]::placeholder, .mktoForm input[type=date]::placeholder { color: #a0af9e; } .mktoForm input[type=range] { padding: 0.25em 0; margin: 0; } .mktoForm input[type=range]::-ms-tooltip { display: none; } .mktoForm textarea.mktoField { box-sizing: border-box; display: inline-block; padding: 0.2em; margin: 0; line-height: 1.2em; overflow: auto; resize: none; float: none; } .mktoForm select.mktoField { box-sizing: border-box; } .mktoForm select.mktoField.placeholder { color: #a0af9e; } .mktoForm .mktoFormRow { clear: both; } .mktoForm .mktoFormCol { float: left; position: relative; min-height: 2em; } .mktoForm textarea[rows="1"] { height: 2em; } .mktoForm textarea[rows="2"] { height: 3.4em; } .mktoForm textarea[rows="3"] { height: 4.6em; } .mktoForm textarea[rows="4"] { height: 5.8em; } .mktoForm textarea[rows="5"] { height: 7em; } .mktoForm textarea[rows="6"] { height: 8.2em; } .mktoForm textarea[rows="7"] { height: 9.4em; } .mktoForm textarea[rows="8"] { height: 10.6em; } .mktoForm .mktoError { position: absolute; z-index: 99; color: rgb(243, 66, 74); } .mktoForm .mktoError .mktoErrorArrowWrap { width: 16px; height: 8px; overflow: hidden; position: absolute; top: 0; left: 5px; z-index: 100; } .mktoForm .mktoError .mktoErrorArrow { background-color: rgb(243, 66, 74); border: 1px solid #9f1300; border-right: none; border-bottom: none; display: inline-block; height: 16px; transform: rotate(45deg); -ms-transform: rotate(45deg); width: 16px; margin-top: 5px; } .mktoForm .mktoError .mktoErrorArrowWrap.mktoArrowImage { background: transparent url("../images/callout-arrow-up-red.png") top center no-repeat; bottom: -7px; } .mktoForm .mktoError .mktoErrorArrowWrap.mktoArrowImage .mktoErrorArrow { display: none; } .mktoForm .mktoError .mktoErrorMsg { display: block; margin-top: 7px; background-color: rgb(243, 66, 74); border: 1px solid rgb(243, 66, 74); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset rgb(243, 66, 74) 0 1px 0px; color: #f5f5f5; font-size: 1em; line-height: 1.2em; max-width: 16em; padding: 0.4em 0.6em; text-shadow: rgb(26, 26, 26) 0 -1px 0; } .mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail { display: block; } .mktoForm .cf_widget_socialsignon .cf_sign_on { margin-bottom: 1.5em; } .mktoForm .mktoRangeField .mktoRangeValue { zoom: 1; float: left; display: none; text-align: center; position: absolute; z-index: 99; color: rgb(26, 26, 26); } .mktoForm .mktoRangeField .mktoRangeValueArrowWrap { width: 16px; height: 8px; overflow: hidden; position: absolute; bottom: -7px; z-index: 100; } .mktoForm .mktoRangeField .mktoRangeValueArrow { background-color: #028d05; border: 1px solid #005602; height: 16px; transform: rotate(45deg); -ms-transform: rotate(45deg); width: 16px; background-color: #007d04; border-left: none; border-top: none; margin-top: 5px; position: absolute; bottom: 5px; } .mktoForm .mktoRangeField .mktoRangeValueArrowWrap.mktoArrowImage { background: transparent; bottom: -7px; } .mktoForm .mktoRangeField .mktoRangeValueArrowWrap.mktoArrowImage .mktoRangeValueArrow { display: none; } .mktoForm .mktoRangeField .mktoRangeValueText { display: block; background-color: #028d05; background-image: linear-gradient(#028d05 43%, #007d04 100%); background-image: -ms-linear-gradient(#028d05 43%, #007d04 100%); border: 1px solid #005602; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #00a500 0 1px 0px; color: #f5f5f5; font-size: 1em; line-height: 1.2em; padding: 0.4em 0.6em; text-shadow: #005602 0 -1px 0; text-align: center; } .mktoForm .mktoRangeField.mktoHover .mktoRangeValue { display: block; } .mktoForm.ie7 .mktoRadioList > label { padding: 0.2em 0 0; } .mktoForm.ie7 .mktoCheckboxList > label { padding: 0.2em 0 0; } .mktoForm.ie7 .mktoError .mktoErrorArrowWrap { top: -8px; } .mktoForm.ie7 .mktoRangeField .mktoRangeValue { position: relative; } .mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix { float: left; padding-left: 0; padding-right: 5px; } .mktoForm.mktoLayoutAbove .mktoGutter { display: none; } .mktoForm.mktoLayoutAbove .mktoLabel { text-align: left; } .mktoForm.mktoLayoutAbove .mktoRadioList { float: none; clear: left; } .mktoForm.mktoLayoutAbove .mktoCheckboxList { float: none; clear: left; } .mktoForm.mktoLayoutAbove .mktoField { clear: left; } .mktoForm.mktoLayoutAbove .mktoLogicalField { clear: left; } .mktoForm.mktoLayoutAbove textarea.mktoField { float: left; } .mktoButtonRow { display: inline-block; position: relative; } .mktoForm.mktoLayoutCenter .mktoLabel { text-align: right; } .mktoNoJS .mktoLabel { display: block; padding-right: 10px; width: 110px; text-align: right; } .mktoNoJS input[type=text] { width: 150px; } .mktoForm.ie6 .mktoRangeField .mktoRangeValue { position: relative; } .mktoModal { position: absolute; top: 0; left: 0; right: 0; } .mktoModal .mktoModalMask { position: absolute; z-index: 10000; top: 0; left: 0; right: 0; zoom: 1; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)"; } .mktoModal .mktoModalContent { position: absolute; z-index: 10001; background: #fff; padding: 10px; } .mktoModal .mktoModalClose { position: absolute; cursor: pointer; top: -10px; right: -10px; background: #000; color: rgb(255, 255, 255); width: 19px; height: 19px; font-size: 13px; line-height: 19px; border-radius: 19px; text-align: center; border: 2px solid #ccc; } @media only screen and (max-width: 480px) { .mktoForm { box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; } .mktoForm * { box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; } .mktoForm .mktoGutter { display: none; } .mktoForm .mktoOffset { display: none; } .mktoForm .mktoFormCol .mktoLabel { text-align: left; width: 100%; } .mktoForm .mktoFormCol { float: none; } .mktoForm .mktoFieldWrap { float: none; } .mktoForm fieldset { padding: 0 10px; } .mktoForm input[type=url], .mktoForm input[type=text], .mktoForm input[type=date], .mktoForm input[type=tel], .mktoForm input[type=email], .mktoForm input[type=number] { width: 100%; height: 1.5em; line-height: 1.5em; font-size: 18px; } .mktoForm textarea.mktoField { width: 100%; height: 1.5em; line-height: 1.5em; font-size: 18px; } .mktoForm select.mktoField { width: 100%; height: 1.5em; line-height: 1.5em; font-size: 18px; height: auto; } .mktoForm .mktoFormRow .mktoField { clear: left; } .mktoForm .mktoFormRow .mktoFormCol { clear: both; } .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix { float: left; padding-left: 0; padding-right: 5px; } .mktoForm .mktoRadioList { width: 100%; } .mktoForm .mktoCheckboxList { width: 100%; } .mktoForm .cf_widget_socialsignon { display: block; } .mktoForm .cf_widget_socialsignon .cf_sign_on { width: 100%; } .mktoForm .cf_widget_socialsignon .cf_sign_on_button { width: auto; } .mktoModal .mktoModalContent { padding: 10px 0; } .mktoModal .mktoModalClose { right: 0; } .mktoMobileShow .mktoForm { box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; } .mktoMobileShow .mktoForm .mktoGutter { display: none; } .mktoMobileShow .mktoForm .mktoOffset { display: none; } .mktoMobileShow .mktoForm .mktoFormCol .mktoLabel { text-align: left; width: 100%; } .mktoMobileShow .mktoForm .mktoFormCol { float: none; } .mktoMobileShow .mktoForm .mktoFieldWrap { float: none; } .mktoMobileShow .mktoForm fieldset { padding: 0 10px; } .mktoMobileShow .mktoForm input[type=url], .mktoMobileShow .mktoForm input[type=text], .mktoMobileShow .mktoForm input[type=date], .mktoMobileShow .mktoForm input[type=tel], .mktoMobileShow .mktoForm input[type=email], .mktoMobileShow .mktoForm input[type=number] { width: 100%; height: 1.5em; line-height: 1.5em; font-size: 18px; } .mktoMobileShow .mktoForm textarea.mktoField { width: 100%; height: 1.5em; line-height: 1.5em; font-size: 18px; } .mktoMobileShow .mktoForm select.mktoField { width: 100%; height: 1.5em; line-height: 1.5em; font-size: 18px; height: auto; } .mktoMobileShow .mktoForm .mktoFormRow .mktoField { clear: left; } .mktoMobileShow .mktoForm .mktoFormRow .mktoFormCol { clear: both; } .mktoMobileShow .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix { float: left; padding-left: 0; padding-right: 5px; } .mktoMobileShow .mktoForm .mktoRadioList { width: 100%; } .mktoMobileShow .mktoForm .mktoCheckboxList { width: 100%; } .mktoMobileShow .mktoForm .cf_widget_socialsignon { display: block; } .mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on { width: 100%; } .mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on_button { width: auto; } .mktoMobileShow .mktoModal .mktoModalContent { padding: 10px 0; } .mktoMobileShow .mktoModal .mktoModalClose { right: 0; } } @media only screen and (max-device-width: 480px) { .mktoMobileShow .mktoForm { box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; } .mktoMobileShow .mktoForm .mktoGutter { display: none; } .mktoMobileShow .mktoForm .mktoOffset { display: none; } .mktoMobileShow .mktoForm .mktoFormCol .mktoLabel { text-align: left; width: 100%; } .mktoMobileShow .mktoForm .mktoFormCol { float: none; } .mktoMobileShow .mktoForm .mktoFieldWrap { float: none; } .mktoMobileShow .mktoForm fieldset { padding: 0 10px; } .mktoMobileShow .mktoForm input[type=url], .mktoMobileShow .mktoForm input[type=text], .mktoMobileShow .mktoForm input[type=date], .mktoMobileShow .mktoForm input[type=tel], .mktoMobileShow .mktoForm input[type=email], .mktoMobileShow .mktoForm input[type=number] { width: 100%; height: 1.5em; line-height: 1.5em; font-size: 18px; } .mktoMobileShow .mktoForm textarea.mktoField { width: 100%; height: 1.5em; line-height: 1.5em; font-size: 18px; } .mktoMobileShow .mktoForm select.mktoField { width: 100%; height: 1.5em; line-height: 1.5em; font-size: 18px; height: auto; } .mktoMobileShow .mktoForm .mktoFormRow .mktoField { clear: left; } .mktoMobileShow .mktoForm .mktoFormRow .mktoFormCol { clear: both; } .mktoMobileShow .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix { float: left; padding-left: 0; padding-right: 5px; } .mktoMobileShow .mktoForm .mktoRadioList { width: 100%; } .mktoMobileShow .mktoForm .mktoCheckboxList { width: 100%; } .mktoMobileShow .mktoForm .cf_widget_socialsignon { display: block; } .mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on { width: 100%; } .mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on_button { width: auto; } .mktoMobileShow .mktoModal .mktoModalContent { padding: 10px 0; } .mktoMobileShow .mktoModal .mktoModalClose { right: 0; } .mktoForm * { box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; } } @media only screen and (max-device-height: 480px) { .mktoMobileShow .mktoForm { box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; } .mktoMobileShow .mktoForm .mktoGutter { display: none; } .mktoMobileShow .mktoForm .mktoOffset { display: none; } .mktoMobileShow .mktoForm .mktoFormCol .mktoLabel { text-align: left; width: 100%; } .mktoMobileShow .mktoForm .mktoFormCol { float: none; } .mktoMobileShow .mktoForm .mktoFieldWrap { float: none; } .mktoMobileShow .mktoForm fieldset { padding: 0 10px; } .mktoMobileShow .mktoForm input[type=url], .mktoMobileShow .mktoForm input[type=text], .mktoMobileShow .mktoForm input[type=date], .mktoMobileShow .mktoForm input[type=tel], .mktoMobileShow .mktoForm input[type=email], .mktoMobileShow .mktoForm input[type=number] { width: 100%; height: 1.5em; line-height: 1.5em; font-size: 18px; } .mktoMobileShow .mktoForm textarea.mktoField { width: 100%; height: 1.5em; line-height: 1.5em; font-size: 18px; } .mktoMobileShow .mktoForm select.mktoField { width: 100%; height: 1.5em; line-height: 1.5em; font-size: 18px; height: auto; } .mktoMobileShow .mktoForm .mktoFormRow .mktoField { clear: left; } .mktoMobileShow .mktoForm .mktoFormRow .mktoFormCol { clear: both; } .mktoMobileShow .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix { float: left; padding-left: 0; padding-right: 5px; } .mktoMobileShow .mktoForm .mktoRadioList { width: 100%; } .mktoMobileShow .mktoForm .mktoCheckboxList { width: 100%; } .mktoMobileShow .mktoForm .cf_widget_socialsignon { display: block; } .mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on { width: 100%; } .mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on_button { width: auto; } .mktoMobileShow .mktoModal .mktoModalContent { padding: 10px 0; } .mktoMobileShow .mktoModal .mktoModalClose { right: 0; } .mktoForm * { box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px; } } .mktoForm#mktoForm_2087, .mktoForm#mktoForm_2007 { background: rgb(255, 255, 255); border-radius: 20px; padding: 0 20px; } .mktoForm { font-family: inherit !important; } .mktoForm h6 { display: none; } .mktoForm .mktoOffset, .mktoForm .mktoGutter { display: none; } .mktoForm .mktoFormRow .mktoFormCol { width: 100%; } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap:not(:has(.mktoLogicalField)) { width: 100%; } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap:not(:has(.mktoLogicalField)) label { display: none; } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap:not(:has(.mktoLogicalField)) input, .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap:not(:has(.mktoLogicalField)) select { border-radius: 6px; } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap:not(:has(.mktoLogicalField)) input { width: 100% !important; padding: 6px 12px !important; } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap:not(:has(.mktoLogicalField)) select { width: 100% !important; padding: 6px 30px 6px 12px !important; } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap:has(.mktoLogicalField) { display: flex; flex-flow: row; } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap:has(.mktoLogicalField) label { order: 2; width: calc(100% - 20px) !important; } .mktoForm .mktoFormRow .mktoFormCol .mktoFieldWrap:has(.mktoLogicalField) .mktoLogicalField.mktoCheckboxList.mktoHasWidth { width: 20px !important; order: 1; } .mktoForm .mktoButtonWrap button.mktoButton:not([class^=cky-]) { display: flex; flex-direction: row; align-items: center; gap: 10px; width: -moz-fit-content; width: fit-content; padding: 8px 24px 8px 20px; font-family: "Golos Text", sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 100%; text-decoration: none; border-radius: 25px; text-align: center; background: rgb(243, 66, 74); color: rgb(255, 255, 255); box-sizing: border-box; height: 45px; transition: 0.2s all cubic-bezier(0.165, 0.84, 0.44, 1); margin: 10px 0; box-shadow: none; cursor: pointer; } .mktoForm .mktoButtonWrap button.mktoButton:not([class^=cky-]):after { margin-left: 4px; transition: 0.5s all cubic-bezier(0.165, 0.84, 0.44, 1); content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+"); } .mktoForm .mktoButtonWrap button.mktoButton:not([class^=cky-]):hover:after, .mktoForm .mktoButtonWrap button.mktoButton:not([class^=cky-]).hovered:after { transform: rotate(-45deg); transform-origin: center center; content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+"); } .mktoForm .mktoButtonWrap button.mktoButton:not([class^=cky-]):focus:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+"); } @media (min-width: 769px) { .mktoForm#mktoForm_2087 .mktoFormRow .mktoFormCol:has(#FirstName), .mktoForm#mktoForm_2087 .mktoFormRow .mktoFormCol:has(#LastName), .mktoForm#mktoForm_2087 .mktoFormRow .mktoFormCol:has(select), .mktoForm#mktoForm_2007 .mktoFormRow .mktoFormCol:has(#FirstName), .mktoForm#mktoForm_2007 .mktoFormRow .mktoFormCol:has(#LastName), .mktoForm#mktoForm_2007 .mktoFormRow .mktoFormCol:has(select) { width: calc(50% - 10px); } .mktoForm#mktoForm_2087 .mktoFormRow .mktoFormCol:has(#FirstName):nth-child(2), .mktoForm#mktoForm_2087 .mktoFormRow .mktoFormCol:has(#LastName):nth-child(2), .mktoForm#mktoForm_2087 .mktoFormRow .mktoFormCol:has(select):nth-child(2), .mktoForm#mktoForm_2007 .mktoFormRow .mktoFormCol:has(#FirstName):nth-child(2), .mktoForm#mktoForm_2007 .mktoFormRow .mktoFormCol:has(#LastName):nth-child(2), .mktoForm#mktoForm_2007 .mktoFormRow .mktoFormCol:has(select):nth-child(2) { margin-left: 20px; } } .mktoForm#mktoForm_2007 { padding-top: 20px; } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ .modern-build.showcase_bento .grid-inner { -moz-column-gap: 12px; column-gap: 12px; row-gap: 12px; } .modern-build.showcase_bento .grid-inner .content-container { background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 20px; min-height: 100%; overflow: hidden; display: grid; } @media (max-width: 768px) { .modern-build.showcase_bento .grid-inner .content-container:not(:has(.stats_roller)) { display: none; } .modern-build.showcase_bento .grid-inner .content-container:has(.stats_roller) { width: 100%; } } .modern-build.showcase_bento .grid-inner .content-container .overlay { display: flex; min-height: 50vw; position: relative; top: 0; bottom: 0; left: 0; right: 0; align-items: flex-end; overflow: hidden; } @media (min-width: 769px) { .modern-build.showcase_bento .grid-inner .content-container .overlay { min-height: 450px; } } .modern-build.showcase_bento .grid-inner .content-container .overlay .stats_roller_wrapper { position: relative; bottom: 30%; left: 10px; box-sizing: content-box; max-height: 60%; max-width: 100%; width: 100%; display: flex; justify-content: center; } @media (min-width: 769px) { .modern-build.showcase_bento .grid-inner .content-container .overlay .stats_roller_wrapper { max-height: 60%; max-width: 60%; } } .modern-build.showcase_bento .grid-inner .content-container .overlay .stats_roller_wrapper .stats_roller { position: relative; width: 100%; max-width: 100%; display: flex; justify-content: center; flex-direction: column; } .modern-build.showcase_bento .grid-inner .content-container .overlay .stats_roller_wrapper .stats_roller .stat { display: flex; flex-direction: column; align-items: start; position: absolute; width: 100%; padding: 0 12px; z-index: 100; filter: drop-shadow(0 2px 2px #555); } .modern-build.showcase_bento .grid-inner .content-container .overlay .stats_roller_wrapper .stats_roller .stat h3, .modern-build.showcase_bento .grid-inner .content-container .overlay .stats_roller_wrapper .stats_roller .stat p { color: #ffffff; } .modern-build.showcase_bento .grid-inner .content-container .overlay .stats_roller_wrapper .stats_roller .stat h3 { font-size: 24px; margin: 10px 0 0; } .modern-build.showcase_bento .grid-inner .content-container .overlay .stats_roller_wrapper .stats_roller .stat p { font-size: 12px; margin: 0; } @media (min-width: 769px) { .modern-build.showcase_bento .grid-inner .content-container .overlay .stats_roller_wrapper .stats_roller .stat h3 { font-size: 36px; } .modern-build.showcase_bento .grid-inner .content-container .overlay .stats_roller_wrapper .stats_roller .stat p { font-size: 12px; } } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ .modern-build.cta_bento .grid-inner { -moz-column-gap: 12px; column-gap: 12px; row-gap: 12px; } .modern-build.cta_bento .grid-inner .content-container { background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 20px; min-height: 100%; overflow: hidden; display: grid; transition: all 0.5s ease-in-out; } .modern-build.cta_bento .grid-inner .content-container:hover { border-radius: 90px 0px; } .modern-build.cta_bento .grid-inner .content-container .overlay { display: flex; flex-direction: column; justify-content: space-between; min-height: 50vw; position: relative; top: 0; bottom: 0; left: 0; right: 0; padding: 24px 24px 12px 24px; transition: all 0.5s ease-in-out; } @media (max-width: 520px) { .modern-build.cta_bento .grid-inner .content-container .overlay { min-height: calc(100vw - 24px - 48px - 44px); } } @media (min-width: 769px) { .modern-build.cta_bento .grid-inner .content-container .overlay { min-height: 300px; } } @media (min-width: 1025px) { .modern-build.cta_bento .grid-inner .content-container .overlay { padding: 24px 36px 12px 36px; } } .modern-build.cta_bento .grid-inner .content-container .overlay h3, .modern-build.cta_bento .grid-inner .content-container .overlay p { color: rgb(255, 255, 255); } .modern-build.cta_bento .grid-inner .content-container .overlay h3 { margin-bottom: 12px; } .modern-build.cta_bento .grid-inner .content-container .overlay p { text-wrap: pretty; } .modern-build.cta_bento .grid-inner .content-container .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ @media (max-width: 1279px) { .modern-build.customer_stories { padding-left: 12px; padding-right: 12px; } } .modern-build.customer_stories .flex-inner { display: flex; flex-direction: row; flex-wrap: wrap; max-width: 1280px; margin: 24px; margin-bottom: 0; -moz-column-gap: 48px; column-gap: 48px; row-gap: 48px; } @media (min-width: 769px) { .modern-build.customer_stories .flex-inner { -moz-column-gap: 72px; column-gap: 72px; row-gap: 72px; margin: 24px auto; } } .modern-build.customer_stories .flex-inner .content-container { width: 100%; display: flex; flex-direction: column; justify-content: space-between; position: relative; } @media (max-width: 767px) { .modern-build.customer_stories .flex-inner .content-container { padding: 0 4vw; } } @media (min-width: 769px) { .modern-build.customer_stories .flex-inner .content-container { width: calc(25% - 54px); } } .modern-build.customer_stories .flex-inner .content-container:after { content: ""; background-color: rgba(0, 0, 0, 0.2); position: absolute; height: 2px; width: calc(100vw - 120px); bottom: -14px; left: 20px; } @media (min-width: 769px) { .modern-build.customer_stories .flex-inner .content-container:after { height: 100%; width: 2px; top: 0; right: -36px; left: auto; bottom: auto; } } .modern-build.customer_stories .flex-inner .content-container:nth-child(4n):after { background-color: rgba(0, 0, 0, 0); } .modern-build.customer_stories .flex-inner .content-container .logo-img { max-width: 30%; max-height: 8vw; margin-bottom: 20px; } @media (min-width: 769px) { .modern-build.customer_stories .flex-inner .content-container .logo-img { max-height: 50px; max-width: 50%; margin-bottom: 60px; } } .modern-build.customer_stories .flex-inner .content-container .logo-img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: left; object-position: left; } .modern-build.customer_stories .flex-inner .content-container h3, .modern-build.customer_stories .flex-inner .content-container p { color: rgb(0, 0, 0); } @media (max-width: 768px) { .modern-build.customer_stories .flex-inner .content-container p { display: flex; flex-direction: row; } .modern-build.customer_stories .flex-inner .content-container p span { display: flow; width: 50%; flex-shrink: 2; } } .modern-build.customer_stories .flex-inner .content-container .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .modern-build.customer_stories.white button.white { font-weight: 700; padding-left: 0; } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ .modern-build.img_icon_list { overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; } .modern-build.img_icon_list .primary-image { background-position: center center; background-repeat: no-repeat; background-size: cover; border-width: 6px; border-color: #f9f7f1; border-style: solid; border-bottom: none; bottom: 0; overflow: hidden; position: absolute; min-height: 75vw; min-width: 95%; } .modern-build.img_icon_list .primary-image.image-sizing-contain { background-size: contain; } @media (min-width: 769px) { .modern-build.img_icon_list .primary-image { min-height: 90%; min-width: 60%; } } .modern-build.img_icon_list .primary-image .overlay { margin: 4px; border-width: 2px; border-color: #f9f7f1; border-style: solid; border-bottom: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .modern-build.img_icon_list.layout_1fr_2fr .primary-image { border-radius: 36px 0 0 0; border-right: none; right: 0; } .modern-build.img_icon_list.layout_1fr_2fr .primary-image .overlay { border-radius: 30px 0 0 0; border-right: none; } .modern-build.img_icon_list.layout_2fr_1fr .primary-image { border-radius: 0 36px 0 0; border-left: none; left: 0; } .modern-build.img_icon_list.layout_2fr_1fr .primary-image .overlay { border-radius: 0 30px 0 0; border-left: none; } .modern-build.img_icon_list .grid-inner { -moz-column-gap: 12px; column-gap: 12px; row-gap: 12px; } .modern-build.img_icon_list .grid-inner .content-container { margin: 24px auto; width: -moz-fit-content; width: fit-content; } .modern-build.img_icon_list .grid-inner .content-container.list-container .subtitle-container h3.h6 { font-size: 18px; font-weight: 400; letter-spacing: 0; } .modern-build.img_icon_list .grid-inner .content-container.list-container .icon-list { list-style: none outside none; margin-left: 0; padding-bottom: 24px; } .modern-build.img_icon_list .grid-inner .content-container.list-container .icon-list li { display: grid; grid-template-columns: 50px auto; -moz-column-gap: 20px; column-gap: 20px; margin-bottom: 20px; align-items: start; } .modern-build.img_icon_list .grid-inner .content-container.list-container .icon-list li .list-item { font-size: 16px; } .modern-build.img_icon_list .grid-inner .content-container.list-container .icon-list li .icon { padding-top: 1px; } @media (max-width: 768px) { .modern-build.img_icon_list .grid-inner .content-container.list-container { padding-bottom: 24px; } } @media (max-width: 768px) { .modern-build.img_icon_list .grid-inner .content-container.image-container .spacer { min-height: 25vw; } } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ .modern-build.expanding_benefits_bento .grid-inner.flex { max-width: 1280px; margin: 0 auto; display: flex; flex-wrap: wrap; -moz-column-gap: 12px; column-gap: 12px; row-gap: 12px; margin-bottom: 12px; } .modern-build.expanding_benefits_bento .grid-inner.flex .content-container { background-size: cover; background-position: center center; background-repeat: no-repeat; background-blend-mode: normal; border-radius: 20px; min-height: 100%; overflow: hidden; display: grid; transition: all 0.5s ease-in-out; } @media (max-width: 768px) { .modern-build.expanding_benefits_bento .grid-inner.flex .content-container { flex-grow: 1; margin: 10px 20px; } } @media (min-width: 769px) { .modern-build.expanding_benefits_bento .grid-inner.flex .content-container { max-width: calc(33.3333% - 12px); } } .modern-build.expanding_benefits_bento .grid-inner.flex .content-container:hover { border-radius: 90px 0px; } .modern-build.expanding_benefits_bento .grid-inner.flex .content-container .overlay { display: flex; flex-direction: column; justify-content: flex-end; align-items: start; min-height: 50vw; border-radius: 20px; position: relative; border: 2px solid rgb(243, 66, 74); top: 0; bottom: 0; left: 0; right: 0; padding: 30px; transition: all 0.5s ease-in-out; } @media (max-width: 768px) { .modern-build.expanding_benefits_bento .grid-inner.flex .content-container .overlay { border-color: transparent; } } @media (min-width: 769px) { .modern-build.expanding_benefits_bento .grid-inner.flex .content-container .overlay { min-height: 300px; } } .modern-build.expanding_benefits_bento .grid-inner.flex .content-container .overlay .bento-content { max-width: 350px; } @media (min-width: 769px) { .modern-build.expanding_benefits_bento .grid-inner.flex .content-container .overlay .bento-content { width: calc(100% - 76px); } } @media (min-width: 1280px) { .modern-build.expanding_benefits_bento .grid-inner.flex .content-container .overlay .bento-content { width: 350px; } } .modern-build.expanding_benefits_bento .grid-inner.flex .content-container .overlay h3 { font-size: 28px; font-weight: 700; text-transform: uppercase; } .modern-build.expanding_benefits_bento .grid-inner.flex .content-container .overlay h3, .modern-build.expanding_benefits_bento .grid-inner.flex .content-container .overlay p { color: rgb(255, 255, 255); } @media (min-width: 769px) { .modern-build.expanding_benefits_bento .grid-inner.flex .content-container .overlay button { opacity: 0; transition: all 0.5s ease-in-out; } } .modern-build.expanding_benefits_bento .grid-inner.flex .content-container.two-thirds { border-radius: 90px 0px; } @media (min-width: 769px) { .modern-build.expanding_benefits_bento .grid-inner.flex .content-container.two-thirds { flex-grow: 2; max-width: calc(66.6666% - 12px); } } .modern-build.expanding_benefits_bento .grid-inner.flex .content-container.two-thirds .overlay { display: flex; flex-direction: column; min-height: 50vw; position: relative; border: 2px solid transparent; border-radius: 90px 0px; top: 0; bottom: 0; left: 0; right: 0; transition: all 0.5s ease-in-out; } @media (min-width: 769px) { .modern-build.expanding_benefits_bento .grid-inner.flex .content-container.two-thirds .overlay { min-height: 300px; padding-right: 50%; } } .modern-build.expanding_benefits_bento .grid-inner.flex .content-container.two-thirds .overlay h3, .modern-build.expanding_benefits_bento .grid-inner.flex .content-container.two-thirds .overlay p { color: rgb(255, 255, 255); } .modern-build.expanding_benefits_bento .grid-inner.flex .content-container.two-thirds .overlay button { opacity: 1; } .modern-build.expanding_benefits_bento .grid-inner.flex .content-container.full { border-radius: 90px 0px; min-width: calc(100% - 40px); max-width: auto; } @media (min-width: 769px) { .modern-build.expanding_benefits_bento .grid-inner.flex .content-container.full { flex-grow: 3; min-width: calc(100% - 12px); } } .modern-build.expanding_benefits_bento .grid-inner.flex .content-container.full .overlay { display: flex; flex-direction: column; min-height: 50vw; position: relative; border: 2px solid transparent; border-radius: 90px 0px; top: 0; bottom: 0; left: 0; right: 0; transition: all 0.5s ease-in-out; } @media (min-width: 769px) { .modern-build.expanding_benefits_bento .grid-inner.flex .content-container.full .overlay { min-height: 300px; padding-right: 66.6666%; } } .modern-build.expanding_benefits_bento .grid-inner.flex .content-container.full .overlay h3, .modern-build.expanding_benefits_bento .grid-inner.flex .content-container.full .overlay p { color: rgb(255, 255, 255); } .modern-build.expanding_benefits_bento .grid-inner.flex .content-container.full .overlay button { opacity: 1; } .modern-build.expanding_benefits_bento .grid-inner.flex .content-container.full .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .modern-build.expanding_benefits_bento .grid-inner.flex .content-container.last { border-radius: 0 90px; } .modern-build.expanding_benefits_bento .grid-inner.flex .content-container.last .overlay { border-radius: 0 90px; } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ .modern-build.horizontal-masonry-cards { background-color: rgb(255, 255, 255); } @media (max-width: 768px) { .modern-build.horizontal-masonry-cards { padding: 20px; } } .modern-build.horizontal-masonry-cards .top-content .content { margin: 20px auto; } .modern-build.horizontal-masonry-cards .top-content .tag-container h6.tag { display: inline-block; border: 1px solid #a0af9e; color: #a0af9e; border-radius: 20px; font-size: 12px; padding: 0.5em 2em; } .modern-build.horizontal-masonry-cards .card-wrapper { position: relative; max-width: 1280px; margin: 36px auto 0; display: flex; flex-wrap: wrap; gap: 36px; } @media (max-width: 768px) { .modern-build.horizontal-masonry-cards .card-wrapper { padding: 0 24px; } } .modern-build.horizontal-masonry-cards .card-wrapper.cropped { max-height: 60em; overflow: hidden; } @media (min-width: 769px) { .modern-build.horizontal-masonry-cards .card-wrapper.cropped { max-height: 23em; } } .modern-build.horizontal-masonry-cards .card-wrapper.uncropped { max-height: auto; overflow: show; margin-bottom: 4em; } .modern-build.horizontal-masonry-cards .card-wrapper .content-container { position: relative; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; transition: all 0.5s ease-in-out; justify-content: space-between; border: 1px solid rgb(0, 0, 0); padding: 18px 36px 18px 18px; flex-basis: calc(100% - 44px); flex-grow: 1; font-size: 12px; } @media (min-width: 769px) { .modern-build.horizontal-masonry-cards .card-wrapper .content-container { flex-basis: calc(33% - 72px); flex-grow: 1; } } @media (min-width: 960px) { .modern-build.horizontal-masonry-cards .card-wrapper .content-container { flex-basis: calc(25% - 72px); flex-grow: 1; } } .modern-build.horizontal-masonry-cards .card-wrapper .content-container button { font-weight: 700; background-color: transparent; padding-left: 0; margin-bottom: 0; } .modern-build.horizontal-masonry-cards .card-wrapper .content-container:hover { background-color: rgb(0, 0, 0); } .modern-build.horizontal-masonry-cards .card-wrapper .content-container:hover h3, .modern-build.horizontal-masonry-cards .card-wrapper .content-container:hover p { color: rgb(255, 255, 255); } .modern-build.horizontal-masonry-cards .card-wrapper .content-container:hover button { background-color: transparent; color: rgb(255, 255, 255); } .modern-build.horizontal-masonry-cards .card-wrapper .content-container:hover button:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+"); } .modern-build.horizontal-masonry-cards .card-wrapper .content-container h3 { font-size: 24px; } .modern-build.horizontal-masonry-cards .card-wrapper .content-container .spacer { height: 66px; } .modern-build.horizontal-masonry-cards .card-wrapper .content-container .cover-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .modern-build.horizontal-masonry-cards .card-wrapper .cropper { padding: 5em 0 0; position: absolute; width: 100%; background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); bottom: 0; margin: 0 auto; text-align: center; z-index: 3; } .modern-build.horizontal-masonry-cards .card-wrapper .cropper.uncropper { bottom: -4em; background: none; padding: 0; } .modern-build.horizontal-masonry-cards .card-wrapper .cropper button { margin: 0 auto; border: 1px solid rgb(0, 0, 0); } .modern-build.horizontal-masonry-cards .card-wrapper .cropper button:after { display: none; } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ .modern-build.horizontal_selector_tabs .tabs-wrapper { padding: 0; } @media (max-width: 959px) { .modern-build.horizontal_selector_tabs .tabs-wrapper { max-width: calc(100vw - 44px); padding: 0; } } @media (min-width: 960px) { .modern-build.horizontal_selector_tabs .tabs-wrapper .tabs-container { margin-bottom: 24px; } } @media (max-width: 959px) { .modern-build.horizontal_selector_tabs .tabs-wrapper .tabs-container .tabset { display: grid; grid-template-columns: 26px 1fr 26px; align-items: baseline; } } .modern-build.horizontal_selector_tabs .tabs-wrapper .tabs-container .tabset .slick-arrow { color: transparent; background: transparent; padding: 0; display: block; } @media (min-width: 960px) { .modern-build.horizontal_selector_tabs .tabs-wrapper .tabs-container .tabset .slick-arrow { display: none !important; } } .modern-build.horizontal_selector_tabs .tabs-wrapper .tabs-container .tabset .slick-arrow:before { width: 24px; height: 24px; } .modern-build.horizontal_selector_tabs .tabs-wrapper .tabs-container .tabset .slick-arrow:after { display: none; } .modern-build.horizontal_selector_tabs .tabs-wrapper .tabs-container .tabset .slick-arrow.slick-prev:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNLjMsNS44Yy0uNC4zLS40LjksMCwxLjJsNy4xLDUuNWMuNC4zLDEuMS4zLDEuNiwwLC40LS4zLjQtLjksMC0xLjJMMi43LDYuNCw5LDEuNWMuNC0uMy40LS45LDAtMS4yLS40LS4zLTEuMS0uMy0xLjYsMEwuMyw1LjhaTTE4LjksNi40di0uOXMtMTcuOCwwLTE3LjgsMHYuOXMwLC45LDAsLjloMTcuOHMwLS45LDAtLjlaIiBmaWxsPSIjMUExQTFBIi8+Cjwvc3ZnPg=="); } .modern-build.horizontal_selector_tabs .tabs-wrapper .tabs-container .tabset .slick-arrow.slick-next:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiMxQTFBMUEiLz4KPC9zdmc+"); } .modern-build.horizontal_selector_tabs .tabs-wrapper .tabs-container .tabset .switcher { display: flex; flex-direction: row; align-items: flex-end; justify-content: stretch; -moz-column-gap: 12px; column-gap: 12px; row-gap: 12px; list-style: none outside none; flex-basis: auto; } @media (max-width: 959px) { .modern-build.horizontal_selector_tabs .tabs-wrapper .tabs-container .tabset .switcher { margin: 0 auto; flex-direction: column; flex-wrap: wrap; align-items: center; gap: 0; } .modern-build.horizontal_selector_tabs .tabs-wrapper .tabs-container .tabset .switcher li { display: none; height: 0; overflow: hidden; font-size: 20px; transition: all 1s ease-out; } .modern-build.horizontal_selector_tabs .tabs-wrapper .tabs-container .tabset .switcher li:has(.slick-active) { display: block; height: -moz-fit-content; height: fit-content; } } @media (min-width: 960px) { .modern-build.horizontal_selector_tabs .tabs-wrapper .tabs-container .tabset .switcher { display: flex; flex-direction: row; align-items: flex-end; justify-content: stretch; -moz-column-gap: 12px; column-gap: 12px; row-gap: 12px; list-style: none outside none; flex-basis: auto; } .modern-build.horizontal_selector_tabs .tabs-wrapper .tabs-container .tabset .switcher li { flex-grow: 1; padding: 0 2em; border: none; } .modern-build.horizontal_selector_tabs .tabs-wrapper .tabs-container .tabset .switcher li a { display: inline-block; padding: 0.75em 0; font-size: 24px; font-weight: 700; color: rgb(26, 26, 26); -moz-column-break-inside: avoid; break-inside: avoid; } .modern-build.horizontal_selector_tabs .tabs-wrapper .tabs-container .tabset .switcher li a.slick-active { color: rgb(26, 26, 26); border-bottom: 2px solid rgb(243, 66, 74); } } .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container { position: relative; } .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .slick-arrow { position: absolute; top: -50px; left: 50%; color: transparent; background: transparent; } .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .slick-arrow:before { width: 24px; height: 24px; } .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .slick-arrow:after { display: none; } .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .slick-arrow.slick-prev { transform: translateX(-45px); } .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .slick-arrow.slick-prev:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNLjMsNS44Yy0uNC4zLS40LjksMCwxLjJsNy4xLDUuNWMuNC4zLDEuMS4zLDEuNiwwLC40LS4zLjQtLjksMC0xLjJMMi43LDYuNCw5LDEuNWMuNC0uMy40LS45LDAtMS4yLS40LS4zLTEuMS0uMy0xLjYsMEwuMyw1LjhaTTE4LjksNi40di0uOXMtMTcuOCwwLTE3LjgsMHYuOXMwLC45LDAsLjloMTcuOHMwLS45LDAtLjlaIiBmaWxsPSIjMUExQTFBIi8+Cjwvc3ZnPg=="); } .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .slick-arrow.slick-next:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiMxQTFBMUEiLz4KPC9zdmc+"); } .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .slick-list { max-width: calc(100vw - 44px); } .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .tab-pane .tab-inner { display: flex; flex-direction: column; gap: 10px; } @media (min-width: 960px) { .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .tab-pane .tab-inner { flex-direction: row; -moz-column-gap: 1%; column-gap: 1%; } } .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .featured-image, .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .featured-image-mobile { border-radius: 25px; overflow: hidden; order: 2; } @media (min-width: 960px) { .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .featured-image, .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .featured-image-mobile { width: 65%; } .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .featured-image.left, .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .featured-image-mobile.left { order: 1; } .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .featured-image.right, .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .featured-image-mobile.right { order: 2; } } .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .tab-content { border: 3px solid #e6ebeb; border-radius: 90px 0 90px 0; padding: 50px 30px; display: flex; flex-direction: column; order: 1; margin-bottom: 0; hyphens: manual; } @media (min-width: 960px) { .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .tab-content { padding: 50px; width: 34%; } .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .tab-content.left { order: 1; } .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .tab-content.right { border-radius: 0 90px 0 90px; order: 2; } } .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .tab-content .tab-title { font-size: 24px; } .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .tab-content .tab-description { flex-grow: 2; font-size: 1rem; } .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .tab-content .link { border-bottom: 2px solid rgb(26, 26, 26); font-size: 14px; font-weight: 700; padding: 0.5em 0; color: rgb(26, 26, 26); } .modern-build.horizontal_selector_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .tab-content .link:hover { border-bottom: 2px solid rgb(243, 66, 74); color: rgb(243, 66, 74); } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ .modern-build.module_quotes .title-section { margin-bottom: 22px; } .modern-build.module_quotes .title-section h2 { margin-bottom: 0; } @media (min-width: 769px) { .modern-build.module_quotes .title-section h2 { max-width: 83.3%; } .modern-build.module_quotes .title-section h2.center { margin-left: auto; margin-right: auto; } } .modern-build.module_quotes .title-section p { margin-top: 20px; } .modern-build.module_quotes .quote-content #button-container { justify-content: flex-end; } @media (max-width: 768px) { .modern-build.module_quotes .grid.quote { overflow: hidden; } } @media (max-width: 768px) { .modern-build.module_quotes .modern-quote-slider.slick-initialized { margin-left: -20px; margin-right: 20px; overflow: visible; } } .modern-build.module_quotes .slick-track { display: flex !important; } @media (max-width: 768px) { .modern-build.module_quotes .slick-track { padding-left: 20px; padding-right: -20px; } } .modern-build.module_quotes .slick-slide { height: inherit !important; } .modern-build.module_quotes .slick-list { padding: 0; overflow: visible; } @media (min-width: 1280px) { .modern-build.module_quotes .slick-list { overflow: hidden; padding: 0 calc((100vw - 1296px) / 2); margin: 0 calc(0px - (100vw - 1296px) / 2); } } .modern-build.module_quotes .quote-slide { margin-right: 12px; } .modern-build.module_quotes .quote-slide, .modern-build.module_quotes .quote-single { border-radius: 15px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .modern-build.module_quotes .quote-slide .quote-overlay, .modern-build.module_quotes .quote-single .quote-overlay { background: rgb(255, 255, 255); height: 100%; border-radius: 15px; padding: 30px; border: 1px solid #e6ebeb; transition: all 0.4s ease-in-out; display: flex; flex-direction: column; } .modern-build.module_quotes .quote-slide .quote-overlay .quote-image, .modern-build.module_quotes .quote-single .quote-overlay .quote-image { max-width: 25%; max-height: 50px; } .modern-build.module_quotes .quote-slide .quote-overlay .quote-image img, .modern-build.module_quotes .quote-single .quote-overlay .quote-image img { -o-object-fit: contain; object-fit: contain; max-height: 100%; max-width: 100%; border-radius: 5px; } .modern-build.module_quotes .quote-slide .quote-overlay .quote-image .quote-logo, .modern-build.module_quotes .quote-single .quote-overlay .quote-image .quote-logo { max-width: 180px; margin-top: 20px; } .modern-build.module_quotes .quote-slide .quote-overlay .quote-image .quote-logo img, .modern-build.module_quotes .quote-single .quote-overlay .quote-image .quote-logo img { width: 100%; } .modern-build.module_quotes .quote-slide .quote-overlay .quote-content, .modern-build.module_quotes .quote-single .quote-overlay .quote-content { display: flex; flex-flow: column; justify-content: center; row-gap: 12px; flex-grow: 2; margin-top: 1em; } .modern-build.module_quotes .quote-slide .quote-overlay .quote-content .quote, .modern-build.module_quotes .quote-single .quote-overlay .quote-content .quote { text-indent: -9px; font-size: 20px; line-height: 1.1; font-weight: 400; } @media (max-width: 768px) { .modern-build.module_quotes .quote-slide .quote-overlay .quote-content .quote, .modern-build.module_quotes .quote-single .quote-overlay .quote-content .quote { font-size: 18px; } } .modern-build.module_quotes .quote-slide .quote-overlay .quote-content .attribution, .modern-build.module_quotes .quote-single .quote-overlay .quote-content .attribution { font-size: 12px; color: rgb(0, 0, 0); text-indent: -12px; } .modern-build.module_quotes .quote-slide .quote-overlay .quote-content .button-container, .modern-build.module_quotes .quote-single .quote-overlay .quote-content .button-container { margin-top: auto; justify-self: flex-end; } .modern-build.module_quotes .quote-slide .quote-overlay .quote-content .button-container a.button, .modern-build.module_quotes .quote-single .quote-overlay .quote-content .button-container a.button { background-color: transparent; color: rgb(26, 26, 26); font-weight: 600; text-decoration: none; text-align: left; padding: 0 10px 0 0; margin-top: 0; margin-bottom: 0; } .modern-build.module_quotes .quote-slide .quote-overlay .quote-content .button-container a.button::after, .modern-build.module_quotes .quote-single .quote-overlay .quote-content .button-container a.button::after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiMxQTFBMUEiLz4KPC9zdmc+"); } @media (max-width: 768px) { .modern-build.module_quotes .quote-slide .quote-overlay, .modern-build.module_quotes .quote-single .quote-overlay { flex-flow: column; margin-right: 12px; row-gap: 20px; } .modern-build.module_quotes .quote-slide .quote-overlay:last-child, .modern-build.module_quotes .quote-single .quote-overlay:last-child { margin-right: 0; } .modern-build.module_quotes .quote-slide .quote-overlay .quote-image, .modern-build.module_quotes .quote-single .quote-overlay .quote-image { width: 100%; max-height: 50px; display: flex; } .modern-build.module_quotes .quote-slide .quote-overlay .quote-image img, .modern-build.module_quotes .quote-single .quote-overlay .quote-image img { height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: left; object-position: left; } .modern-build.module_quotes .quote-slide .quote-overlay .quote-content, .modern-build.module_quotes .quote-single .quote-overlay .quote-content { width: 100%; height: 100%; } .modern-build.module_quotes .quote-slide .quote-overlay .quote-content .button-container, .modern-build.module_quotes .quote-single .quote-overlay .quote-content .button-container { align-items: flex-end; } } .modern-build.module_quotes .quote-slide.slick-current .quote-overlay, .modern-build.module_quotes .quote-slide.quote-slide:hover .quote-overlay, .modern-build.module_quotes .quote-slide.quote-single-has-background:hover .quote-overlay, .modern-build.module_quotes .quote-single.slick-current .quote-overlay, .modern-build.module_quotes .quote-single.quote-slide:hover .quote-overlay, .modern-build.module_quotes .quote-single.quote-single-has-background:hover .quote-overlay { background: rgba(0, 0, 0, 0.3019607843); } .modern-build.module_quotes .quote-slide.slick-current .quote-overlay .quote-content, .modern-build.module_quotes .quote-slide.quote-slide:hover .quote-overlay .quote-content, .modern-build.module_quotes .quote-slide.quote-single-has-background:hover .quote-overlay .quote-content, .modern-build.module_quotes .quote-single.slick-current .quote-overlay .quote-content, .modern-build.module_quotes .quote-single.quote-slide:hover .quote-overlay .quote-content, .modern-build.module_quotes .quote-single.quote-single-has-background:hover .quote-overlay .quote-content { color: rgb(255, 255, 255); text-shadow: 0 0 15px rgb(26, 26, 26); } .modern-build.module_quotes .quote-slide.slick-current .quote-overlay .quote-content .attribution, .modern-build.module_quotes .quote-slide.quote-slide:hover .quote-overlay .quote-content .attribution, .modern-build.module_quotes .quote-slide.quote-single-has-background:hover .quote-overlay .quote-content .attribution, .modern-build.module_quotes .quote-single.slick-current .quote-overlay .quote-content .attribution, .modern-build.module_quotes .quote-single.quote-slide:hover .quote-overlay .quote-content .attribution, .modern-build.module_quotes .quote-single.quote-single-has-background:hover .quote-overlay .quote-content .attribution { color: rgb(255, 255, 255); text-shadow: 0 0 15px rgb(26, 26, 26); } .modern-build.module_quotes .quote-slide.slick-current .quote-overlay .quote-content .button-container a.button, .modern-build.module_quotes .quote-slide.quote-slide:hover .quote-overlay .quote-content .button-container a.button, .modern-build.module_quotes .quote-slide.quote-single-has-background:hover .quote-overlay .quote-content .button-container a.button, .modern-build.module_quotes .quote-single.slick-current .quote-overlay .quote-content .button-container a.button, .modern-build.module_quotes .quote-single.quote-slide:hover .quote-overlay .quote-content .button-container a.button, .modern-build.module_quotes .quote-single.quote-single-has-background:hover .quote-overlay .quote-content .button-container a.button { color: rgb(255, 255, 255); } .modern-build.module_quotes .quote-slide.slick-current .quote-overlay .quote-content .button-container a.button::after, .modern-build.module_quotes .quote-slide.quote-slide:hover .quote-overlay .quote-content .button-container a.button::after, .modern-build.module_quotes .quote-slide.quote-single-has-background:hover .quote-overlay .quote-content .button-container a.button::after, .modern-build.module_quotes .quote-single.slick-current .quote-overlay .quote-content .button-container a.button::after, .modern-build.module_quotes .quote-single.quote-slide:hover .quote-overlay .quote-content .button-container a.button::after, .modern-build.module_quotes .quote-single.quote-single-has-background:hover .quote-overlay .quote-content .button-container a.button::after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+"); } .modern-build.module_quotes .quote-slide.slick-current .quote-overlay .quote-image img, .modern-build.module_quotes .quote-slide.quote-slide:hover .quote-overlay .quote-image img, .modern-build.module_quotes .quote-slide.quote-single-has-background:hover .quote-overlay .quote-image img, .modern-build.module_quotes .quote-single.slick-current .quote-overlay .quote-image img, .modern-build.module_quotes .quote-single.quote-slide:hover .quote-overlay .quote-image img, .modern-build.module_quotes .quote-single.quote-single-has-background:hover .quote-overlay .quote-image img { filter: invert(100%); } @media (max-width: 768px) { .modern-build.module_quotes { padding: 0 !important; } } .modern-build.module_quotes .slider-bottom { display: flex; max-width: 1280px; margin: 20px 0; width: 100%; justify-content: space-between; position: relative; } .modern-build.module_quotes .slider-bottom:before { content: ""; background-color: rgb(243, 66, 74); height: 2px; width: calc(33.3333% - 30px); } @media (max-width: 768px) { .modern-build.module_quotes .slider-bottom:before { position: absolute; left: 0; width: calc(100% - 30px); } } .modern-build.module_quotes .slider-bottom:after { content: ""; background-color: rgb(26, 26, 26); height: 2px; width: calc(66.6666% - 30px); position: relative; top: 0; right: 30px; } @media (max-width: 768px) { .modern-build.module_quotes .slider-bottom:after { position: absolute; width: 30px; right: -30px; } } @media (max-width: 1280px) { .modern-build.module_quotes .slider-bottom { padding: 0; } } @media (max-width: 768px) { .modern-build.module_quotes .slider-bottom { justify-content: center; } } .modern-build.module_quotes .slider-bottom .slick-next { order: 3; } .modern-build.module_quotes .slider-bottom .slick-arrow { z-index: 10; font-size: 0; width: 30px; height: 30px; margin: 0 15px; background: none; } .modern-build.module_quotes .slider-bottom .slick-arrow:after { content: ""; } .modern-build.module_quotes .slider-bottom .slick-arrow.slick-prev { transform: rotate(180deg); } .modern-build.module_quotes .slider-bottom .slick-arrow.slick-next, .modern-build.module_quotes .slider-bottom .slick-arrow.slick-prev { transition: 0.5s all cubic-bezier(0.165, 0.84, 0.44, 1); background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='29' height='29' rx='14.5' fill='%23EFECDF'/%3E%3Crect x='0.5' y='0.5' width='29' height='29' rx='14.5' stroke='%23E0DED1'/%3E%3Cpath d='M9 15.25L21 15.25' stroke='%23121518'/%3E%3Cpath d='M15.4927 10L20.796 15.3033L15.4927 20.6066' stroke='%23121518'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; } .modern-build.module_quotes .slider-bottom .slick-arrow.slick-disabled { opacity: 0.4; } .modern-build.module_quotes .slider-bottom .slick-slider-nav { display: flex; margin-top: 20px; align-items: center; } .modern-build.module_quotes .slider-bottom .slick-slider-nav .slick-dots { display: flex !important; margin: 0 33px; align-items: center; } .modern-build.module_quotes .slider-bottom .slick-slider-nav .slick-dots li { width: 20px; text-align: center; } .modern-build.module_quotes .slider-bottom .slick-slider-nav .slick-dots li:after { position: relative; top: -3px; content: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='%23EFECDF' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='6' rx='3' stroke='%23EFECDF' stroke-width='2'/%3E%3C/svg%3E%0A"); } .modern-build.module_quotes .slider-bottom .slick-slider-nav .slick-dots li { list-style: none; } .modern-build.module_quotes .slider-bottom .slick-slider-nav .slick-dots li.slick-active:after { content: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='%23121518' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='6' rx='3' stroke='%23121518' stroke-width='2'/%3E%3C/svg%3E%0A"); } .modern-build.module_quotes .slider-bottom .slick-slider-nav .slick-dots li button { display: none; } .modern-build.module_quotes.black .quote-slide, .modern-build.module_quotes.black .quote-single { background-color: #e6ebeb !important; border-color: #a0af9e !important; } .modern-build.module_quotes.black .slick-next, .modern-build.module_quotes.black .slick-prev { all: unset; background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='29' height='29' rx='14.5' fill='%23283232'/%3E%3Crect x='0.5' y='0.5' width='29' height='29' rx='14.5' stroke='%23485252'/%3E%3Cpath d='M9 15.25L21 15.25' stroke='white'/%3E%3Cpath d='M15.4927 10L20.796 15.3033L15.4927 20.6066' stroke='white'/%3E%3C/svg%3E%0A") !important; } .modern-build.module_quotes.black .slick-slider-nav .slick-dots li:after { content: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='%23485252' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='6' rx='3' stroke='%23485252' stroke-width='2'/%3E%3C/svg%3E%0A") !important; } .modern-build.module_quotes.black .slick-slider-nav .slick-dots li.slick-active:after { content: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='6' rx='3' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A") !important; } .modern-build.module_quotes.sand .quote-slide, .modern-build.module_quotes.sand .quote-single { background-color: #efecdf !important; border-color: #e0ded1 !important; } .inline-module .modern-build.module_quotes .modern-quote-slider.slick-initialized { overflow: hidden; } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ .modern-build.module-cta.full-img { background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; min-height: 600px; } .modern-build.module-cta.full-img .grid { width: calc(100% - 44px); position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; } .modern-build.module-cta.full-img .title-container { padding-right: 12px; padding-left: 12px; } .modern-build.module-cta.full-img .title-container h2 { font-size: 8vw; } @media (min-width: 769px) { .modern-build.module-cta.full-img .title-container h2 { font-size: 48px; } } .modern-build.module-cta.full-img .title-container .lead.txt-white, .modern-build.module-cta.full-img .title-container .lead.txt-beige, .modern-build.module-cta.full-img .title-container .lead.txt-gold { text-shadow: 0 0 15px rgb(26, 26, 26); } .modern-build.module-cta.full-img .title-container .lead.txt-red, .modern-build.module-cta.full-img .title-container .lead.txt-black { text-shadow: 0 0 15px rgb(255, 255, 255); } .modern-build.module-cta.boxed #image-container img { border-radius: 12px; } .inline-module .module-cta { border: 2px solid rgb(243, 66, 74); border-radius: 20px; overflow: hidden; margin: 2em 0 !important; } .inline-module .module-cta .grid { padding: 0; } .inline-module .module-cta.full-img { background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; min-height: 400px; } .inline-module .module-cta.boxed .title-container .lead { font-size: 1rem; } .inline-module .module-cta.boxed #image-container { height: calc(100% - 22px); padding: 0 22px 22px 22px; } @media (min-width: 769px) { .inline-module .module-cta.boxed #image-container { height: calc(100% - 44px); padding: 22px 22px 22px 0; } } .inline-module .module-cta.boxed #image-container img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top left; object-position: top left; border-radius: 20px; } .inline-module .module-cta .title-container { padding-left: 20px; padding-right: 20px; } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ @media (max-width: 768px) { .modern-build.cross_sell { padding-top: 48px; padding-bottom: 48px; } } .modern-build.cross_sell .grid { align-items: center; } .modern-build.cross_sell .grid .stats { text-align: center; } @media (max-width: 768px) { .modern-build.cross_sell .grid .stats { margin-bottom: 60px; } } .modern-build.cross_sell .grid .stats h2.title { font-size: 7.5vw; margin: 1.5rem 0; } @media (min-width: 769px) { .modern-build.cross_sell .grid .stats h2.title { font-size: 34px; } } .modern-build.cross_sell .grid .stats h3.subtitle { margin: 1.5rem 0; font-size: 5vw; font-weight: 500; } @media (min-width: 769px) { .modern-build.cross_sell .grid .stats h3.subtitle { font-size: 26px; } } .modern-build.cross_sell .grid .stats h5.impact_statement { font-size: 1em; font-weight: 500; margin: 1.5rem 0; } @media (min-width: 769px) { .modern-build.cross_sell .grid .stats h5.impact_statement { font-size: 1.1em; } } .modern-build.cross_sell .grid .stats .final_information { padding-top: 24px; font-size: 1em; } .modern-build.cross_sell .grid .stats .final_information a { color: #f9cc3d; text-decoration: underline; text-underline-offset: 4px; } .modern-build.cross_sell .grid .stats .stats_block { margin-bottom: 20px; display: flex; justify-content: center; } @media (max-width: 768px) { .modern-build.cross_sell .grid .stats .stats_block { flex-direction: column; } } .modern-build.cross_sell .grid .stats .stats_block .stat { padding: 0 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (min-width: 769px) { .modern-build.cross_sell .grid .stats .stats_block .stat { max-width: 70%; } } .modern-build.cross_sell .grid .stats .stats_block .stat .statistic { font-size: 27vw; font-weight: 700; } @media (min-width: 769px) { .modern-build.cross_sell .grid .stats .stats_block .stat .statistic { font-size: 96px; } } .modern-build.cross_sell .grid .stats .stats_block .stat .caption { font-size: 18px; font-weight: 400; margin-top: 1rem; } .modern-build.cross_sell .grid .stats .stats_block .stats_separator { margin: 30px; height: 3px; width: auto; flex-grow: 1; } @media (min-width: 769px) { .modern-build.cross_sell .grid .stats .stats_block .stats_separator { height: auto; width: 3px; } } .modern-build.cross_sell .grid .product_card .product-card-wrapper { margin: 0; background: #727d71; border-radius: 60px 0; overflow: hidden; padding: 36px; position: relative; } @media (min-width: 769px) { .modern-build.cross_sell .grid .product_card .product-card-wrapper { padding: 18px; margin: 0 50px; border-radius: 90px 0; } } .modern-build.cross_sell .grid .product_card .product-card-wrapper .image-block { display: flex; overflow: hidden; padding: 0 80px; margin-bottom: 20px; } @media (min-width: 769px) { .modern-build.cross_sell .grid .product_card .product-card-wrapper .image-block { background-position: center center; background-repeat: no-repeat; background-size: cover; justify-content: center; align-items: center; border-radius: 83px 0; padding: 0 120px; aspect-ratio: 4/5; } } .modern-build.cross_sell .grid .product_card .product-card-wrapper .content-block h4.product_name { font-size: 30px; font-weight: 500; color: rgb(255, 255, 255); } .modern-build.cross_sell .grid .product_card .product-card-wrapper .content-block p, .modern-build.cross_sell .grid .product_card .product-card-wrapper .content-block span, .modern-build.cross_sell .grid .product_card .product-card-wrapper .content-block a { line-height: 1.25; color: rgb(255, 255, 255); } .modern-build.cross_sell .grid .product_card .product-card-wrapper .content-block button.product_button { margin: 20px 0; } .modern-build.cross_sell .grid .product_card .product-card-wrapper a.cover-link { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .modern-build.cross_sell.black .grid .stats h3.subtitle { color: #f9cc3d; } .modern-build.cross_sell.black .grid .stats .stats_block .stat .statistic { color: #f9cc3d; } .modern-build.cross_sell.black .grid .stats .stats_block .stat .caption { color: rgb(255, 255, 255); } .modern-build.cross_sell.black .grid .stats .stats_block .stats_separator { background-color: rgb(255, 255, 255); } .modern-build.cross_sell.sand .grid .stats h3.subtitle, .modern-build.cross_sell.white .grid .stats h3.subtitle { color: #f9cc3d; } .modern-build.cross_sell.sand .grid .stats .stats_block .stat .statistic, .modern-build.cross_sell.white .grid .stats .stats_block .stat .statistic { color: #f9cc3d; } .modern-build.cross_sell.sand .grid .stats .stats_block .stat .caption, .modern-build.cross_sell.white .grid .stats .stats_block .stat .caption { color: rgb(26, 26, 26); } .modern-build.cross_sell.sand .grid .stats .stats_block .stats_separator, .modern-build.cross_sell.white .grid .stats .stats_block .stats_separator { background-color: #a0af9e; } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ .modern-build.table_module * { box-sizing: border-box; } .modern-build.table_module .table { table-layout: fixed; border-radius: 15px; margin: 0 auto; max-width: calc(100vw - 22px); overflow: scroll; position: relative; } @media (min-width: 769px) { .modern-build.table_module .table { display: table; padding: 2em; max-width: 1280px; } } .modern-build.table_module .table.white .table-row { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .modern-build.table_module .table.overlay .table-row { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .modern-build.table_module .table.beige .table-row { background-color: rgb(239, 237, 228); border-color: rgb(239, 237, 228); } .modern-build.table_module .table.gold .table-row { background-color: #f9cc3d; border-color: #f9cc3d; } .modern-build.table_module .table.red .table-row { background-color: rgb(243, 66, 74); border-color: rgb(243, 66, 74); } .modern-build.table_module .table.black .table-row { background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); } .modern-build.table_module .table.black .table-row .table-cell.txt-default, .modern-build.table_module .table.black .table-row .table-cell h6 { color: rgb(255, 255, 255); } .modern-build.table_module .table .table-row { display: table-row; } @media (max-width: 768px) { .modern-build.table_module .table .table-row { max-width: calc(100vw - 44px); overflow-x: scroll; } } .modern-build.table_module .table .table-row .table-cell { display: table-cell; text-align: center; border-bottom: 1px solid #727d71; padding: 10px; } @media (min-width: 769px) { .modern-build.table_module .table .table-row .table-cell { padding: 0.5em 2em; } } .modern-build.table_module .table .table-row .table-cell { vertical-align: middle; } .modern-build.table_module .table .table-row .table-cell.txt-gold { color: #f9cc3d; } .modern-build.table_module .table .table-row .table-cell.txt-red { color: rgb(243, 66, 74); } .modern-build.table_module .table .table-row .table-cell h6 { margin: 0; } .modern-build.table_module .table .table-row .table-cell svg.true path { stroke: #018359; } .modern-build.table_module .table .table-row .table-cell svg.false path { stroke: rgb(243, 66, 74); } .modern-build.table_module .table .table-row .table-cell.true-white svg.true path { stroke: rgb(255, 255, 255); } .modern-build.table_module .table .table-row .table-cell.true-gold svg.true path { stroke: #f9cc3d; } .modern-build.table_module .table .table-row .table-cell.true-red svg.true path { stroke: rgb(243, 66, 74); } .modern-build.table_module .table .table-row .table-cell.true-green svg.true path { stroke: #018359; } .modern-build.table_module .table .table-row .table-cell.true-black svg.true path { stroke: rgb(26, 26, 26); } .modern-build.table_module .table .table-row .table-cell.false-white svg.false path { stroke: rgb(255, 255, 255); } .modern-build.table_module .table .table-row .table-cell.false-gold svg.false path { stroke: #f9cc3d; } .modern-build.table_module .table .table-row .table-cell.false-red svg.false path { stroke: rgb(243, 66, 74); } .modern-build.table_module .table .table-row .table-cell.false-green svg.false path { stroke: #018359; } .modern-build.table_module .table .table-row .table-cell.false-black svg.false path { stroke: rgb(0, 0, 0); } @media (max-width: 768px) { .modern-build.table_module .table .table-row .table-cell:first-child.padding { width: 0; left: 0px; z-index: 10; } } .modern-build.table_module .table .table-row .table-cell.header-column { text-align: left; padding: 0.5em 2em 0.5em 0; } @media (max-width: 768px) { .modern-build.table_module .table .table-row .table-cell.header-column { width: 100px; left: 20px; z-index: 10; } } .modern-build.table_module .table .table-row .table-cell.hilight-column { position: relative; background: rgb(255, 255, 255); padding: 0 2em; border-style: solid; border-color: rgb(243, 66, 74); border-width: 0 1px 1px; z-index: 3; overflow-x: visible; } .modern-build.table_module .table .table-row .table-cell.hilight-column.bdr-gold { border-color: #f9cc3d; } .modern-build.table_module .table .table-row .table-cell.hilight-column.bdr-red { border-color: rgb(243, 66, 74); } .modern-build.table_module .table .table-row .table-cell.hilight-column.bdr-none { border: none; } .modern-build.table_module .table .table-row .table-cell.hilight-column.haze { background: #d9d9d9; } .modern-build.table_module .table .table-row .table-cell.hilight-column.white { background: rgb(255, 255, 255); } .modern-build.table_module .table .table-row .table-cell.hilight-column.beige { background: rgb(239, 237, 228); } .modern-build.table_module .table .table-row .table-cell.hilight-column.gold { background: #f9cc3d; } .modern-build.table_module .table .table-row .table-cell.hilight-column.red { background: rgb(243, 66, 74); } .modern-build.table_module .table .table-row .table-cell.hilight-column.heavystorm { background: #727d71; } .modern-build.table_module .table .table-row .table-cell.hilight-column.black { background: rgb(0, 0, 0); } .modern-build.table_module .table .table-row .table-cell.padding { border: 0; width: 1px; padding: 0.5em 1em; z-index: 10; } .modern-build.table_module .table .table-row:first-child { background: none; border: none; } .modern-build.table_module .table .table-row:first-child .table-cell { border-bottom: none; } .modern-build.table_module .table .table-row:first-child .hilight-column { margin-top: -2em; padding-top: 2em; border-width: 1px 1px 0 1px; border-radius: 15px 15px 0 0; } .modern-build.table_module .table .table-row.header-row { font-weight: 700; } .modern-build.table_module .table .table-row.header-row .table-cell:first-child { border-top-left-radius: 15px; } .modern-build.table_module .table .table-row.header-row .table-cell:last-child { border-top-right-radius: 15px; } .modern-build.table_module .table .table-row:nth-last-child(2) .table-cell { border-bottom: none; } .modern-build.table_module .table .table-row:nth-last-child(2) .table-cell:first-child { border-bottom-left-radius: 15px; } .modern-build.table_module .table .table-row:nth-last-child(2) .table-cell:last-child { border-bottom-right-radius: 15px; } .modern-build.table_module .table .table-row.footer { background: none; border: none; } .modern-build.table_module .table .table-row.footer .table-cell:not(.hilight-column) { border-bottom: none; } .modern-build.table_module .table .table-row.footer .hilight-column { margin-bottom: -2em; padding-bottom: 2em; border-width: 0 1px 1px 1px; border-radius: 0 0 15px 15px; } .modern-build.table_module .table .table-row.footer .hilight-column:before, .modern-build.table_module .table .table-row.footer .hilight-column:after { display: none; } .modern-build.table_module .table .table-row:not(.header-row):has(.hilight-column) .table-cell:not(.hilight-column):not(.header-column):not(.padding) { opacity: 70%; } .modern-build.table_module .table.bdr-red .table-row:not(.preheader):not(.footer) .padding:first-child { border-left: 1px solid rgb(243, 66, 74); } .modern-build.table_module .table.bdr-red .table-row:not(.preheader):not(.footer) .padding:last-child { border-right: 1px solid rgb(243, 66, 74); } .modern-build.table_module .table.bdr-red .table-row:not(.preheader):not(.footer).header-row .table-cell:not(.hilight-column) { border-top: 1px solid rgb(243, 66, 74); } .modern-build.table_module .table.bdr-red .table-row:not(.preheader):not(.footer).header-row .table-cell:not(.hilight-column):first-child { border-left: 1px solid rgb(243, 66, 74); } .modern-build.table_module .table.bdr-red .table-row:not(.preheader):not(.footer).header-row .table-cell:not(.hilight-column):last-child { border-right: 1px solid rgb(243, 66, 74); } .modern-build.table_module .table.bdr-red .table-row:not(.preheader):not(.footer):nth-last-child(2) .table-cell:not(.hilight-column) { border-bottom: 1px solid rgb(243, 66, 74); } .modern-build.table_module .table.bdr-red .table-row:not(.preheader):not(.footer):nth-last-child(2) .table-cell:not(.hilight-column):first-child { border-left: 1px solid rgb(243, 66, 74); } .modern-build.table_module .table.bdr-red .table-row:not(.preheader):not(.footer):nth-last-child(2) .table-cell:not(.hilight-column):last-child { border-right: 1px solid rgb(243, 66, 74); } @media (max-width: 768px) { .modern-build.table_module .table.white .table-row .table-cell.header-column, .modern-build.table_module .table.white .table-row .table-cell.padding { opacity: 1; background: rgb(255, 255, 255); } .modern-build.table_module .table.overlay .table-row .table-cell.header-column, .modern-build.table_module .table.overlay .table-row .table-cell.padding { opacity: 1; background: #d9d9d9; } .modern-build.table_module .table.beige .table-row .table-cell.header-column, .modern-build.table_module .table.beige .table-row .table-cell.padding { opacity: 1; background: rgb(239, 237, 228); } .modern-build.table_module .table.gold .table-row .table-cell.header-column, .modern-build.table_module .table.gold .table-row .table-cell.padding { opacity: 1; background: #f9cc3d; } .modern-build.table_module .table.red .table-row .table-cell.header-column, .modern-build.table_module .table.red .table-row .table-cell.padding { opacity: 1; background: rgb(243, 66, 74); } .modern-build.table_module .table.black .table-row .table-cell.header-column, .modern-build.table_module .table.black .table-row .table-cell.padding { opacity: 1; background: rgb(0, 0, 0); } } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ .modern-build.mapbox_module.white h1.h3 span, .modern-build.mapbox_module.sand h1.h3 span { color: rgb(243, 66, 74); } .modern-build.mapbox_module.black .title-container *:not(.button), .modern-build.mapbox_module.black .content *:not(.button) { color: rgb(255, 255, 255); } .modern-build.mapbox_module.black .title-container h1.h3 span, .modern-build.mapbox_module.black .content h1.h3 span { color: #f9cc3d; } .modern-build.mapbox_module .grid-inner { display: flex; flex-flow: column; } @media (min-width: 769px) { .modern-build.mapbox_module .grid-inner { display: grid; grid-template-columns: repeat(2, calc(50% - 2em)); } } .modern-build.mapbox_module .grid-inner { gap: 2em; } .modern-build.mapbox_module .grid-inner .map { position: relative; aspect-ratio: 1/1; } .modern-build.mapbox_module .grid-inner .map button { all: unset; } .modern-build.mapbox_module .grid-inner .map button:after { all: unset; } .modern-build.mapbox_module .grid-inner .content .selector { margin: 2em 0; display: none; flex-direction: column; } .modern-build.mapbox_module .grid-inner .content .selector select { background-color: transparent; border: 0; width: -moz-min-content; width: min-content; } .modern-build.mapbox_module .grid-inner .content .selector select option:hover, .modern-build.mapbox_module .grid-inner .content .selector select option:focus, .modern-build.mapbox_module .grid-inner .content .selector select option:checked { background-color: rgb(243, 66, 74); } .modern-build.mapbox_module .grid-inner .content .action { margin: 2em 0; } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ .modern-build.logos_module .title-container { margin-bottom: 0; } .modern-build.logos_module .title-container #button-container { margin-bottom: 0; } .modern-build.logos_module .logos-wrapper { position: relative; } @media (max-width: 1024px) { .modern-build.logos_module .logos-wrapper { margin: 22px; } } .modern-build.logos_module .logos-wrapper .logo-container { padding: 15px; } .modern-build.logos_module .logos-wrapper .logo-container:not(:has(img)) { display: none; } .modern-build.logos_module .logos-wrapper .logo-container img { max-height: 100px; } .modern-build.logos_module .logos-wrapper .two-thirds { display: flex; flex-flow: row wrap; gap: 40px; } .modern-build.logos_module .logos-wrapper .two-thirds .logo-container { width: calc(50% - 44px); } @media (min-width: 769px) { .modern-build.logos_module .logos-wrapper .two-thirds .logo-container { width: calc(50% - 52px); } } @media (min-width: 1155px) { .modern-build.logos_module .logos-wrapper .two-thirds .logo-container { width: calc(25% - 62px); } } @media (max-width: 768px) { .modern-build.logos_module .logos-wrapper .two-thirds { gap: 24px; } } .modern-build.logos_module.lower-left .title-container { border-bottom: 1px solid #efecdf; margin-bottom: 40px; padding-bottom: 40px; } .modern-build.logos_module.lower-left h2 { margin-bottom: 0; } @media (max-width: 1155px) { .modern-build.logos_module.lower-left .third { margin-bottom: 20px; } } .modern-build.logos_module.lower-left .no-sub-copy { margin-top: 40px; } @media (max-width: 1024px) { .modern-build.logos_module.logo_slider .logos-wrapper { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; } } @media (min-width: 1025px) { .modern-build.logos_module.logo_slider .logos-wrapper { margin-top: 36px; } } .modern-build.logos_module.logo_slider .logos-wrapper .logo-container:has(img) { position: relative; } @media (max-width: 1024px) { .modern-build.logos_module.logo_slider .logos-wrapper .logo-container:has(img) { width: calc(50% - 44px); padding-left: 0; padding-right: 0; } } .modern-build.logos_module.logo_slider .logos-wrapper .logo-container:has(img) img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .modern-build.logos_module.logo_slider .logos-wrapper.small { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; } @media (max-width: 1024px) { .modern-build.logos_module.logo_slider .logos-wrapper.small .logo-container { width: calc(50% - 44px); } } @media (min-width: 1025px) { .modern-build.logos_module.logo_slider .logos-wrapper.small .logo-container { width: calc(16.6666666667% - 64px); } } .modern-build.logos_module.static .logos-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; } @media (max-width: 1024px) { .modern-build.logos_module.static .logos-wrapper .logo-container { width: calc(50% - 60px); } } @media (min-width: 1025px) { .modern-build.logos_module.static .logos-wrapper .logo-container { width: calc(16.6666666667% - 64px); } } .modern-build.logos_module.static .logos-wrapper .logo-container img { position: relative; } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ .modern-build.module_accordion .grid.intro-title h2 { margin-bottom: 0; } .modern-build.module_accordion .grid.intro-title p { margin-top: 20px; } .modern-build.module_accordion .accordion-info { gap: 0; display: flex; flex-flow: column; } .modern-build.module_accordion .accordion-info .accordion-row { padding: 1em; border-bottom: 2px solid rgb(26, 26, 26); } .modern-build.module_accordion .accordion-info .accordion-row .question { cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .modern-build.module_accordion .accordion-info .accordion-row .question h6 { font-size: 20px; font-weight: 500; margin-right: 20px; margin-bottom: 0; } .modern-build.module_accordion .accordion-info .accordion-row .question svg { height: 25px; width: 25px; flex-shrink: 0; transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1); } .modern-build.module_accordion .accordion-info .accordion-row .question .accordion-toggle { position: relative; display: flex; } .modern-build.module_accordion .accordion-info .accordion-row .question .accordion-toggle::after { content: "+"; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; font-family: "Golos Text"; font-size: 1.5em; font-style: normal; font-weight: 500; line-height: 100%; color: rgb(243, 66, 74); position: absolute; top: 1px; left: 0; transition: all 0.5s ease-in-out; } .modern-build.module_accordion .accordion-info .accordion-row .question.active .accordion-toggle::after { content: "-"; } .modern-build.module_accordion .accordion-info .accordion-row .question:hover .accordion-toggle::after { transform: scale(150%); } .modern-build.module_accordion .accordion-info .accordion-row .question.active + .answer { display: block !important; } .modern-build.module_accordion .accordion-info .accordion-row .answer { margin-top: 1em; display: none; } .modern-build.module_accordion.black .accordion-toggle svg circle { fill: rgb(255, 255, 255); stroke: #e6ebeb; } .modern-build.module_accordion.black .accordion-toggle::after { color: rgb(255, 255, 255) !important; } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ .modern-build.module-featured-content { text-align: center; } .modern-build.module-featured-content .nav-buttons { display: inline-flex; flex-direction: row; } @media (min-width: 769px) { .modern-build.module-featured-content .nav-buttons { display: none; } } .modern-build.module-featured-content .nav-buttons button { padding: 0.5em; } .modern-build.module-featured-content .nav-buttons button.next:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiMxQTFBMUEiLz4KPC9zdmc+"); } .modern-build.module-featured-content .nav-buttons button.next:hover:after { transform: translateX(5px); } .modern-build.module-featured-content .nav-buttons button.prev:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNy40LDEyLjZjLjQuMywxLjEuMywxLjYsMCwuNC0uMy40LS45LDAtMS4yTDIuNyw2LjQsOSwxLjVjLjQtLjMuNC0uOSwwLTEuMi0uNC0uMy0xLjEtLjMtMS42LDBMLjMsNS44Yy0uNC4zLS40LjksMCwxLjJsNy4xLDUuNVpNMTguOSw1LjVIMS4xczAsLjksMCwuOXYuOXMxNy44LDAsMTcuOCwwdi0uOXMwLS45LDAtLjlaIiBmaWxsPSIjMWExYTFhIi8+Cjwvc3ZnPg=="); } .modern-build.module-featured-content .nav-buttons button.prev:hover:after { transform: translateX(-5px); } .modern-build.module-featured-content .nav-buttons button.prev:hover:after svg path { fill: rgb(243, 66, 74); } .modern-build.module-featured-content .title-container .content { display: flex; flex-direction: column; align-items: left; justify-content: space-between; } @media (min-width: 769px) { .modern-build.module-featured-content .title-container .content { flex-direction: row; align-items: center; } } .modern-build.module-featured-content .title-container .content h2 { display: inline-flex; } @media (min-width: 769px) { .modern-build.module-featured-content .title-container .nav-buttons { display: inline-flex; } } @media (max-width: 768px) { .modern-build.module-featured-content .title-container .nav-buttons { display: none; } } .modern-build.module-featured-content .slides-container { position: relative; overflow: hidden; display: flex; flex: 1; } @media (max-width: 768px) { .modern-build.module-featured-content .slides-container { margin: 0 -28px; } } .modern-build.module-featured-content .slides-container .slides-inner { position: relative; width: 100%; overflow: hidden; height: 45vh; } @media (min-width: 769px) { .modern-build.module-featured-content .slides-container .slides-inner { height: 320px; } } .modern-build.module-featured-content .slides-container .slides-inner .slide { text-align: left; position: absolute; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; height: calc(100% - 20px); width: calc(100% - 5px); background-color: rgb(255, 255, 255); padding: 0; overflow: hidden; } @media (min-width: 769px) { .modern-build.module-featured-content .slides-container .slides-inner .slide { display: grid; grid-template-columns: 5fr 7fr; gap: 20px; border: 2px solid #d9d9d9; border-radius: 20px; margin: 10px auto; } } .modern-build.module-featured-content .slides-container .slides-inner .slide .content { padding: 22px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 22px; } @media (min-width: 769px) { .modern-build.module-featured-content .slides-container .slides-inner .slide .content { height: calc(100% - 40px); } } .modern-build.module-featured-content .slides-container .slides-inner .slide .content > * { width: 100%; } .modern-build.module-featured-content .slides-container .slides-inner .slide .content .content-header { z-index: 50; } .modern-build.module-featured-content .slides-container .slides-inner .slide .content .content-header:has(.tier-badge) { display: grid; grid-template-columns: 1fr 60px; align-items: start; } .modern-build.module-featured-content .slides-container .slides-inner .slide .content .content-header .tag-list { display: flex; margin: 0; gap: 20px; flex-wrap: wrap; } .modern-build.module-featured-content .slides-container .slides-inner .slide .content .content-header .tag-list li { display: block; border-radius: 40px; background: #a0af9e; padding: 0.2em 1em; } .modern-build.module-featured-content .slides-container .slides-inner .slide .content .content-header .tag-list li a { color: rgb(255, 255, 255); font-size: 0.8em; font-weight: 700; } .modern-build.module-featured-content .slides-container .slides-inner .slide .content .content-header .tag-list li:hover { background: #f9cc3d; } .modern-build.module-featured-content .slides-container .slides-inner .slide .content .content-header .tag-list li.partner-type { background: #c0d5ff; } .modern-build.module-featured-content .slides-container .slides-inner .slide .content .content-header .tag-list li.partner-type a { color: rgb(26, 26, 26); } .modern-build.module-featured-content .slides-container .slides-inner .slide .content .content-header .tag-list li.partner-type:hover { background: #a0af9e; } .modern-build.module-featured-content .slides-container .slides-inner .slide .content .content-header .tag-list li:has(+ .tier-badge) { max-width: 70%; } .modern-build.module-featured-content .slides-container .slides-inner .slide .content .content-header .tier-badge img { max-height: 44px; } .modern-build.module-featured-content .slides-container .slides-inner .slide .content .content-footer { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .modern-build.module-featured-content .slides-container .slides-inner .slide .content .content-footer .tag-list { color: #a0af9e; font-weight: 700; display: flex; margin: 20px 0; gap: 20px; flex-wrap: wrap; } .modern-build.module-featured-content .slides-container .slides-inner .slide .content .content-footer .tag-list li { display: block; } .modern-build.module-featured-content .slides-container .slides-inner .slide .content .content-footer .tag-list li a { color: #a0af9e; font-size: 0.9em; font-weight: 700; } .modern-build.module-featured-content .slides-container .slides-inner .slide .content .content-footer .tag-list li:hover { color: #727d71; } .modern-build.module-featured-content .slides-container .slides-inner .slide .content .content-footer .link-text .text-button { color: rgb(26, 26, 26); font-size: 0.9em; font-weight: 700; text-decoration: underline; } .modern-build.module-featured-content .slides-container .slides-inner .slide .image { height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .modern-build.module-featured-content .slides-container .slides-inner .slide .image:has(.logo) { display: flex; align-items: center; justify-content: center; } .modern-build.module-featured-content .slides-container .slides-inner .slide .image:has(.logo) img { max-width: 80%; } .modern-build.module-featured-content .grid-inner { display: flex; flex-flow: row; } @media (min-width: 769px) { .modern-build.module-featured-content .grid-inner { display: grid; grid-template-columns: repeat(2, calc(50% - 2em)); } } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ .modern-build #copy-image, .modern-build .content-media { /* Base Module Styles */ } .modern-build #copy-image.half .content p, .modern-build #copy-image.half .content li, .modern-build .content-media.half .content p, .modern-build .content-media.half .content li { font-size: 20px; line-height: 150%; } .modern-build #copy-image.half .content ul, .modern-build #copy-image.half .content ol, .modern-build #copy-image.half .content li, .modern-build .content-media.half .content ul, .modern-build .content-media.half .content ol, .modern-build .content-media.half .content li { margin-bottom: 0.5em; } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ .modern-build.loop_module { margin-bottom: 80px; } .modern-build.loop_module .title-container #button-container { margin-bottom: 0; } .modern-build.loop_module .loop-filters form { position: relative; border-radius: 15px; background-color: #d9d9d9; padding: 4px; margin-bottom: 2em; gap: 6px; display: flex; flex-direction: column; } @media (min-width: 769px) { .modern-build.loop_module .loop-filters form { flex-direction: row; width: calc(100% - 40px); } } .modern-build.loop_module .loop-filters form input, .modern-build.loop_module .loop-filters form select, .modern-build.loop_module .loop-filters form button { margin: 0; border-radius: 12px; font-size: 0.8em; border: 0; padding: 0.25em 0.5em; } @media (min-width: 769px) { .modern-build.loop_module .loop-filters form input, .modern-build.loop_module .loop-filters form select, .modern-build.loop_module .loop-filters form button { flex: 1 1 auto; } .modern-build.loop_module .loop-filters form input.search, .modern-build.loop_module .loop-filters form select.search, .modern-build.loop_module .loop-filters form button.search { flex: 3 0 50%; } } .modern-build.loop_module .loop-filters form button { position: absolute; top: 8px; right: -30px; background-color: rgb(243, 66, 74); height: 24px; width: 24px; border-radius: 20px; padding: 2px; } @media (max-width: 768px) { .modern-build.loop_module .loop-filters form button { right: 10px; } } .modern-build.loop_module .loop-filters form button:after { margin: 0; position: absolute; left: 50%; transform: translateX(-50%); content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggaWQ9IlZlY3RvciIgZD0iTTE2IDE2TDEyIDEyTTEyIDEyTDggOE0xMiAxMkwxNiA4TTEyIDEyTDggMTYiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPjwvc3ZnPg=="); } .modern-build.loop_module .loop-wrapper { overflow: hidden; } @media (max-width: 768px) and (min-width: 413px) { .modern-build.loop_module .loop-wrapper .grid { grid-template-columns: repeat(8, 18.51743%); } } .modern-build.loop_module .message { display: flex; flex-direction: column; border: 1px solid #d9d9d9; border-radius: 6px; padding: 1em; align-items: center; justify-content: center; font-size: 1.4em; font-weight: 500; margin-bottom: 2em; } .modern-build.loop_module .message div { display: block; font-size: 42px; font-weight: 700; color: #a0af9e; } .modern-build.loop_module .loop_end { border: 1px solid #a0af9e; border-radius: 20px; padding: 20px; font-weight: 700; text-align: center; } .modern-build.loop_module .cropper { padding: 4em 0 0; position: relative; background: linear-gradient(rgba(255, 255, 255, 0) 0%, white 44%, white 100%); } @media (min-width: 769px) { .modern-build.loop_module .cropper { background: linear-gradient(rgba(255, 255, 255, 0) 0%, white 66%, white 100%); } } .modern-build.loop_module .cropper { top: -6em; margin: 0 auto; text-align: center; z-index: 3; } .modern-build.loop_module .cropper.uncropper { top: 0; } .modern-build.loop_module .cropper button.load_more { margin: 0 auto; border: 1px solid rgb(0, 0, 0); } .modern-build.loop_module .cropper button.load_more.loading:after { content: ""; margin: 0 auto; width: 24px; height: 24px; border: 2px solid rgb(26, 26, 26); border-bottom-color: rgb(243, 66, 74); border-radius: 50%; display: inline-block; animation: rotation 1s linear infinite; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ .modern-build .content-card { border: 1px solid #d9d9d9; border-radius: 20px; overflow: hidden; display: block; position: relative; display: grid; grid-template-rows: 1fr 1fr; } .modern-build .content-card .image-container { background-repeat: no-repeat; background-position: center center; background-size: cover; aspect-ratio: 5/3; } .modern-build .content-card .image-container .image-overlay { height: 100%; background-color: rgba(0, 0, 0, 0); } .modern-build .content-card .content-container { padding: 20px; display: flex; flex-direction: column; justify-content: space-between; } @media (max-width: 768px) { .modern-build .content-card .content-container { max-width: 80vw; } } .modern-build .content-card .content-container .tags { margin-bottom: 1em; } .modern-build .content-card .content-container .tag-list { display: inline; margin: 0; margin-bottom: 20px; padding-bottom: 20px; } .modern-build .content-card .content-container .tag-list li { font-size: 0.8em; font-weight: 700; line-height: 1; display: inline-block; border-radius: 20px; background: #a0af9e; padding: 4px 1em; } .modern-build .content-card .content-container .tag-list li a { color: rgb(255, 255, 255); } .modern-build .content-card .content-container .tag-list li:hover { background: #f9cc3d; } .modern-build .content-card .content-container .tag-list li.term-1, .modern-build .content-card .content-container .tag-list li.resource_type, .modern-build .content-card .content-container .tag-list li.post_type { background: #f9cc3d; } .modern-build .content-card .content-container .tag-list li.term-1 a, .modern-build .content-card .content-container .tag-list li.resource_type a, .modern-build .content-card .content-container .tag-list li.post_type a { color: rgb(0, 0, 0); } .modern-build .content-card .content-container .tag-list li.term-1:hover, .modern-build .content-card .content-container .tag-list li.resource_type:hover, .modern-build .content-card .content-container .tag-list li.post_type:hover { background: rgb(243, 66, 74); } .modern-build .content-card .content-container h3 { margin: 0; font-size: 20px; } .modern-build .content-card .content-container .bottom { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .modern-build .content-card .content-container .bottom .post-type { color: #a0af9e; font-size: 1rem; font-weight: 700; } .modern-build .content-card .content-container .bottom .button-wrapper .text-button { font-size: 1rem; font-weight: 700; padding: 0; margin: 0; } .modern-build .content-card.partners-card { display: flex; flex-direction: column; } .modern-build .content-card.partners-card .image-container { height: 100%; width: 100%; aspect-ratio: 2/1; position: relative; } .modern-build .content-card.partners-card .image-container:has(.logo) { display: flex; align-items: center; justify-content: center; } .modern-build .content-card.partners-card .image-container:has(.logo) img.logo { width: auto; height: auto; max-width: 300px; max-height: 120px; } .modern-build .content-card.partners-card .image-container .tier-badge { position: absolute; top: 1.5em; right: 1.5em; max-height: 44px; max-width: 44px; } .modern-build .content-card.partners-card .image-container .tier-badge img { max-height: 44px; } .modern-build .content-card.partners-card .content-container .tag-list li { background-color: #c0d5ff; } .modern-build .content-card.partners-card .content-container .tag-list li a { color: rgb(26, 26, 26); } .modern-build .content-card.partners-card .content-container .bottom .tag-list { color: #a0af9e; font-weight: 700; display: flex; margin: 0; padding: 0; gap: 20px; flex-wrap: wrap; } .modern-build .content-card.partners-card .content-container .bottom .tag-list li { background: none; padding: 0; margin: 0; display: block; } .modern-build .content-card.partners-card .content-container .bottom .tag-list li a { color: #a0af9e; font-size: 1.2em; font-weight: 700; } .modern-build .content-card.partners-card .content-container .bottom .tag-list li:hover { color: #727d71; } .modern-build .content-card.partners-card .content-container .bottom .button-wrapper .text-button { -webkit-text-decoration: underline rgb(26, 26, 26) 2px; text-decoration: underline rgb(26, 26, 26) 2px; } .modern-build .content-card:hover .image-container .image-overlay { background-color: rgba(0, 0, 0, 0.1); } .modern-build .content-card:hover .content-container .bottom .button-wrapper .text-button { -webkit-text-decoration: underline rgb(26, 26, 26) 2px; text-decoration: underline rgb(26, 26, 26) 2px; } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ .modern-build.pricing_tabs .tabs-wrapper { padding: 0; } @media (max-width: 1023px) { .modern-build.pricing_tabs .tabs-wrapper .tabs-container .tabset { display: grid; grid-template-columns: 26px 1fr 26px; align-items: baseline; } } .modern-build.pricing_tabs .tabs-wrapper .tabs-container .tabset .slick-arrow { color: transparent; background: transparent; padding: 0; display: block; } @media (min-width: 1024px) { .modern-build.pricing_tabs .tabs-wrapper .tabs-container .tabset .slick-arrow { display: none !important; } } .modern-build.pricing_tabs .tabs-wrapper .tabs-container .tabset .slick-arrow:before { width: 24px; height: 24px; } .modern-build.pricing_tabs .tabs-wrapper .tabs-container .tabset .slick-arrow:after { display: none; } .modern-build.pricing_tabs .tabs-wrapper .tabs-container .tabset .slick-arrow.slick-prev:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNLjMsNS44Yy0uNC4zLS40LjksMCwxLjJsNy4xLDUuNWMuNC4zLDEuMS4zLDEuNiwwLC40LS4zLjQtLjksMC0xLjJMMi43LDYuNCw5LDEuNWMuNC0uMy40LS45LDAtMS4yLS40LS4zLTEuMS0uMy0xLjYsMEwuMyw1LjhaTTE4LjksNi40di0uOXMtMTcuOCwwLTE3LjgsMHYuOXMwLC45LDAsLjloMTcuOHMwLS45LDAtLjlaIiBmaWxsPSIjMUExQTFBIi8+Cjwvc3ZnPg=="); } .modern-build.pricing_tabs .tabs-wrapper .tabs-container .tabset .slick-arrow.slick-next:before { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE5IDEzIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguNTc3NyA3LjAxODcyQzE5LjAxMzIgNi42NzkxMSAxOS4wMTMyIDYuMTI4NTEgMTguNTc3NyA1Ljc4ODlMMTEuNDgwMyAwLjI1NDcyOUMxMS4wNDQ3IC0wLjA4NDg3NTUgMTAuMzM4NiAtMC4wODQ4NzU4IDkuOTAzMDcgMC4yNTQ3MjlDOS40Njc1NCAwLjU5NDMzMyA5LjQ2NzU0IDEuMTQ0OTQgOS45MDMwNyAxLjQ4NDU0TDE2LjIxMTkgNi40MDM4MUw5LjkwMzA3IDExLjMyMzFDOS40Njc1NCAxMS42NjI3IDkuNDY3NTQgMTIuMjEzMyA5LjkwMzA3IDEyLjU1MjlDMTAuMzM4NiAxMi44OTI1IDExLjA0NDcgMTIuODkyNSAxMS40ODAzIDEyLjU1MjlMMTguNTc3NyA3LjAxODcyWk0wIDYuNDAzODFWNy4yNzM0MkwxNy43ODkxIDcuMjczNDJWNi40MDM4MVY1LjUzNDJMMCA1LjUzNDJWNi40MDM4MVoiIGZpbGw9IiMxQTFBMUEiLz4KPC9zdmc+"); } .modern-build.pricing_tabs .tabs-wrapper .tabs-container .tabset .switcher { display: flex; flex-direction: row; align-items: flex-end; justify-content: stretch; -moz-column-gap: 12px; column-gap: 12px; row-gap: 12px; list-style: none outside none; flex-basis: auto; } @media (max-width: 1023px) { .modern-build.pricing_tabs .tabs-wrapper .tabs-container .tabset .switcher { margin: 0 auto; flex-direction: column; flex-wrap: wrap; align-items: center; gap: 0; } .modern-build.pricing_tabs .tabs-wrapper .tabs-container .tabset .switcher li { display: none; height: 0; overflow: hidden; font-size: 20px; transition: all 1s ease-out; } .modern-build.pricing_tabs .tabs-wrapper .tabs-container .tabset .switcher li:has(.slick-active) { display: block; height: -moz-fit-content; height: fit-content; } } @media (min-width: 1024px) { .modern-build.pricing_tabs .tabs-wrapper .tabs-container .tabset .switcher li { flex-grow: 1; padding: 0 2em; border: none; text-align: center; } .modern-build.pricing_tabs .tabs-wrapper .tabs-container .tabset .switcher li a { display: block; padding: 0.75em 0; font-size: 24px; font-weight: 400; color: rgb(26, 26, 26); -moz-column-break-inside: avoid; break-inside: avoid; } .modern-build.pricing_tabs .tabs-wrapper .tabs-container .tabset .switcher li a.slick-active { font-weight: 700; color: rgb(26, 26, 26); border-bottom: 2px solid rgb(243, 66, 74); } } .modern-build.pricing_tabs .tabs-wrapper .toggle-container .control { scale: 1.2; letter-spacing: 0.5px; position: relative; width: 300px; height: 38px; aspect-ratio: 300/38; background: rgb(26, 26, 26); border-radius: 12px; border: 4px solid rgb(26, 26, 26); padding: 2px; margin: 0 auto 2em; } .modern-build.pricing_tabs .tabs-wrapper .toggle-container .control .control__track { display: grid; place-items: center; grid-template-columns: repeat(2, 1fr); width: 100%; height: 100%; position: relative; } .modern-build.pricing_tabs .tabs-wrapper .toggle-container .control .control__track .indicator { position: absolute; width: 50%; left: 0; top: 0; bottom: 0; background: rgb(255, 255, 255); border-radius: 7px; transition: translate 1s ease-out; } .modern-build.pricing_tabs .tabs-wrapper .toggle-container .control .control__track label { transition-property: color; transition-duration: 1s; height: 100%; width: 100%; display: grid; place-items: center; cursor: pointer; font-size: 0.8rem; color: rgb(255, 255, 255); z-index: 2; margin: 0; } .modern-build.pricing_tabs .tabs-wrapper .toggle-container .control .control__track label:has(+ :checked) { color: rgb(26, 26, 26); } .modern-build.pricing_tabs .tabs-wrapper .toggle-container .control .control__track input.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .modern-build.pricing_tabs .tabs-wrapper .toggle-container .control .control__track #option_2:checked ~ .indicator { translate: 100% 0; } .modern-build.pricing_tabs .tabs-wrapper .content-container { position: relative; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane { margin: 0 4px; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner { position: relative; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper { display: flex; flex-direction: column; gap: 20px; transition: all 1s ease-out; z-index: 5; opacity: 1; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper.white { background-color: rgb(255, 255, 255); } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper.cloud { background-color: #f5f5f5; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper.offwhite { background-color: #e6ebeb; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper.haze { background-color: #d9d9d9; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper.beige, .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper.sand { background-color: rgb(239, 237, 228); } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper.sky { background-color: #c0d5ff; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper.storm { background-color: #a0af9e; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper.heavystorm { background-color: #727d71; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper.softblack { background-color: rgb(26, 26, 26); } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper.black { background-color: rgb(0, 0, 0); } @media (min-width: 1024px) { .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper { flex-direction: row; } } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper.hidden { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; opacity: 0; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content { background: rgb(255, 255, 255); padding: 0; display: flex; flex-direction: column; order: 1; margin-bottom: 0; position: relative; } @media (min-width: 1024px) { .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content { overflow: hidden; hyphens: manual; } } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .tab-title { text-align: center; font-size: 24px; padding: 1em; color: rgb(255, 255, 255); background: #727d71; border-radius: 88px 0 0 0; margin-bottom: 0; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap { padding: 30px; min-height: calc(100% - 80px); position: relative; display: flex; flex-direction: column; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .price-block { margin: 0 auto; display: flex; flex-direction: row; gap: 20px; justify-content: center; align-items: center; max-width: 80%; min-height: 7em; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .price-block .number { display: flex; align-items: center; text-align: right; line-height: 1; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .price-block .number.dollar { font-size: 2.5em; font-weight: 800; line-height: 1; } @media (min-width: 1024px) { .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .price-block .number.dollar { font-size: 5em; } } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .price-block .number.dollar span { font-size: 0.5em; font-weight: 800; transform: translateY(-0.3em); } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .price-block .number.percent { font-size: 2.5em; font-weight: 800; line-height: 1; } @media (min-width: 1024px) { .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .price-block .number.percent { font-size: 5em; } } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .price-block .number.percent span { font-size: 0.5em; font-weight: 800; transform: translateY(-0.3em); } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .price-block .number.text { font-size: 1.5em; font-weight: 800; line-height: 1; } @media (min-width: 1024px) { .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .price-block .number.text { font-size: 3em; } } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .price-block .number.text.short { font-size: 2.5em; } @media (min-width: 1024px) { .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .price-block .number.text.short { font-size: 5em; } } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .price-block .number.text.long { font-size: 2em; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .price-block .note { color: #727d71; font-size: 16px; font-weight: 400; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .hr { margin: 1em; border-bottom: 1px solid #a0af9e; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .tab-description { flex-grow: 2; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .tab-description ul li { margin: 1em 0; display: flex; list-style-type: none; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .tab-description ul li:before { margin-right: 1em; background-color: #f9cc3d; padding: 4px; border-radius: 50%; height: 1.5em; width: 1.5em; display: flex; place-content: center; line-height: 1; color: rgb(26, 26, 26); content: ">"; flex-shrink: 0; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .tab-disclaimer, .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .tab-disclaimer a { font-weight: 12px; color: #727d71; text-align: center; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content .inner-wrap .link { align-self: flex-end; margin: 1em auto; } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content.single-product { border: 2px solid #727d71; border-radius: 90px 0 90px 0; } @media (min-width: 1024px) { .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content.single-product { width: calc(55% - 20px); } } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content.bundled-product { border: 2px solid rgb(243, 66, 74); border-radius: 20px; } @media (min-width: 1024px) { .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content.bundled-product { width: calc(45% - 20px); } } .modern-build.pricing_tabs .tabs-wrapper .content-container .tab-pane .tab-inner .option-wrapper .tab-content.bundled-product .tab-title { background-color: rgb(243, 66, 74); border-radius: 16px 16px 0 0; } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ .modern-build.agenda_module { position: relative; width: 100%; transition: all 0.5s ease-in-out; } .modern-build.agenda_module * { transition: height 0.5s ease-in-out, padding 0.5s linear; } @media (min-width: 769px) { .modern-build.agenda_module .title-container { margin: 12px; } } @media (min-width: 769px) { .modern-build.agenda_module .mobile-only { display: none; } } @media (max-width: 768px) { .modern-build.agenda_module .desktop-only { display: none; } } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item { border-radius: 12px; padding: 1.2em; overflow: hidden; } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item.white { background-color: rgb(255, 255, 255); } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item.haze { background-color: #d9d9d9; } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item.sky { background-color: #c0d5ff; } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item.light-sand { background-color: #f9f7f1; } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item.dark-sand { background-color: #e0ded1; } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item.storm { background-color: #a0af9e; } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item.heavystorm { background-color: #727d71; } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item.softblack { background-color: rgb(26, 26, 26); } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item.black { background-color: rgb(0, 0, 0); } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item .media { overflow: hidden; border-radius: 10px; margin-bottom: 1em; } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item .top { position: relative; max-height: 30px; z-index: 100; } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item .top .copy { transition: all 1s ease; opacity: 0; max-width: 100%; display: grid; grid-template-columns: 2fr 1fr; } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item .top .copy .agenda-title { font-size: 14px; line-height: 1; margin-bottom: 0; font-weight: 500; } @media (min-width: 769px) { .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item .top .copy .agenda-title { font-size: 18px; } } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item .top .copy .agenda-meta { text-align: right; font-size: 12px; font-weight: 600; text-transform: uppercase; } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item.closed .top .copy { opacity: 1; } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item .middle { overflow: hidden; } @media (min-width: 769px) { .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item .middle { display: grid; grid-template-columns: 7fr 5fr; gap: 20px; align-items: center; } } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item .middle .copy { display: flex; flex-direction: column; height: 100%; } @media (min-width: 769px) { .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item .middle .copy { justify-content: space-between; } } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item .middle .agenda-title { font-size: 24px; line-height: 1.2; margin-bottom: 0; } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item .middle .agenda-meta { font-size: 0.9em; font-weight: 600; text-transform: uppercase; } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item .description { font-size: 1em; padding: 1em 0; } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item .media.desktop-only .image-container { display: flex; overflow: hidden; aspect-ratio: 1/1; align-items: center; justify-content: center; } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item .media.desktop-only .image-container img { height: 100%; -o-object-fit: cover; object-fit: cover; } .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item.heavystorm *, .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item.softblack *, .modern-build.agenda_module .agenda-wrapper .agenda-loop .agenda-item.black * { color: rgb(255, 255, 255); } .modern-build.agenda_module.lowanim .agenda-wrapper .agenda-loop .accordions { display: flex; flex-direction: column; } .modern-build.agenda_module.lowanim .agenda-wrapper .agenda-loop .agenda-item .top { display: flex; justify-content: space-between; } .modern-build.agenda_module.lowanim .agenda-wrapper .agenda-loop .agenda-item .top:before { position: relative; display: inline-block; margin-right: 20px; margin-bottom: 10px; height: 12px; width: 12px; content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDIwIDIyLjUiPgogICAgPHBhdGggZD0iTTEwLDBDMTAuNywwLDExLjMuNiwxMS4zLDEuM3YxN2w2LjYtNi42Yy41LS41LDEuMy0uNSwxLjgsMCwuNS41LjUsMS4zLDAsMS44bC04LjgsOC44Yy0uNS41LTEuMy41LTEuOCwwTC40LDEzLjRjLS41LS41LS41LTEuMywwLTEuOC41LS41LDEuMy0uNSwxLjgsMGw2LjYsNi42VjEuM0M4LjguNiw5LjMsMCwxMCwwWiIvPgo8L3N2Zz4="); transform: rotate(180deg); } .modern-build.agenda_module.lowanim .agenda-wrapper .agenda-loop .agenda-item .top .copy { flex-grow: 2; } .modern-build.agenda_module.lowanim .agenda-wrapper .agenda-loop .agenda-item.closed .top:before { content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDIwIDIyLjUiPgogICAgPHBhdGggZD0iTTEwLDBDMTAuNywwLDExLjMuNiwxMS4zLDEuM3YxN2w2LjYtNi42Yy41LS41LDEuMy0uNSwxLjgsMCwuNS41LjUsMS4zLDAsMS44bC04LjgsOC44Yy0uNS41LTEuMy41LTEuOCwwTC40LDEzLjRjLS41LS41LS41LTEuMywwLTEuOC41LS41LDEuMy0uNSwxLjgsMGw2LjYsNi42VjEuM0M4LjguNiw5LjMsMCwxMCwwWiIvPgo8L3N2Zz4="); transform: rotate(0deg); } /****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here is where you import all of your Sass files so they can compile into one CSS file. ******************************************************************/ .modern-build.single-partners .modern-build.hero .breadcrumb { text-align: left !important; margin-bottom: 1em; } @media (min-width: 769px) { .modern-build.single-partners .modern-build.hero .breadcrumb { margin-bottom: 2em; } } .modern-build.single-partners .modern-build.hero .subtitle { color: rgb(243, 66, 74); margin-bottom: 1rem; } .modern-build.single-partners .modern-build.hero .tag-list { display: flex; margin: 20px 0; gap: 20px; flex-wrap: wrap; } .modern-build.single-partners .modern-build.hero .tag-list li { display: block; border-radius: 40px; background: #c0d5ff; padding: 0.3em 1em; } .modern-build.single-partners .modern-build.hero .tag-list li a { color: rgb(26, 26, 26); font-size: 0.9em; font-weight: 700; } .modern-build.single-partners .modern-build.hero .tag-list li:hover { background: #a0af9e; } .modern-build.single-partners .modern-build.hero .image-container { border: none; } .modern-build.single-partners .modern-build.hero .image-container .tier-badge { display: inline-block; float: right; max-height: 90px; } .modern-build.single-partners .modern-build.hero .image-container .tier-badge img { max-height: 90px; height: 100%; -o-object-fit: contain; object-fit: contain; } .modern-build.single-partners .modern-build.hero .image-container .image-container-inner { display: flex; align-items: center; justify-content: center; } @media (min-width: 769px) { .modern-build.single-partners .modern-build.hero .image-container .image-container-inner { min-height: 300px; } } .modern-build.single-partners .modern-build.hero .quote-wrap { border: 1px solid #a0af9e; border-radius: 8px; background: rgba(255, 255, 255, 0.4); padding: 1em 2em; margin: 1em 0; } .modern-build.single-partners .modern-build.hero .quote-wrap .quote { font-size: 1.2em; color: #727d71; line-height: 1.1; text-indent: -9px; } .modern-build.single-partners .modern-build.hero .quote-wrap .attribution { font-size: 12px; color: #727d71; margin-top: 1em; } .modern-build.single-partners .modern-build.hero .quote-wrap .attribution:before { content: "– "; }/*# sourceMappingURL=style.css.map */