/** Shopify CDN: Minification failed Line 97:0 Unexpected "}" Line 299:22 Unexpected "{" **/ /********************* Theme Name: Roseate 2.0.0 Description: Dawn Child Theme for Roseate Author: Andrea Garcia LLC, Jeremy Chai, Shaishav Vashi Template: dawn Version: 11.0.0 Add {{ 'custom.css' | asset_url | stylesheet_tag }} to the section in theme.liquid When you update or change your theme, you need to copy this code to theme.liquid again *********************/ /* */ /* Header */ .header__heading-link { padding: 0; } #shopify-section-sections--18344662728950__announcement-bar { position: sticky !important; top: 0; } /* .section-header { top: 38px !important; } */ @media screen and (min-width: 990px) { #shopify-section-sections--16863833981174__header .list-menu__item { line-height: 0; } } /* Homepage */ @media screen and (max-width: 749px) { .banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content { min-height: 27rem !important; } .h0 { font-size: calc(var(--font-heading-scale) * 3rem); max-width: 100% !important; } #shopify-section-template--18267602911478__79a4e3fd-d035-49bd-897e-c26f89d4d137 h2 { font-size: 150% !important; } } @media screen and (min-width: 750px) { #shopify-section-template--18267602911478__79a4e3fd-d035-49bd-897e-c26f89d4d137 h2 { font-size: 400% !important; } #shopify-section-template--18267602911478__79a4e3fd-d035-49bd-897e-c26f89d4d137 .banner__box { width: 10% !important; } } /* Collection pages */ option[value=best-selling], option[value=title-ascending], option[value=title-descending], option[value=created-ascending], option[value=created-descending] { display: none !important; } /* Product pages */ /* custom card with overlay */ .custom-card-grid-wrapper{ max-width: var(--page-width); margin:0 auto; } .custom-card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 24px; padding: 20px; } .custom-card { border: 1px solid none; border-radius: 12px; padding: 16px; text-align: center; background: #fff; transition: box-shadow 0.3s ease; } .custom-card h4{ text-align: left; margin:0; color:white; font-weight: bold; font-size: 1.2rem; } } .custom-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .custom-card__content{ padding:8px; } .custom-card__image { width: 100%; border-radius: 8px; margin-bottom: 10px; } .custom-card__info p { padding-block: 5px; text-align: left; margin: 0; font-size: 1.1rem; } .custom-card h5 { padding-top: 5px; text-align: left; margin: 0; color: #fff; font-weight: 700; } /* custom-multicolumn-with-image */ .custom-flex-wrapper-multicolumn { display:flex; flex-direction: row-reverse; } div.slider-parent { width: 50%; } .custom-flex-wrapper-multicolumn .image-container { width: 50%; } .custom-multicolumn-ul.grid { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(4, auto); } .custom-flex-wrapper-multicolumn .multicolumn-card { background: white; } .custom-flex-wrapper-multicolumn { flex-direction: row; } .custom-multicolumn-ul.grid .grid__item { max-width: 100%; width: 100%; } .multicolumn_custom-card__image { width: 100%; object-fit: cover; border: 5px solid #e0cad2; border-radius: 5px; } .custom-flex-wrapper-multicolumn { gap: 10px; } .custom-flex-wrapper-multicolumn li h3 { font-weight: normal; font-size: 1.8rem; font-family: "Freight Big Pro Light"; } .custom-flex-wrapper-multicolumn .multicolumn-card__info { padding: 10px; } .custom-flex-wrapper-multicolumn li p { font-size: 1.4rem; font-family: 'Roboto'; } .slider-mobile-gutter { width: 100%; height: 100%; } .slider-mobile-gutter ul { width: 100%; height: 100%; } .custom-flex-wrapper-multicolumn .multicolumn-card__info { background-color: white !important; } .custom-flex-wrapper-multicolumn .multicolumn-card { background: white !important; } @media (max-width: 990px) { .custom-flex-wrapper-multicolumn { flex-direction: column-reverse; } } @media (max-width: 990px) { .custom-flex-wrapper-multicolumn .image-container, div.slider-parent { width: 100%; } .custom-multicolumn-ul.grid { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(2, auto); } } /* custom image with text */ .image-with-text__media { border: 5px solid #F0DBE1; border-radius: 5px; } .custom.image-with-text__text-item { align-self: center; } /* custom multicololumn with text */ .multicolumn_custom-card__image { width: 100%; object-fit: cover; border: 5px solid #F0DBE1; border-radius: 5px; } .custom-flex-wrapper-multicolumn { gap: 10px; } li h3 { font-weight: 600; font-size: 1.6rem; } li p { font-size: 1.6rem; } .slider-mobile-gutter { width: 100%; height: 100%; } .slider-mobile-gutter ul { width: 100%; height: 100%; } .custom-card-grid { display: grid; grid-template-columns: repeat(2, 1fr); /* 2 columns */ grid-template-rows: repeat(2, auto); /* 2 rows */ padding: 0; } .custom-card:hover { box-shadow: none; } .custom-card__image { width: 100%; border-radius: 8px; margin-bottom: 0; } .custom-card__info { position: relative; } .custom-card__content { background-color: #da96aeb0; border-radius: 8px; backdrop-filter: blur(8px); border: 1px solid #ffffff99; color: white; width: 96%; left: 2%; position: absolute; bottom: 20px; box-shadow: 0 4px 12px #fff4; } /* underline selected menu2 pages */ .menu-2 a.active { border-bottom: 2px solid #E0CAD2; text-underline-offset: 5px; transition: text-decoration var(--duration-long) ease; } /* underline selected menu pages */ header-menu a.active, { border-bottom: 2px solid #E0CAD2; text-underline-offset: 5px; transition: text-decoration var(--duration-long) ease; } .additional-menu li.active:after { content: ""; display: block; position: relative; width: 50%; border: 0.1px solid #E0CAD2; margin-top: 0; left: 5%; } .additional-menu li.active { font-weight: bold; } /* heading scale anim */ header .header__heading { margin: 0 auto; transform-origin: center; animation: scaleUp linear both; animation-timeline: scroll(); animation-range: entry 0% entry 20%; } @keyframes scaleUp { from { transform: scale(1); } to { transform: scale(0.9); } } .menu-1 { border-bottom: 1px solid #E0CAD2 } /* heading scale anim end */ /* mobile drawer border */ .details:after, .end-link:after { content: ""; display: block; position: relative; width: 90%; border: 0.1px solid #faf3f5; margin-top: 0; left: 5%; } /* mobile drawer border end */ /* menu hover underline */ .menu-2 ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 1.5rem; } .menu-2 a { text-decoration: none; color: black; font-size: 2.1rem; } .menu-2 a:hover, ul.list-menu a:hover, ul.list-menu span:hover { text-decoration: underline #e0cad2; text-underline-offset: 4px; } /* mobile drawer spacing */ .menu-drawer__menu.secondary-menu.list-menu { margin-top: 50px; } /* 2x2 grid changes */ .custom-card-grid .custom-card__content { max-height: 400px; } .custom-card-grid .custom-card__content p{ font-size:1.4rem; } .custom-card-grid .custom-card__content h4{ font-size:1.3rem; color: #FFFFFFCC; padding-top: 10px; } .custom-card-grid .custom-card__content h5{ font-size:1.7rem; padding-bottom:5px; padding-top:10px; } @media (max-width:1000px) { .custom-card-grid .custom-card__content p{ color:black; } .custom-card__content { width: 100%; } .custom-card img { height: 50vh; object-fit: cover; } .custom-card-grid .custom-card__content { max-height: 320px; } /* fix widths at mobile and color the the */ .custom-card__content { position: unset; } } /* custom-image-with-logo.liquid */ .custom-image-with-logo-flex-wrapper { display: flex; flex-direction: column; } /* hid slider controls */ /* div.product div.slider-buttons { display:none; } */ div.product slider-component.slider-mobile-gutter { display: flex; flex-direction: column; }