@designcrowd/library.brand-page 5.17.21 → 5.17.23-ast-subnav

package/lib/src/css/library.brand-page-designCom.min.css

@@ -5464,7 +5464,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   font-family: Lato, Helvetica, sans-serif;
 }
 
-.carousel-wrapper[data-v-c74fba9b] {
+.carousel-wrapper[data-v-90cfc073] {
   position: relative;
   overflow-x: auto;
   overflow-y: hidden;
@@ -5474,15 +5474,15 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   -ms-overflow-style: none;
   width: 100%;
 }
-.scroll-chevron[data-v-c74fba9b] {
+.scroll-chevron[data-v-90cfc073] {
   background: none !important;
   border: none !important;
 }
-.carousel-wrapper[data-v-c74fba9b]:active {
+.carousel-wrapper[data-v-90cfc073]:active {
   cursor: -webkit-grabbing;
   cursor: grabbing;
 }
-.carousel-track[data-v-c74fba9b] {
+.carousel-track[data-v-90cfc073] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -5496,7 +5496,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   margin: 0 auto;
   gap: 8px;
 }
-.carousel-item[data-v-c74fba9b] {
+.carousel-item[data-v-90cfc073] {
   position: relative;
   -ms-flex-negative: 0;
       flex-shrink: 0;
@@ -5507,7 +5507,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
       -ms-flex-align: center;
           align-items: center;
 }
-.carousel-link[data-v-c74fba9b] {
+.carousel-link[data-v-90cfc073] {
   display: block;
   padding: 12px 8px;
   text-decoration: none;
@@ -5520,7 +5520,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   -ms-flex-item-align: stretch;
       align-self: stretch;
 }
-.carousel-chevron[data-v-c74fba9b] {
+.carousel-chevron[data-v-90cfc073] {
   cursor: pointer;
   border-left: none !important;
   padding: 0 12px;
@@ -5534,18 +5534,17 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
       -ms-flex-align: center;
           align-items: center;
 }
-.carousel-chevron[data-v-c74fba9b] svg {
+.carousel-chevron[data-v-90cfc073] svg {
   -webkit-transition: -webkit-transform 0.2s ease;
   transition: -webkit-transform 0.2s ease;
   transition: transform 0.2s ease;
   transition: transform 0.2s ease, -webkit-transform 0.2s ease;
 }
-.carousel-chevron--open[data-v-c74fba9b] svg {
+.carousel-chevron--open[data-v-90cfc073] svg {
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }
-.dropdown-menu[data-v-c74fba9b] {
-  background: white;
+.dropdown-menu[data-v-90cfc073] {
   min-width: 150px;
   max-height: 240px;
   overflow-x: hidden;
@@ -5558,7 +5557,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.dropdown-item[data-v-c74fba9b] {
+.dropdown-item[data-v-90cfc073] {
   display: block;
   padding: 12px 16px;
   cursor: pointer;
@@ -5721,7 +5720,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 
-.empty-para[data-v-5a056a60] p:empty::after {
+.empty-para[data-v-0da8932e] p:empty::after {
   content: '\00A0';
 }
 
@@ -6020,21 +6019,26 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   min-height: 0 !important; /* fix masonry bottom gap */
 }
 
-.c-image-gallery-modal[data-v-edfdf97d] .modal {
+.c-image-gallery-modal[data-v-96c9f3de] .modal {
   padding-top: 0px
 }
-.c-image-gallery-modal[data-v-edfdf97d] .swiper {
+.c-image-gallery-modal[data-v-96c9f3de] .swiper {
   padding-top: 4rem
 }
-.c-image-gallery-modal[data-v-edfdf97d] .swiper-slide {
+.c-image-gallery-modal[data-v-96c9f3de] .swiper-slide {
   width: 100%
 }
-.c-image-gallery-modal[data-v-edfdf97d] .carousel > div:first-child,
-.c-image-gallery-modal[data-v-edfdf97d] .swiper-container {
+.c-image-gallery-modal[data-v-96c9f3de] .carousel > div:first-child,
+.c-image-gallery-modal[data-v-96c9f3de] .swiper-container {
   height: 100%
 }
-.c-modal-image[data-v-edfdf97d] {
+.c-modal-image[data-v-96c9f3de] {
+  max-width: 100%;
+  max-height: 90vh
+}
+.c-modal-image-placeholder[data-v-96c9f3de] {
   max-width: 100%;
+  width: 100%;
   max-height: 90vh
 }
 
@@ -6165,61 +6169,61 @@ select[data-v-14e7c7c7] {
   width: 100%;
 }
 
-.form-error[data-v-2cd2566d] {
+.form-error[data-v-eed30d71] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f;
 }
-.contact-container[data-v-2cd2566d] {
+.contact-container[data-v-eed30d71] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.c-text-padding[data-v-2cd2566d] {
+.c-text-padding[data-v-eed30d71] {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.device-wrapper--mobile .c-divided-container[data-v-2cd2566d] {
+.device-wrapper--mobile .c-divided-container[data-v-eed30d71] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.device-wrapper--mobile .c-divided-container-reverse[data-v-2cd2566d] {
+.device-wrapper--mobile .c-divided-container-reverse[data-v-eed30d71] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
 @media (max-width: 767px) {
-.c-button-full-width[data-v-2cd2566d] {
+.c-button-full-width[data-v-eed30d71] {
     grid-column: span 2 / span 2;
     width: 100%;
 }
-.c-button-full[data-v-2cd2566d] {
+.c-button-full[data-v-eed30d71] {
     width: 100%;
 }
-.c-col-span-2[data-v-2cd2566d] {
+.c-col-span-2[data-v-eed30d71] {
     grid-column: span 2 / span 2;
 }
-.c-mobile-padding[data-v-2cd2566d] {
+.c-mobile-padding[data-v-eed30d71] {
     padding: 1rem;
 }
-.c-text-padding[data-v-2cd2566d] {
+.c-text-padding[data-v-eed30d71] {
     grid-column: span 2 / span 2;
     padding-left: 0px;
     padding-right: 0px;
 }
-.c-py-6[data-v-2cd2566d] {
+.c-py-6[data-v-eed30d71] {
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
 }
-.c-divided-container[data-v-2cd2566d] {
+.c-divided-container[data-v-eed30d71] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c-divided-container-reverse[data-v-2cd2566d] {
+.c-divided-container-reverse[data-v-eed30d71] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -6227,16 +6231,16 @@ select[data-v-14e7c7c7] {
 }
 }
 @media (min-width: 767px) {
-.c-aspect-square[data-v-2cd2566d] {
+.c-aspect-square[data-v-eed30d71] {
     aspect-ratio: 1 / 1;
 }
-.c-divided-container[data-v-2cd2566d] {
+.c-divided-container[data-v-eed30d71] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.c-divided-container-reverse[data-v-2cd2566d] {
+.c-divided-container-reverse[data-v-eed30d71] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
@@ -6373,29 +6377,29 @@ select[data-v-14e7c7c7] {
 /* mob_img--left - image for display left (should only show on mobile)  */
 /* mob_img--right - image for display right (should only show on mobile)  */
 /* top-img--center - image for display centered*/
-.about-container[data-v-ffedbb40] {
+.about-container[data-v-4edadbcf] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.about-container--padding[data-v-ffedbb40] {
+.about-container--padding[data-v-4edadbcf] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.device-wrapper--mobile .about-container[data-v-ffedbb40] .mob_img--left {
+.device-wrapper--mobile .about-container[data-v-4edadbcf] .mob_img--left {
   display: grid;
   width: 100%;
 }
-.device-wrapper--mobile .about-container[data-v-ffedbb40] .mob_img--right {
+.device-wrapper--mobile .about-container[data-v-4edadbcf] .mob_img--right {
   display: grid;
   width: 100%;
 }
-.device-wrapper--mobile .about-body-text[data-v-ffedbb40] {
+.device-wrapper--mobile .about-body-text[data-v-4edadbcf] {
   display: block;
 }
-.device-wrapper--mobile .about-container[data-v-ffedbb40] .img--left-right {
+.device-wrapper--mobile .about-container[data-v-4edadbcf] .img--left-right {
   display: none;
 }
-.device-wrapper--mobile .about-container[data-v-ffedbb40] .container-image {
+.device-wrapper--mobile .about-container[data-v-4edadbcf] .container-image {
   -o-object-fit: cover;
      object-fit: cover;
   aspect-ratio: 1/1;
@@ -6403,24 +6407,24 @@ select[data-v-14e7c7c7] {
   max-width: -moz-max-content;
   max-width: max-content;
 }
-.device-wrapper--mobile .mobile-about-container--padding[data-v-ffedbb40] {
+.device-wrapper--mobile .mobile-about-container--padding[data-v-4edadbcf] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
 }
-.device-wrapper--mobile .text-grid-column[data-v-ffedbb40] {
+.device-wrapper--mobile .text-grid-column[data-v-4edadbcf] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-template-columns: 1fr;
 }
-.device-wrapper--mobile .full-square-image[data-v-ffedbb40] {
+.device-wrapper--mobile .full-square-image[data-v-4edadbcf] {
   margin-bottom: 1rem;
 }
-.device-wrapper--mobile .about-container[data-v-ffedbb40] .about-placeholder {
+.device-wrapper--mobile .about-container[data-v-4edadbcf] .about-placeholder {
   width: 100%;
 }
-.about-container[data-v-ffedbb40] .top-img--center {
+.about-container[data-v-4edadbcf] .top-img--center {
   display: grid;
   aspect-ratio: 3/1;
   width: 100%;
@@ -6429,8 +6433,8 @@ select[data-v-14e7c7c7] {
   -o-object-position: center;
      object-position: center;
 }
-.about-container[data-v-ffedbb40] .mob_img--left,
-.about-container[data-v-ffedbb40] .mob_img--right {
+.about-container[data-v-4edadbcf] .mob_img--left,
+.about-container[data-v-4edadbcf] .mob_img--right {
   padding-top: 1rem;
   padding-bottom: 1rem;
   aspect-ratio: 1/1;
@@ -6440,23 +6444,23 @@ select[data-v-14e7c7c7] {
      object-position: center;
   width: 100%;
 }
-.container-grid-columns[data-v-ffedbb40] {
+.container-grid-columns[data-v-4edadbcf] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
 }
-.about-container[data-v-ffedbb40] .full-square-image {
+.about-container[data-v-4edadbcf] .full-square-image {
   width: 100%;
   aspect-ratio: 1/1;
   -o-object-fit: cover;
      object-fit: cover;
 }
-.grid-reverse-direction[data-v-ffedbb40] {
+.grid-reverse-direction[data-v-4edadbcf] {
   direction: rtl;
 }
-.grid-direction-ltr[data-v-ffedbb40] {
+.grid-direction-ltr[data-v-4edadbcf] {
   direction: ltr;
 }
-.about-container[data-v-ffedbb40] .container-image {
+.about-container[data-v-4edadbcf] .container-image {
   margin-bottom: 1rem;
   display: grid;
   max-width: 20rem;
@@ -6466,34 +6470,34 @@ select[data-v-14e7c7c7] {
   height: fit-content;
 }
 @media (max-width: 767px) {
-.about-container[data-v-ffedbb40] .mob_img--left {
+.about-container[data-v-4edadbcf] .mob_img--left {
     display: block;
     width: 100%;
 }
-.about-container[data-v-ffedbb40] .mob_img--right {
+.about-container[data-v-4edadbcf] .mob_img--right {
     display: grid;
 }
-.about-container[data-v-ffedbb40] .img--left-right {
+.about-container[data-v-4edadbcf] .img--left-right {
     display: none;
 }
-.about-body-text[data-v-ffedbb40] {
+.about-body-text[data-v-4edadbcf] {
     display: block;
 }
-.about-container[data-v-ffedbb40] .about-placeholder {
+.about-container[data-v-4edadbcf] .about-placeholder {
     width: 100%;
 }
-.text-grid-column[data-v-ffedbb40] {
+.text-grid-column[data-v-4edadbcf] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
     grid-template-columns: 1fr;
 }
-.mobile-about-container--padding[data-v-ffedbb40] {
+.mobile-about-container--padding[data-v-4edadbcf] {
     padding-left: var(--page-padding);
     padding-right: var(--page-padding);
     padding-top: 2.5rem;
     padding-bottom: 2.5rem;
 }
-.about-container[data-v-ffedbb40] .container-image {
+.about-container[data-v-4edadbcf] .container-image {
     aspect-ratio: 1/1;
     -o-object-fit: cover;
        object-fit: cover;
@@ -6501,23 +6505,23 @@ select[data-v-14e7c7c7] {
     max-width: -moz-max-content;
     max-width: max-content;
 }
-.about-container[data-v-ffedbb40] .full-square-image {
+.about-container[data-v-4edadbcf] .full-square-image {
     margin-bottom: 1rem;
 }
 }
 @media (min-width: 767px) {
-.about-container[data-v-ffedbb40] .mob_img--right,
-  .about-container[data-v-ffedbb40] .mob_img--left {
+.about-container[data-v-4edadbcf] .mob_img--right,
+  .about-container[data-v-4edadbcf] .mob_img--left {
     display: none;
 }
-.about-container[data-v-ffedbb40] .img--left-right {
+.about-container[data-v-4edadbcf] .img--left-right {
     display: grid;
 }
-.text-grid-column[data-v-ffedbb40] {
+.text-grid-column[data-v-4edadbcf] {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
 }
-.about-container[data-v-ffedbb40] .container-image {
+.about-container[data-v-4edadbcf] .container-image {
     aspect-ratio: auto;
 }
 }
@@ -8804,11 +8808,11 @@ body {
   display: none; /* Chrome, Safari, Opera */
 }
 
-.rich-text-editor[data-v-ca39333e]:focus-within {
+.rich-text-editor[data-v-765a1b45]:focus-within {
   --tw-border-opacity: 1;
   border-color: rgb(96 96 96 / var(--tw-border-opacity));
 }
-.style-editor[data-v-ca39333e] {
+.style-editor[data-v-765a1b45] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8819,7 +8823,7 @@ body {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.style-editor[data-v-ca39333e] button:not(.c-button-style) {
+.style-editor[data-v-765a1b45] button:not(.c-button-style) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8829,16 +8833,16 @@ body {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.style-editor-button[data-v-ca39333e] {
+.style-editor-button[data-v-765a1b45] {
   cursor: pointer;
   padding-left: 0.25rem;
   padding-top: 0.25rem;
 }
-.toolbar-editor-button.active[data-v-ca39333e] {
+.toolbar-editor-button.active[data-v-765a1b45] {
   font-weight: 700;
   background: #e3e3e3;
 }
-.toolbar-editor-button[data-v-ca39333e] {
+.toolbar-editor-button[data-v-765a1b45] {
   height: 32px;
   width: 32px;
   border-radius: 4px;
@@ -8856,7 +8860,7 @@ body {
       -ms-flex-pack: center;
           justify-content: center;
 }
-[data-v-ca39333e] .ProseMirror {
+[data-v-765a1b45] .ProseMirror {
   border-top: 1px solid #ccc;
   min-height: 150px;
   padding: 8px;
@@ -8869,10 +8873,13 @@ body {
   max-height: 14rem;
   overflow: auto;
 }
-[data-v-ca39333e] .ProseMirror:focus {
+.editor-compact[data-v-765a1b45] .ProseMirror {
+  min-height: 6rem;
+}
+[data-v-765a1b45] .ProseMirror:focus {
   outline: none;
 }
-[data-v-ca39333e] .ProseMirror * {
+[data-v-765a1b45] .ProseMirror * {
   text-align: left !important;
   font-size: 16px !important;
   color: #606060 !important;
@@ -8881,28 +8888,28 @@ body {
   background-color: transparent !important;
   font-family: 'Lato' !important;
 }
-[data-v-ca39333e] .ProseMirror a s,[data-v-ca39333e] .ProseMirror a strike,[data-v-ca39333e] .ProseMirror a [data-strike] {
+[data-v-765a1b45] .ProseMirror a s,[data-v-765a1b45] .ProseMirror a strike,[data-v-765a1b45] .ProseMirror a [data-strike] {
   text-decoration: line-through !important;
 }
-[data-v-ca39333e] .ProseMirror a,[data-v-ca39333e] .ProseMirror a * {
+[data-v-765a1b45] .ProseMirror a,[data-v-765a1b45] .ProseMirror a * {
   color: #0097d7 !important;
   text-decoration: underline !important;
 }
-.error-message[data-v-ca39333e] {
+.error-message[data-v-765a1b45] {
   color: #d32f2f;
   font-size: 0.875rem;
   margin-top: 4px;
 }
-.popup-container[data-v-ca39333e] {
+.popup-container[data-v-765a1b45] {
   position: absolute;
   z-index: 10;
   right: 8%;
 }
-.hyperlink-preview[data-v-ca39333e] {
+.hyperlink-preview[data-v-765a1b45] {
   position: absolute;
   z-index: 10;
 }
-.popup-panel[data-v-ca39333e] {
+.popup-panel[data-v-765a1b45] {
   background: #fff;
   border: 1px solid #ccc;
   border-radius: 8px;
@@ -8910,17 +8917,17 @@ body {
   -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
           box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 }
-.popup-panel[data-v-ca39333e] input {
+.popup-panel[data-v-765a1b45] input {
   border: 1px solid #ccc;
   border-radius: 8px;
 }
-.border[data-v-ca39333e] {
+.border[data-v-765a1b45] {
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(209 209 209 / var(--tw-bg-opacity));
   height: 1px;
 }
-[data-v-ca39333e] .text-dropdown-title {
+[data-v-765a1b45] .text-dropdown-title {
   height: 2rem;
   width: 100%;
   font-size: 0.875rem;
@@ -8929,7 +8936,7 @@ body {
   color: rgb(38 38 38 / var(--tw-text-opacity));
   font-weight: 300;
 }
-[data-v-ca39333e] .ProseMirror p.is-editor-empty:first-child::before {
+[data-v-765a1b45] .ProseMirror p.is-editor-empty:first-child::before {
   --tw-text-opacity: 1;
   color: rgb(209 209 209 / var(--tw-text-opacity));
   content: attr(data-placeholder);
@@ -8938,56 +8945,56 @@ body {
   pointer-events: none;
 }
 @media (max-width: 399px) {
-.style-editor-button-font[data-v-ca39333e],
-  .style-editor-button-textstyle[data-v-ca39333e] {
+.style-editor-button-font[data-v-765a1b45],
+  .style-editor-button-textstyle[data-v-765a1b45] {
     max-width: 48%;
     padding-bottom: 0.25rem;
 }
-.style-editor-button.stepper[data-v-ca39333e] {
+.style-editor-button.stepper[data-v-765a1b45] {
     max-width: 40%;
 }
-.style-editor-button-stepper[data-v-ca39333e] {
+.style-editor-button-stepper[data-v-765a1b45] {
     max-width: 100%;
 }
-.border.desktop[data-v-ca39333e] {
+.border.desktop[data-v-765a1b45] {
     display: none;
 }
-.border.mobile[data-v-ca39333e] {
+.border.mobile[data-v-765a1b45] {
     display: block;
 }
-[data-v-ca39333e] .left-align {
+[data-v-765a1b45] .left-align {
     -webkit-transform: translateX(-48%);
             transform: translateX(-48%);
 }
-.hyperlink-popup[data-v-ca39333e] {
+.hyperlink-popup[data-v-765a1b45] {
     z-index: 10000 !important;
 }
 }
 @media (min-width: 400px) {
-.style-editor-button.stepper[data-v-ca39333e] {
+.style-editor-button.stepper[data-v-765a1b45] {
     max-width: 32%;
 }
-.style-editor-button-font[data-v-ca39333e] {
+.style-editor-button-font[data-v-765a1b45] {
     max-width: 28%;
 }
-.style-editor-button-stepper[data-v-ca39333e] {
+.style-editor-button-stepper[data-v-765a1b45] {
     max-width: 100%;
 }
-.style-editor-button-textstyle[data-v-ca39333e] {
+.style-editor-button-textstyle[data-v-765a1b45] {
     max-width: 25%;
 }
-.border.desktop[data-v-ca39333e] {
+.border.desktop[data-v-765a1b45] {
     display: block;
 }
-.border.mobile[data-v-ca39333e] {
+.border.mobile[data-v-765a1b45] {
     display: none;
 }
-[data-v-ca39333e] .left-align {
+[data-v-765a1b45] .left-align {
     -webkit-transform: translateX(-25%);
             transform: translateX(-25%);
 }
 }
-.drop-down-item[data-v-ca39333e]:hover {
+.drop-down-item[data-v-765a1b45]:hover {
   background-color: #eee;
 }