.novablocks-media { margin-left: auto; margin-right: auto; } .novablocks-media > .wp-block-group__inner-container { padding-top: 1px; } .novablocks-media .wp-block-group__inner-container > .wp-block { display: -webkit-box; display: -ms-flexbox; display: flex; } .novablocks-media .wp-block-group__inner-container > .wp-block > * { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .novablocks-media__layout { margin-top: calc( -1 * var(--novablocks-media-gutter)); margin-left: calc( -1 * var(--novablocks-media-gutter)); pointer-events: none; } .novablocks-media__layout > * { padding-left: var(--novablocks-media-gutter); margin-top: var(--novablocks-media-gutter); pointer-events: auto; } @media only screen and (min-width: 768px) { .novablocks-media__layout { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .novablocks-media__layout .novablocks-media__aside { -webkit-box-flex: 1; -ms-flex: 1 1 calc( 100% - var(--novablocks-media-content-width, 50%)); flex: 1 1 calc( 100% - var(--novablocks-media-content-width, 50%)); } .novablocks-media__layout .novablocks-media__content { -webkit-box-flex: 1; -ms-flex: 1 1 var(--novablocks-media-content-width, 50%); flex: 1 1 var(--novablocks-media-content-width, 50%); } } .novablocks-media, .novablocks-media .novablocks-advanced-gallery, .novablocks-media__layout, .novablocks-media__aside, .novablocks-media__content { -webkit-transition: var(--novablocks-transition); transition: var(--novablocks-transition); -webkit-transition-property: padding, margin; transition-property: padding, margin; } .novablocks-media[class][class] { --block-top-spacing: var(--novablocks-block-top-spacing); --block-bottom-spacing: var(--novablocks-block-bottom-spacing); --emphasis-top-spacing: var(--novablocks-emphasis-top-spacing); --emphasis-bottom-spacing: var(--novablocks-emphasis-bottom-spacing); } @media only screen and (min-width: 768px) { .novablocks-media[class][class] { margin-top: calc( var(--block-top-spacing, 0) * var(--novablocks-media-spacing)); margin-bottom: calc( var(--block-bottom-spacing, 0) * var(--novablocks-media-spacing)); padding-top: calc( -1 * var(--emphasis-top-spacing, 0) * var(--novablocks-media-spacing)); padding-bottom: calc( -1 * var(--emphasis-bottom-spacing, 0) * var(--novablocks-media-spacing)); } .novablocks-media[class][class] .components-placeholder, .novablocks-media[class][class] .novablocks-advanced-gallery { margin-top: calc( var(--emphasis-top-spacing, 0) * var(--novablocks-media-spacing)); margin-bottom: calc( var(--emphasis-bottom-spacing, 0) * var(--novablocks-media-spacing)); } .novablocks-media[class][class] .novablocks-media__content { padding-top: calc( var(--emphasis-top-spacing, 0) * var(--novablocks-media-spacing)); padding-bottom: calc( var(--emphasis-bottom-spacing, 0) * var(--novablocks-media-spacing)); } } @media not screen and (min-width: 768px) { .novablocks-media[class][class] { --novablocks-media-gutter: 0 !important; --block-top-spacing: 1; --block-bottom-spacing: 1; --emphasis-top-spacing: 0; --emphasis-bottom-spacing: 0; } .novablocks-media[class][class] .novablocks-block, .novablocks-media[class][class] .novablocks-media__content, .novablocks-media[class][class] .novablocks-media__aside { padding-top: calc( var(--novablocks-media-spacing) * 0.5); padding-bottom: calc( var(--novablocks-media-spacing) * 0.5); } } .novablocks-media .novablocks-block[class] { background: -webkit-gradient(linear, left top, left bottom, from(var(--novablocks-media-background-direction)), color-stop(0, var(--novablocks-bg-color)), color-stop(var(--novablocks-bg-color)), to(transparent)); background: linear-gradient(var(--novablocks-media-background-direction), var(--novablocks-bg-color) 0, var(--novablocks-bg-color) calc(var(--emphasis-area) * 1%), transparent calc(var(--emphasis-area) * 1%)); background-size: 100% 100%; } @media not screen and (min-width: 768px) { .novablocks-media .novablocks-block[class] { --emphasis-area: 100; } } .novablocks-media.has-image-on-the-left { --novablocks-media-background-direction: -90deg; } .novablocks-media__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .novablocks-media__content:before, .novablocks-media__content:after { content: ''; display: block; height: 0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .novablocks-u-valign-top .novablocks-media__content:before, .novablocks-u-valign-top .novablocks-media__content:after, .novablocks-u-valign-center .novablocks-media__content:before, .novablocks-u-valign-center .novablocks-media__content:after, .novablocks-u-valign-bottom .novablocks-media__content:before, .novablocks-u-valign-bottom .novablocks-media__content:after { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .novablocks-u-valign-top .novablocks-media__content:before { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .novablocks-u-valign-bottom .novablocks-media__content:after { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .novablocks-media__inner-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .novablocks-u-valign-top .novablocks-media__inner-container, .novablocks-u-valign-center .novablocks-media__inner-container, .novablocks-u-valign-bottom .novablocks-media__inner-container { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .novablocks-media__inner-container.has-image-on-the-left { --novablocks-media-background-direction: -90deg; } .novablocks-media__inner-container > * { width: 100%; } .novablocks-media__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; word-break: break-word; } .novablocks-media__aside { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 400px; } @media only screen and (min-width: 768px) { .has-image-on-the-left .novablocks-media__aside { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .novablocks-media__aside > .novablocks-advanced-gallery { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } @media not screen and (min-width: 768px) { .novablocks-media__aside > .novablocks-advanced-gallery { margin-top: 0; margin-bottom: 0; } } .novablocks-media__aside > .block-editor-media-placeholder { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .novablocks-media__aside .novablocks-advanced-gallery__grid { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .novablocks-media__image:nth-child(n + 5) { display: none; } @font-face { font-family: 'rosa2_icons'; src: url(//myungka-restaurant.fr/wp-content/themes/rosa2/assets/fonts/custom-fontawesome/icons.eot?kdq7n6); src: url(//myungka-restaurant.fr/wp-content/themes/rosa2/assets/fonts/custom-fontawesome/icons.eot?kdq7n6#iefix) format("embedded-opentype"), url(//myungka-restaurant.fr/wp-content/themes/rosa2/assets/fonts/custom-fontawesome/icons.ttf?kdq7n6) format("truetype"), url(//myungka-restaurant.fr/wp-content/themes/rosa2/assets/fonts/custom-fontawesome/icons.woff?kdq7n6) format("woff"), url(//myungka-restaurant.fr/wp-content/themes/rosa2/assets/fonts/custom-fontawesome/icons.svg?kdq7n6#rosa2_icons) format("svg"); font-weight: normal; font-style: normal; font-display: block; } :root { --enable-social-icons: 1; } .novablocks-navigation [href*="facebook"], .novablocks-navigation [href*="twitter"], .novablocks-navigation [href*="instagram"], .novablocks-navigation [href*="youtube"], .novablocks-navigation [href*="pinterest"], .novablocks-navigation [href*="dropbox"], .novablocks-navigation [href*="flickr"], .novablocks-navigation [href*="tumblr"], .novablocks-navigation [href*="apple"], .novablocks-navigation [href*="dribbble"], .novablocks-navigation [href*="skype"], .novablocks-navigation [href*="foursquare"], .novablocks-navigation [href*="vk"], .novablocks-navigation [href*="reddit"], .novablocks-navigation [href*="stumbleupon"], .novablocks-navigation [href*="delicious"], .novablocks-navigation [href*="digg"], .novablocks-navigation [href*="behance"], .novablocks-navigation [href*="spotify"], .novablocks-navigation [href*="deviantart"], .novablocks-navigation [href*="soundcloud"], .novablocks-navigation [href*="codepen"], .novablocks-navigation [href*="slideshare"], .novablocks-navigation [href*="twitch"], .novablocks-navigation [href*="yelp"], .novablocks-navigation [href*="medium"], .novablocks-navigation [href*="tripadvisor"], .novablocks-navigation [href*="pocket.com"], .novablocks-navigation [href*="500px"], .novablocks-navigation [href*="amazon"], .novablocks-navigation [href*="vimeo"], .novablocks-navigation [href*="snapchat"], .novablocks-navigation [href*="bandcamp"], .novablocks-navigation [href*="etsy"], .novablocks-navigation [href*="meetup"], .novablocks-navigation [href*="tel:"], .novablocks-navigation [href*="mailto:"], .novablocks-navigation [href*="feed"] { --is-social: 1; } .social-menu-item { display: flex; align-items: center; } .social-menu-item > a { padding-bottom: 0; margin-bottom: 0; font-size: 0; transition: var(--theme-transition); transition-property: opacity; } .social-menu-item > a:before { font-size: calc( var(--icons-size-multiplier) * var(--current-font-size)); vertical-align: middle; font-family: 'rosa2_icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-menu-item > a[href*="facebook"]:before { content: "\f09a"; } .social-menu-item > a[href*="twitter"]:before { content: "\f099"; } .social-menu-item > a[href*="instagram"]:before { content: "\f16d"; } .social-menu-item > a[href*="youtube"]:before { content: "\f167"; } .social-menu-item > a[href*="pinterest"]:before { content: "\f0d2"; } .social-menu-item > a[href*="dropbox"]:before { content: "\f16b"; } .social-menu-item > a[href*="flickr"]:before { content: "\f16e"; } .social-menu-item > a[href*="tumblr"]:before { content: "\f173"; } .social-menu-item > a[href*="apple"]:before { content: "\f179"; } .social-menu-item > a[href*="dribbble"]:before { content: "\f17d"; } .social-menu-item > a[href*="skype"]:before { content: "\f17e"; } .social-menu-item > a[href*="foursquare"]:before { content: "\f180"; } .social-menu-item > a[href*="vk"]:before { content: "\f189"; } .social-menu-item > a[href*="reddit"]:before { content: "\f1a1"; } .social-menu-item > a[href*="stumbleupon"]:before { content: "\f1a4"; } .social-menu-item > a[href*="delicious"]:before { content: "\f1a5"; } .social-menu-item > a[href*="digg"]:before { content: "\f1a6"; } .social-menu-item > a[href*="behance"]:before { content: "\f1b4"; } .social-menu-item > a[href*="spotify"]:before { content: "\f1bc"; } .social-menu-item > a[href*="deviantart"]:before { content: "\f1bd"; } .social-menu-item > a[href*="soundcloud"]:before { content: "\f1be"; } .social-menu-item > a[href*="codepen"]:before { content: "\f1cb"; } .social-menu-item > a[href*="slideshare"]:before { content: "\f1e7"; } .social-menu-item > a[href*="twitch"]:before { content: "\f1e8"; } .social-menu-item > a[href*="yelp"]:before { content: "\f1e9"; } .social-menu-item > a[href*="medium"]:before { content: "\f23a"; } .social-menu-item > a[href*="tripadvisor"]:before { content: "\f262"; } .social-menu-item > a[href*="pocket.com"]:before { content: "\f265"; } .social-menu-item > a[href*="500px"]:before { content: "\f26e"; } .social-menu-item > a[href*="amazon"]:before { content: "\f270"; } .social-menu-item > a[href*="vimeo"]:before { content: "\f27d"; } .social-menu-item > a[href*="snapchat"]:before { content: "\f2ab"; } .social-menu-item > a[href*="bandcamp"]:before { content: "\f2d5"; } .social-menu-item > a[href*="etsy"]:before { content: "\f2d7"; } .social-menu-item > a[href*="meetup"]:before { content: "\f2e0"; } .social-menu-item > a[href*="tel:"]:before { content: "\f095"; } .social-menu-item > a[href*="mailto:"]:before { content: "\f0e0"; } .social-menu-item > a[href*="feed"]:before { content: "\f09e"; } @media not screen and (min-width: 1024px) { .social-menu-item { display: inline-block; } .social-menu-item:not(:last-child) { margin-right: var(--theme-spacing-small); margin-bottom: var(--theme-spacing-micro); } } :root { --theme-style-manager-fluid-unit: calc( var(--theme-spacing-fluid) / var(--theme-body-font-size) ); --theme-style-manager-fluid-font-size: calc( 1em / var(--theme-body-font-size) ); --theme-font-size-breakpoint: 1440; --theme-font-size-minimum-value: 16; --theme-font-size-minimum-value-breakpoint: 320; --theme-font-size-slope-adjust: 0.6; --theme-addon-unit: calc( 1vw - var(--theme-font-size-breakpoint) * 1px / 100 ); --theme-addon-multiplier: 0; --theme-addon: calc( var(--theme-addon-unit) * var(--theme-addon-multiplier) ); --theme-body-font-family: Reforma1969, sans-serif; --theme-body-font-size: 16; --theme-body-line-height: 1.7; --theme-body-font-weight: 400; --theme-body-font-style: normal; --theme-body-letter-spacing: -0.03em; --theme-content-font-family: Reforma1969, sans-serif; --theme-content-font-size: 18; --theme-content-line-height: 1.6; --theme-content-font-style: normal; --theme-content-letter-spacing: -0.03em; --theme-lead-font-family: Reforma1969, sans-serif; --theme-lead-font-size: 24; --theme-lead-font-style: normal; --theme-lead-line-height: 1.6; --theme-lead-letter-spacing: -0.02em; --theme-lead-text-transform: none; --theme-caption-font-family: Reforma1969, sans-serif; --theme-caption-font-size: 16; --theme-caption-font-weight: normal; --theme-caption-line-height: 1.6; --theme-caption-letter-spacing: -0.03em; --theme-super-display-font-family: Reforma1969, sans-serif; --theme-super-display-font-size: 165; --theme-super-display-font-style: normal; --theme-super-display-line-height: 1; --theme-super-display-font-weight: 700; --theme-super-display-letter-spacing: -0.03em; --theme-super-display-text-transform: none; --theme-super-display-color: var(--sm-current-fg2-color); --theme-display-font-family: Reforma1969, sans-serif; --theme-display-font-size: 115; --theme-display-font-style: normal; --theme-display-line-height: 1.03; --theme-display-font-weight: 700; --theme-display-letter-spacing: -0.03em; --theme-display-text-transform: none; --theme-display-color: var(--sm-current-fg2-color); --theme-heading-1-font-family: Reforma1969, sans-serif; --theme-heading-1-font-size: 66; --theme-heading-1-font-style: normal; --theme-heading-1-line-height: 1.1; --theme-heading-1-font-weight: 700; --theme-heading-1-letter-spacing: -0.03em; --theme-heading-1-text-transform: none; --theme-heading-1-color: var(--sm-current-fg2-color); --theme-heading-2-font-family: Reforma1969, sans-serif; --theme-heading-2-font-size: 40; --theme-heading-2-font-style: normal; --theme-heading-2-font-weight: 700; --theme-heading-2-line-height: 1.2; --theme-heading-2-letter-spacing: -0.02em; --theme-heading-2-text-transform: none; --theme-heading-2-color: var(--sm-current-fg2-color); --theme-heading-3-font-family: Reforma1969, sans-serif; --theme-heading-3-font-size: 32; --theme-heading-3-font-style: normal; --theme-heading-3-font-weight: 700; --theme-heading-3-line-height: 1.2; --theme-heading-3-letter-spacing: -0.02em; --theme-heading-3-text-transform: none; --theme-heading-3-color: var(--sm-current-fg2-color); --theme-heading-4-font-family: Reforma1969, sans-serif; --theme-heading-4-font-size: 24; --theme-heading-4-font-weight: 700; --theme-heading-4-font-style: normal; --theme-heading-4-line-height: 1.2; --theme-heading-4-letter-spacing: -0.02em; --theme-heading-4-text-transform: none; --theme-heading-4-color: var(--sm-current-fg2-color); --theme-heading-5-font-family: Reforma2018, sans-serif; --theme-heading-5-font-size: 17; --theme-heading-5-font-weight: 700; --theme-heading-5-font-style: normal; --theme-heading-5-line-height: 1.5; --theme-heading-5-letter-spacing: 0.017em; --theme-heading-5-text-transform: none; --theme-heading-5-color: var(--sm-current-fg2-color); --theme-heading-6-font-family: Reforma2018, sans-serif; --theme-heading-6-font-size: 17; --theme-heading-6-font-weight: 500; --theme-heading-6-font-style: normal; --theme-heading-6-line-height: 1.5; --theme-heading-6-letter-spacing: 0.017em; --theme-heading-6-text-transform: none; --theme-heading-6-color: var(--sm-current-fg2-color); --theme-navigation-font-family: Reforma2018, sans-serif; --theme-navigation-font-size: 17; --theme-navigation-font-weight: 500; --theme-navigation-font-style: normal; --theme-navigation-line-height: 1.5; --theme-navigation-letter-spacing: 0.017em; --theme-navigation-text-transform: none; --theme-meta-font-family: Reforma2018, sans-serif; --theme-meta-font-size: 17; --theme-meta-font-weight: 500; --theme-meta-font-style: normal; --theme-meta-line-height: 1.5; --theme-meta-letter-spacing: 0.017em; --theme-meta-text-transform: none; --theme-button-font-family: Reforma2018, sans-serif; --theme-button-font-size: 17; --theme-button-font-weight: 500; --theme-button-font-style: normal; --theme-button-line-height: 1.2; --theme-button-letter-spacing: 0.03em; --theme-button-text-transform: none; --theme-input-font-family: Reforma1969, sans-serif; --theme-input-font-size: 16; --theme-input-font-weight: 500; --theme-input-font-style: normal; --theme-input-line-height: 1.3; --theme-input-letter-spacing: 0.03em; --theme-input-text-transform: none; --theme-accent-font-family: Billy Ohio, sans-serif; --theme-accent-font-weight: 400; --theme-accent-font-style: normal; --theme-accent-letter-spacing: normal; --theme-accent-text-transform: none; --current-font-feature: none; } @media only screen and (min-width: 1440px) { :root { --theme-font-size-slope-adjust: 0.4; --theme-addon-multiplier: 1; } } * { --x0: var(--theme-font-size-minimum-value-breakpoint); --y0: var(--theme-font-size-minimum-value); --x1: var(--theme-font-size-breakpoint); --font-size-modifier: 1; --y1: var(--font-size); --y0-new: calc( var(--y1) - ( var(--y1) - var(--y0) ) * var(--theme-font-size-slope-adjust) ); --a: calc( ( var(--y1) - var(--y0-new) ) / ( var(--x1) - var(--x0) ) ); --b: calc( var(--y0-new) - var(--a) * var(--x0) ); --y2: calc( var(--a) * 100vw + var(--b) * 1px ); --final-font-size: calc( var(--font-size-modifier) * ( var(--y2) + var(--theme-addon) ) ); font-family: var(--current-font-family); font-size: var(--current-font-size); line-height: var(--current-line-height); font-weight: var(--current-font-weight); font-style: var(--current-font-style); letter-spacing: var(--current-letter-spacing); text-transform: var(--current-text-transform); font-feature-settings: var(--current-font-feature); color: var(--current-color); } :root { --theme-content-width-wide-addon: var(--sm-site-container-width, 75); --theme-content-width-wide: calc(var(--theme-content-width-wide-addon) * var(--theme-body-final-font-size)); --theme-content-spacing: var(--theme-spacing-fluid-small); --theme-wrapper-sides-spacing: var(--theme-spacing-fluid-small); } :root { --theme-links-transition-property: text-decoration-color; --theme-links-transition-duration: .25s; --theme-links-transition-easing: cubic-bezier(0.42, 0, 0.58, 1); --theme-links-transition: var(--theme-links-transition-property) var(--theme-links-transition-duration) var(--theme-links-transition-easing); } :root { --theme-spacing-ratio: var(--sm-spacing-level, 1); --spacing-x0: var(--theme-font-size-minimum-value-breakpoint); --spacing-y0: 10; --spacing-x1: var(--theme-font-size-breakpoint); --spacing-y1: calc(16 * var(--theme-spacing-ratio)); --spacing-y0-new: calc( var(--spacing-y1) - ( var(--spacing-y1) - var(--spacing-y0) ) ); --spacing-a: calc( ( var(--spacing-y1) - var(--spacing-y0-new) ) / ( var(--spacing-x1) - var(--spacing-x0) ) ); --spacing-b: calc( var(--spacing-y0-new) - var(--spacing-a) * var(--spacing-x0) ); --theme-spacing: calc( var(--spacing-y1) * 1px ); --theme-spacing-fluid: calc( var(--spacing-a) * 100vw + var(--spacing-b) * 1px ); --theme-spacing-micro: calc( var( --theme-spacing ) * 0.25 ); --theme-spacing-fluid-micro: calc( var( --theme-spacing-fluid ) * 0.25 ); --theme-spacing-tiny: calc( var( --theme-spacing ) * 0.5 ); --theme-spacing-fluid-tiny: calc( var( --theme-spacing-fluid ) * 0.5 ); --theme-spacing-default: calc( var( --theme-spacing ) * 1 ); --theme-spacing-fluid-default: calc( var( --theme-spacing-fluid ) * 1 ); --theme-spacing-xsmall: calc( var( --theme-spacing ) * 1.5 ); --theme-spacing-fluid-xsmall: calc( var( --theme-spacing-fluid ) * 1.5 ); --theme-spacing-small: calc( var( --theme-spacing ) * 2 ); --theme-spacing-fluid-small: calc( var( --theme-spacing-fluid ) * 2 ); --theme-spacing-medium: calc( var( --theme-spacing ) * 3 ); --theme-spacing-fluid-medium: calc( var( --theme-spacing-fluid ) * 3 ); --theme-spacing-large: calc( var( --theme-spacing ) * 4 ); --theme-spacing-fluid-large: calc( var( --theme-spacing-fluid ) * 4 ); --theme-spacing-xl: calc( var( --theme-spacing ) * 5 ); --theme-spacing-fluid-xl: calc( var( --theme-spacing-fluid ) * 5 ); --theme-spacing-xxl: calc( var( --theme-spacing ) * 8 ); --theme-spacing-fluid-xxl: calc( var( --theme-spacing-fluid ) * 8 ); } :root { --theme-transition-duration-slow: 1s; --theme-transition-duration-normal: .4s; --theme-transition-duration-fast: .3s; --theme-transition-duration-quick: .15s; --theme-transition-duration: var(--theme-transition-duration-normal); --theme-transition-easing: cubic-bezier(0.25, 0.1, 0.25, 1); --theme-transition: all var(--theme-transition-duration) var(--theme-transition-easing); } /* Header Custom Properties */ :root { --theme-header-logo-height-setting: 22; --theme-header-logo-height: calc( var(--theme-header-logo-height-setting) * var(--theme-style-manager-fluid-font-size) ); --theme-mobile-header-logo-height-setting: 20; --theme-mobile-header-logo-height: calc( var(--theme-mobile-header-logo-height-setting) * 1px ); --theme-header-links-spacing-setting: 32; --theme-header-links-spacing: calc( var(--theme-header-links-spacing-setting) * var(--theme-style-manager-fluid-unit) ); --theme-header-sides-spacing-setting: 48; --theme-header-sides-spacing: calc( var(--theme-header-sides-spacing-setting) * var(--theme-style-manager-fluid-unit) ); } /* Button Custom Properties */ :root { --theme-button-border-width: 2px; --theme-button-border-style: solid; --theme-button-border-radius: 0; --theme-button-x-padding: 1.5em; --theme-button-y-padding: .75em; --theme-button-padding: var(--theme-button-y-padding) var(--theme-button-x-padding); --theme-button-transition-duration: var(--theme-transition-duration); --theme-button-transition-easing: var(--theme-transition-easing); --theme-button-transition: all var(--theme-button-transition-duration) var(--theme-button-transition-easing); --theme-button-hover-transition: var(--theme-button-transition); } :root { --theme-input-padding: .35em; --theme-checkbox-width: 1.38rem; --theme-checkbox-height: 1.38rem; --opacity-color: 255, 255, 255; } @media only screen and (min-width: 768px) { :root { --theme-input-padding: .833em; } } * { --theme-input-color: var(--sm-current-fg1-color); --theme-input-error-color: var(--theme-error-color); --theme-input-background-color: var(--sm-current-bg-color); --theme-input-disabled-background-color: var(--sm-current-fg1-color); --theme-input-overlay-shadow: inset 0px 0px 0px 1px rgba(var(--opacity-color), 0.70); --theme-input-colored-shadow: inset 0px 0px 0px 1px var(--sm-current-fg2-color); --theme-input-box-shadow: var(--theme-input-overlay-shadow), var(--theme-input-colored-shadow); --theme-input-border-color: var(--sm-current-bg-color); --theme-input-error-border-color: var(--theme-input-error-color); --theme-input-disabled-border-color: var(--sm-current-fg1-color); --theme-input-border-radius: 0px; --theme-input-focus-overlay-shadow: inset 0px 0px 0px 2px rgba(var(--opacity-color), 0.40); --theme-input-focus-colored-shadow: inset 0px 0px 0px 2px var(--sm-current-accent-color); --theme-input-focus-shadow: 0 0 9px -3px var(--sm-current-accent-color); --theme-input-focus-box-shadow: var(--theme-input-focus-overlay-shadow), var(--theme-input-focus-colored-shadow), var(--theme-input-focus-shadow); --theme-input-hover-overlay-shadow: inset 0px 0px 0px 1px rgba(var(--opacity-color), 0.30); --theme-input-hover-colored-shadow: inset 0px 0px 0px 1px var(--sm-current-fg2-color); --theme-input-hover-box-shadow: var(--theme-input-hover-overlay-shadow), var(--theme-input-hover-colored-shadow); --theme-input-error-focus-overlay-shadow: 0px 0px 0px 2px rgba(var(--opacity-color), 0.40); --theme-input-error-focus-colored-shadow: 0px 0px 0px 2px var(--theme-input-error-color); --theme-input-error-focus-shadow: 0 0 9px -3px var(--theme-input-error-color); --theme-input-error-box-shadow: 0px 0px 0px 1px var(--theme-input-error-color); --theme-input-focus-error-box-shadow: var(--theme-input-error-focus-overlay-shadow), var(--theme-input-error-focus-colored-shadow), var(--theme-input-error-focus-shadow); --theme-input-placeholder-color: var(--sm-current-fg1-color); --theme-input-placeholder-opacity: .5; --theme-input-label-color: var(--sm-current-fg1-color); --theme-input-legend-color: var(--sm-current-fg1-color); --theme-input-vertical-spacing: var(--theme-spacing-tiny); --theme-input-horizontal-spacing: var(--theme-spacing-tiny); } figure > :not(:first-child) { margin-top: var(--theme-spacing-tiny); } pre, code { border: 1px solid; border-radius: 0.2em; background: var(--sm-current-bg-color); } pre { padding: 1em; } code { padding: 0.1em; } pre code { background: transparent; } body { transition: var(--theme-transition); transition-property: opacity; } body.is-loading { opacity: 0; } html:not(.wf-active) { pointer-events: none; } .wc-block-grid__product-onsale { transition: var(--theme-transition); transition-property: color; } html:not(.wf-active) .wc-block-grid__product-onsale { color: transparent; } .wc-block-grid__product-title, .wc-block-grid__product-price { transition: var(--theme-transition); transition-property: opacity; } html:not(.wf-active) .wc-block-grid__product-title, html:not(.wf-active) .wc-block-grid__product-price { opacity: 0; } .woocommerce-products-header, .woocommerce-notices-wrapper, .woocommerce-result-count, .woocommerce-ordering { transition: var(--theme-transition); transition-property: opacity; } html:not(.wf-active) .woocommerce-products-header, html:not(.wf-active) .woocommerce-notices-wrapper, html:not(.wf-active) .woocommerce-result-count, html:not(.wf-active) .woocommerce-ordering { opacity: 0; } .novablocks-media__image { background-color: var(--sm-current-bg-color); border: 2px solid var(--sm-current-color-3); } .entry-content > :not(.wp-block-group):not(.novablocks-media):not(.disabled-avoid-fout), [class*="__inner-container"]:not(.novablocks-hero__inner-container) > :not(.wp-block-group):not(.novablocks-media):not(.disabled-avoid-fout) { transition: var(--theme-transition); transition-property: opacity; } html:not(.wf-active) .entry-content > :not(.wp-block-group):not(.novablocks-media):not(.disabled-avoid-fout), html:not(.wf-active) [class*="__inner-container"]:not(.novablocks-hero__inner-container) > :not(.wp-block-group):not(.novablocks-media):not(.disabled-avoid-fout) { opacity: 0; } .novablocks-hero__inner-container[class][class] > * { transition-property: none; } body:not(.wf-active) .novablocks-media .wp-block-group__inner-container > .wp-block { opacity: 1; } body:not(.has-loaded) .c-comments-toggle__checkbox + .c-comments-toggle__label ~ * { display: none; } .comments-area { transition: var(--theme-transition); transition-property: opacity; } html:not(.wf-active) .comments-area { opacity: 0; } /* Pages */ body.blog, body.archive:not(.woocommerce-page), body.search:not(.search-no-results) { background-color: var(--sm-current-bg-color); } body.blog .novablocks-media__inner-container, body.archive:not(.woocommerce-page) .novablocks-media__inner-container, body.search:not(.search-no-results) .novablocks-media__inner-container { text-align: center; } @media only screen and (min-width: 1024px) { .blog .entry-content .wp-block-group .wp-block-group__inner-container, .archive .entry-content .wp-block-group .wp-block-group__inner-container, .search .entry-content .wp-block-group .wp-block-group__inner-container { --display-mode: grid; } } .blog .wp-block, .archive .wp-block, .search .wp-block { width: 100%; } @media not screen and (min-width: 1024px) { .blog .entry-content, .archive .entry-content, .search .entry-content { --display-mode: block; } } .single.single-post { background: var(--sm-current-bg-color); } .single .site-content { background-color: var(--sm-current-bg-color); } @media not screen and (min-width: 1024px) { .single .site-content { padding-top: 0; } .single .site-content .entry-header { padding-top: var(--theme-spacing-fluid-large); } } .single .hentry > :not(:first-child), .page .hentry > :not(:first-child) { margin-top: var(--theme-spacing-large); } .single .entry-header > *, .page .entry-header > * { transition: var(--theme-transition); transition-property: opacity; } html:not(.wf-active) .single .entry-header > *, html:not(.wf-active) .page .entry-header > * { opacity: 0; } .single .entry-header, .page .entry-header { --element-spacing: var(--theme-spacing-fluid-xsmall); } .single .entry-header > :not(:first-child), .page .entry-header > :not(:first-child) { margin-top: var(--theme-spacing-fluid-xsmall); } .single .entry-header .entry-thumbnail, .page .entry-header .entry-thumbnail { padding-top: var(--theme-spacing-fluid-large); } .single .entry-thumbnail__wrapper, .page .entry-thumbnail__wrapper { display: flex; justify-content: center; margin-left: auto; margin-right: auto; } .single .entry-thumbnail__container, .page .entry-thumbnail__container { background-color: var(--sm-current-bg-color); width: 100%; } @media only screen and (min-width: 1024px) { .single .novablocks-header:not(.novablocks-header--scrolled) { background-color: transparent; } .single .novablocks-header:not(.novablocks-header--scrolled):after { opacity: 0; } } .post-password-form input[type='submit'] { width: 100%; margin-top: var(--theme-spacing-small); } .article-navigation { margin-bottom: 3em; } .entry-thumbnail { z-index: 2; } .entry-thumbnail img { width: 100%; height: 100%; max-height: 100%; object-fit: cover; top: 0; left: 0; transform: none; } .article-header .entry-header { transform: translateZ(0); display: flex; flex-direction: column; flex-grow: 1; background: none; padding-bottom: calc( 0.5 * var(--theme-spacing-fluid-large)); } .article-header .entry-header:before { content: ''; position: absolute; top: calc(-1 * var(--theme-spacing-fluid-large)); right: -100vw; bottom: 0; left: -100vw; z-index: -1; display: block; background-color: var(--sm-current-bg-color); pointer-events: none; } body.single .site-main .has-post-thumbnail .article-header .entry-header:before { bottom: calc(-2 * var(--theme-spacing-fluid-large)); } .article-header .entry-header + .entry-thumbnail { position: relative; z-index: 10; margin-top: calc( 0.5 * var(--theme-spacing-fluid-small)); } .article-header .entry-header .cat-links { --current-font-weight: 700; } .article-header .entry-header .cat-links a { color: var(--sm-current-accent-color); text-decoration: none; } .article-header .entry-header .entry-title { --current-font-weight: 800; --current-line-height: 1.2; } .article-header a { display: inline-block; } .article-header a:not(.c-button__link) { position: relative; } .article-header a:not(.c-button__link):before { content: ''; position: absolute; bottom: 0; width: 100%; height: 3px; background: currentColor; transform: scale3d(0, 1, 1); transform-origin: right; transition: var(--theme-transition); transition-property: transform; will-change: transform; -webkit-backface-visibility: hidden; } .article-header a:not(.c-button__link):hover:before { transform: scale3d(1, 1, 1); transform-origin: left; } .article-header .cat-links, .article-header .entry-excerpt { --font-size: var(--theme-lead-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-lead-font-family); --current-font-style: var(--theme-lead-font-style); --current-line-height: var(--theme-lead-line-height); --current-letter-spacing: var(--theme-lead-letter-spacing); --current-text-transform: var(--theme-lead-text-transform); } .error404 .content-area, .search-no-results .content-area { height: 100%; display: flex; align-items: center; justify-content: center; padding-top: var(--theme-spacing-fluid-xl); padding-bottom: var(--theme-spacing-fluid-xl); text-align: center; } .avatar { display: block; border-radius: 50%; } .comment__header a { text-decoration-color: transparent; } .comment__header a:hover { text-decoration-color: var(--sm-current-accent-color); } .wp-block-button__link { transition: var(--current-button-transition); } .wp-block-button { display: flex; } .wp-block-button:not(.is-style-text) .wp-block-button__link { display: inline-block; text-decoration: none; --theme-button-text-color: var(--sm-current-bg-color); --theme-button-background-color: var(--sm-button-background-color); --theme-button-border-color: var(--sm-button-background-color); --theme-button-hover-text-color: var(--sm-button-background-color); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-button-background-color); --current-button-background-color: var(--theme-button-background-color); --current-button-border-color: var(--theme-button-border-color); --current-button-text-color: var(--theme-button-text-color); --current-button-transition: var(--theme-button-transition); background-color: var(--current-button-background-color); color: var(--current-button-text-color); --font-size: var(--theme-button-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-button-font-family); --current-font-weight: var(--theme-button-font-weight); --current-font-style: var(--theme-button-font-style); --current-line-height: var(--theme-button-line-height); --current-letter-spacing: var(--theme-button-letter-spacing); --current-text-transform: var(--theme-button-text-transform); } .wp-block-button:not(.is-style-text) .wp-block-button__link:not([disabled]) { cursor: pointer; } .wp-block-button:not(.is-style-text) .wp-block-button__link:not([disabled]):hover { --current-button-background-color: var(--theme-button-hover-background-color); --current-button-border-color: var(--theme-button-hover-border-color); --current-button-text-color: var(--theme-button-hover-text-color); --current-button-transition: var(--theme-button-hover-transition); } .wp-block-button:not([class*="is-style"]) .wp-block-button__link:not(.has-background) { background-color: transparent; transform: translateZ(0); will-change: transform; backface-visibility: hidden; overflow: hidden; } .wp-block-button:not([class*="is-style"]) .wp-block-button__link:not(.has-background):before { content: ''; position: absolute; top: calc( -1 * var(--theme-button-border-width)); right: calc( -1 * var(--theme-button-border-width)); bottom: calc( -1 * var(--theme-button-border-width)); left: calc( -1 * var(--theme-button-border-width)); z-index: -1; will-change: transform; -webkit-backface-visibility: hidden; transition: var(--current-button-transition); transition-property: transform; } .wp-block-button:not([class*="is-style"]) .wp-block-button__link:not(.has-background):before { transform: scale3d(1, 1, 1); transform-origin: right; background-color: var(--theme-button-background-color); } .wp-block-button:not([class*="is-style"]) .wp-block-button__link:not(.has-background):not([disabled]):hover:before { transform: scale3d(0, 1, 1); } .wp-block-button.is-style-primary .wp-block-button__link[class] { background-color: transparent; transform: translateZ(0); will-change: transform; backface-visibility: hidden; overflow: hidden; } .wp-block-button.is-style-primary .wp-block-button__link[class]:before { content: ''; position: absolute; top: calc( -1 * var(--theme-button-border-width)); right: calc( -1 * var(--theme-button-border-width)); bottom: calc( -1 * var(--theme-button-border-width)); left: calc( -1 * var(--theme-button-border-width)); z-index: -1; will-change: transform; -webkit-backface-visibility: hidden; transition: var(--current-button-transition); transition-property: transform; } .wp-block-button.is-style-primary .wp-block-button__link[class]:before { transform: scale3d(1, 1, 1); transform-origin: right; background-color: var(--theme-button-background-color); } .wp-block-button.is-style-primary .wp-block-button__link[class]:not([disabled]):hover:before { transform: scale3d(0, 1, 1); } .wp-block-button.is-style-secondary .wp-block-button__link[class] { background-color: transparent; transform: translateZ(0); will-change: transform; backface-visibility: hidden; overflow: hidden; --current-button-text-color: var(--theme-button-hover-text-color); } .wp-block-button.is-style-secondary .wp-block-button__link[class]:before { content: ''; position: absolute; top: calc( -1 * var(--theme-button-border-width)); right: calc( -1 * var(--theme-button-border-width)); bottom: calc( -1 * var(--theme-button-border-width)); left: calc( -1 * var(--theme-button-border-width)); z-index: -1; will-change: transform; -webkit-backface-visibility: hidden; transition: var(--current-button-transition); transition-property: transform; } .wp-block-button.is-style-secondary .wp-block-button__link[class]:before { transform: scale3d(0, 1, 1); transform-origin: left; background-color: var(--theme-button-background-color); } .wp-block-button.is-style-secondary .wp-block-button__link[class]:not([disabled]):hover { --current-button-text-color: var(--theme-button-text-color); } .wp-block-button.is-style-secondary .wp-block-button__link[class]:not([disabled]):hover:before { transform: scale3d(1, 1, 1); } .wp-block-button.is-style-text .wp-block-button__link { padding: 0; border-width: 0; position: relative; padding-right: 1.15em; padding-bottom: .3em; margin-right: calc( -1 * 1.15em); background: none !important; text-decoration: none; --theme-button-text-color: var(--sm-current-accent-color); --theme-button-hover-text-color: var(--sm-current-accent-color); } .wp-block-button.is-style-text .wp-block-button__link:before { content: ''; position: absolute; bottom: 0; right: 1.15em; width: calc(100% - 1.15em); height: .1em; transform: scale3d(1, 1, 1); will-change: transform; -webkit-backface-visibility: hidden; transform-origin: left; background: currentColor; transition: var(--theme-button-transition); transition-property: transform; } .wp-block-button.is-style-text .wp-block-button__link:after { content: ''; opacity: 0; transform: translate(0, -50%) scale(-1, 1); } @supports (mask-clip: initial) or (-webkit-mask-clip: initial) { .wp-block-button.is-style-text .wp-block-button__link:after { position: absolute; top: 50%; right: 0; display: inline-block; width: 1.15em; height: 1.15em; mask: url(//myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-arrow.svg) no-repeat 50% 50%; mask-size: cover; -webkit-mask: url(//myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-arrow.svg) no-repeat 50% 50%; -webkit-mask-size: cover; background-color: currentColor; vertical-align: text-bottom; transform: translate(0, -50%) scale(-1, 1); transition: var(--theme-button-transition); transition-property: opacity, transform; } } .wp-block-button.is-style-text .wp-block-button__link:not([disabled]):hover { color: var(--theme-button-text-color); } .wp-block-button.is-style-text .wp-block-button__link:not([disabled]):hover:before { transform: scale3d(0, 1, 1); transform-origin: right; } .wp-block-button.is-style-text .wp-block-button__link:not([disabled]):hover:after { opacity: 1; transform: translate(0.4em, -50%) scale(-1, 1); } .wp-block-button__link[class][class][class].has-sm_color_primary-background-color { background-color: transparent !important; --theme-button-background-color: var(--sm-color-primary); --theme-button-border-color: var(--sm-color-primary); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-color-primary); --theme-button-hover-text-color: var(--sm-color-primary); } .wp-block-button__link[class][class][class].has-sm_color_primary-color { color: var(--current-button-text-color) !important; --theme-button-hover-text-color: var(--theme-button-background-color); --theme-button-text-color: var(--sm-color-primary); } .wp-block-button__link[class][class][class].has-sm-color-primary-background-color { background-color: transparent !important; --theme-button-background-color: var(--sm-color-primary); --theme-button-border-color: var(--sm-color-primary); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-color-primary); --theme-button-hover-text-color: var(--sm-color-primary); } .wp-block-button__link[class][class][class].has-sm-color-primary-color { color: var(--current-button-text-color) !important; --theme-button-hover-text-color: var(--theme-button-background-color); --theme-button-text-color: var(--sm-color-primary); } .wp-block-button__link[class][class][class].has-sm_color_secondary-background-color { background-color: transparent !important; --theme-button-background-color: var(--sm-color-secondary); --theme-button-border-color: var(--sm-color-secondary); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-color-secondary); --theme-button-hover-text-color: var(--sm-color-secondary); } .wp-block-button__link[class][class][class].has-sm_color_secondary-color { color: var(--current-button-text-color) !important; --theme-button-hover-text-color: var(--theme-button-background-color); --theme-button-text-color: var(--sm-color-secondary); } .wp-block-button__link[class][class][class].has-sm-color-secondary-background-color { background-color: transparent !important; --theme-button-background-color: var(--sm-color-secondary); --theme-button-border-color: var(--sm-color-secondary); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-color-secondary); --theme-button-hover-text-color: var(--sm-color-secondary); } .wp-block-button__link[class][class][class].has-sm-color-secondary-color { color: var(--current-button-text-color) !important; --theme-button-hover-text-color: var(--theme-button-background-color); --theme-button-text-color: var(--sm-color-secondary); } .wp-block-button__link[class][class][class].has-sm_color_tertiary-background-color { background-color: transparent !important; --theme-button-background-color: var(--sm-color-tertiary); --theme-button-border-color: var(--sm-color-tertiary); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-color-tertiary); --theme-button-hover-text-color: var(--sm-color-tertiary); } .wp-block-button__link[class][class][class].has-sm_color_tertiary-color { color: var(--current-button-text-color) !important; --theme-button-hover-text-color: var(--theme-button-background-color); --theme-button-text-color: var(--sm-color-tertiary); } .wp-block-button__link[class][class][class].has-sm-color-tertiary-background-color { background-color: transparent !important; --theme-button-background-color: var(--sm-color-tertiary); --theme-button-border-color: var(--sm-color-tertiary); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-color-tertiary); --theme-button-hover-text-color: var(--sm-color-tertiary); } .wp-block-button__link[class][class][class].has-sm-color-tertiary-color { color: var(--current-button-text-color) !important; --theme-button-hover-text-color: var(--theme-button-background-color); --theme-button-text-color: var(--sm-color-tertiary); } .wp-block-button__link[class][class][class].has-sm_dark_primary-background-color { background-color: transparent !important; --theme-button-background-color: var(--sm-dark-primary); --theme-button-border-color: var(--sm-dark-primary); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-dark-primary); --theme-button-hover-text-color: var(--sm-dark-primary); } .wp-block-button__link[class][class][class].has-sm_dark_primary-color { color: var(--current-button-text-color) !important; --theme-button-hover-text-color: var(--theme-button-background-color); --theme-button-text-color: var(--sm-dark-primary); } .wp-block-button__link[class][class][class].has-sm-dark-primary-background-color { background-color: transparent !important; --theme-button-background-color: var(--sm-dark-primary); --theme-button-border-color: var(--sm-dark-primary); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-dark-primary); --theme-button-hover-text-color: var(--sm-dark-primary); } .wp-block-button__link[class][class][class].has-sm-dark-primary-color { color: var(--current-button-text-color) !important; --theme-button-hover-text-color: var(--theme-button-background-color); --theme-button-text-color: var(--sm-dark-primary); } .wp-block-button__link[class][class][class].has-sm_dark_secondary-background-color { background-color: transparent !important; --theme-button-background-color: var(--sm-dark-secondary); --theme-button-border-color: var(--sm-dark-secondary); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-dark-secondary); --theme-button-hover-text-color: var(--sm-dark-secondary); } .wp-block-button__link[class][class][class].has-sm_dark_secondary-color { color: var(--current-button-text-color) !important; --theme-button-hover-text-color: var(--theme-button-background-color); --theme-button-text-color: var(--sm-dark-secondary); } .wp-block-button__link[class][class][class].has-sm-dark-secondary-background-color { background-color: transparent !important; --theme-button-background-color: var(--sm-dark-secondary); --theme-button-border-color: var(--sm-dark-secondary); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-dark-secondary); --theme-button-hover-text-color: var(--sm-dark-secondary); } .wp-block-button__link[class][class][class].has-sm-dark-secondary-color { color: var(--current-button-text-color) !important; --theme-button-hover-text-color: var(--theme-button-background-color); --theme-button-text-color: var(--sm-dark-secondary); } .wp-block-button__link[class][class][class].has-sm_dark_tertiary-background-color { background-color: transparent !important; --theme-button-background-color: var(--sm-dark-tertiary); --theme-button-border-color: var(--sm-dark-tertiary); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-dark-tertiary); --theme-button-hover-text-color: var(--sm-dark-tertiary); } .wp-block-button__link[class][class][class].has-sm_dark_tertiary-color { color: var(--current-button-text-color) !important; --theme-button-hover-text-color: var(--theme-button-background-color); --theme-button-text-color: var(--sm-dark-tertiary); } .wp-block-button__link[class][class][class].has-sm-dark-tertiary-background-color { background-color: transparent !important; --theme-button-background-color: var(--sm-dark-tertiary); --theme-button-border-color: var(--sm-dark-tertiary); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-dark-tertiary); --theme-button-hover-text-color: var(--sm-dark-tertiary); } .wp-block-button__link[class][class][class].has-sm-dark-tertiary-color { color: var(--current-button-text-color) !important; --theme-button-hover-text-color: var(--theme-button-background-color); --theme-button-text-color: var(--sm-dark-tertiary); } .wp-block-button__link[class][class][class].has-sm_light_primary-background-color { background-color: transparent !important; --theme-button-background-color: var(--sm-light-primary); --theme-button-border-color: var(--sm-light-primary); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-light-primary); --theme-button-hover-text-color: var(--sm-light-primary); } .wp-block-button__link[class][class][class].has-sm_light_primary-color { color: var(--current-button-text-color) !important; --theme-button-hover-text-color: var(--theme-button-background-color); --theme-button-text-color: var(--sm-light-primary); } .wp-block-button__link[class][class][class].has-sm-light-primary-background-color { background-color: transparent !important; --theme-button-background-color: var(--sm-light-primary); --theme-button-border-color: var(--sm-light-primary); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-light-primary); --theme-button-hover-text-color: var(--sm-light-primary); } .wp-block-button__link[class][class][class].has-sm-light-primary-color { color: var(--current-button-text-color) !important; --theme-button-hover-text-color: var(--theme-button-background-color); --theme-button-text-color: var(--sm-light-primary); } .wp-block-button__link[class][class][class].has-sm_light_secondary-background-color { background-color: transparent !important; --theme-button-background-color: var(--sm-light-secondary); --theme-button-border-color: var(--sm-light-secondary); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-light-secondary); --theme-button-hover-text-color: var(--sm-light-secondary); } .wp-block-button__link[class][class][class].has-sm_light_secondary-color { color: var(--current-button-text-color) !important; --theme-button-hover-text-color: var(--theme-button-background-color); --theme-button-text-color: var(--sm-light-secondary); } .wp-block-button__link[class][class][class].has-sm-light-secondary-background-color { background-color: transparent !important; --theme-button-background-color: var(--sm-light-secondary); --theme-button-border-color: var(--sm-light-secondary); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-light-secondary); --theme-button-hover-text-color: var(--sm-light-secondary); } .wp-block-button__link[class][class][class].has-sm-light-secondary-color { color: var(--current-button-text-color) !important; --theme-button-hover-text-color: var(--theme-button-background-color); --theme-button-text-color: var(--sm-light-secondary); } .wp-block-button__link[class][class][class].has-sm_light_tertiary-background-color { background-color: transparent !important; --theme-button-background-color: var(--sm-light-tertiary); --theme-button-border-color: var(--sm-light-tertiary); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-light-tertiary); --theme-button-hover-text-color: var(--sm-light-tertiary); } .wp-block-button__link[class][class][class].has-sm_light_tertiary-color { color: var(--current-button-text-color) !important; --theme-button-hover-text-color: var(--theme-button-background-color); --theme-button-text-color: var(--sm-light-tertiary); } .wp-block-button__link[class][class][class].has-sm-light-tertiary-background-color { background-color: transparent !important; --theme-button-background-color: var(--sm-light-tertiary); --theme-button-border-color: var(--sm-light-tertiary); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-light-tertiary); --theme-button-hover-text-color: var(--sm-light-tertiary); } .wp-block-button__link[class][class][class].has-sm-light-tertiary-color { color: var(--current-button-text-color) !important; --theme-button-hover-text-color: var(--theme-button-background-color); --theme-button-text-color: var(--sm-light-tertiary); } .button--small { --theme-button-x-padding: 1em; --theme-button-y-padding: .25em; padding: var(--theme-button-y-padding) var(--theme-button-x-padding); } .button--large { --theme-button-x-padding: 2em; --theme-button-y-padding: .6em; padding: var(--theme-button-y-padding) var(--theme-button-x-padding); } .button--huge { --theme-button-x-padding: 2.5em; --theme-button-y-padding: 1em; padding: var(--theme-button-y-padding) var(--theme-button-x-padding); } :root { --theme-headline-spacing-setting: -0.3; --theme-headline-spacing: calc(var(--theme-headline-spacing-setting) * 1em); } .c-headline { display: flex; flex-direction: column; align-items: center; width: 100%; } .c-headline.has-text-align-left { align-items: flex-start; } .c-headline.has-text-align-right { align-items: flex-end; } .c-headline__word { display: inline-flex !important; } .c-headline__primary, .c-headline__secondary { display: block; } .c-headline__secondary + .c-headline__primary, .c-headline > .editor-rich-text + .editor-rich-text { margin-top: var(--theme-headline-spacing); } .c-headline__secondary, .c-headline > .editor-rich-text:first-child { position: relative; z-index: 10; } .c-headline__secondary { --current-font-family: var(--theme-accent-font-family); --current-font-weight: var(--theme-accent-font-weight); --current-font-style: var(--theme-accent-font-style); --current-letter-spacing: var(--theme-accent-letter-spacing); --current-text-transform: var(--theme-accent-text-transform); } .c-headline__secondary { font-size: 1.3636em; line-height: 0.9; white-space: nowrap; } h1.c-headline.has-larger-font-size .c-headline__secondary { font-size: .87em; line-height: 1.1; } .c-separator { --separator-line-thickness: 2px; --separator-arrow-width: 5px; display: flex; justify-content: center; align-items: center; line-height: 1; } .c-separator__symbol { padding-left: 1em; padding-right: 1em; opacity: 0.5; } .c-separator__symbol svg { width: auto; height: auto; } .novablocks-hero .c-separator__symbol { opacity: 1; } .c-separator__line { flex-grow: 1; } .c-separator__line:after { content: ""; display: block; width: 100%; height: var(--separator-line-thickness); background: currentColor; } .c-separator__arrow { height: var(--separator-line-thickness); border: var(--separator-arrow-width) solid transparent; } .c-separator__arrow--left { border-left-color: currentColor; border-right: 0; } .c-separator__arrow--right { border-right-color: currentColor; border-left: 0; } .wp-block-separator.is-style-simple { width: 100%; } .wp-block-separator.is-style-simple .c-separator:after { content: ""; display: block; width: 100%; height: var(--separator-line-thickness); background: currentColor; } .wp-block-separator.is-style-simple .c-separator__arrow, .wp-block-separator.is-style-simple .c-separator__symbol, .wp-block-separator.is-style-simple .c-separator__line { display: none; } .wp-block-separator.is-style-decorative .c-separator__arrow, .wp-block-separator.is-style-decorative .c-separator__line, .wp-block-separator:not([class*="is-style"]) .c-separator__arrow, .wp-block-separator:not([class*="is-style"]) .c-separator__line { display: none; } [class*="wp-block"] { clear: both; } /* Audio Block */ .wp-block-audio audio { width: 100%; } /* Audio Block */ .wp-block-video video { width: 100%; } /* Button Block */ .wp-block-button.is-style-squared { --theme-button-border-radius: 0; } .wp-block-button.is-style-outline { --theme-button-background-color: transparent; --theme-button-text-color: currentColor; --theme-button-border-color: currentColor; --theme-button-hover-background-color: transparent; --theme-button-hover-text-color: currentColor; --theme-button-hover-border-color: currentColor; } .wp-block-button.alignleft { text-align: left; } .wp-block-button.aligncenter { text-align: center; } .wp-block-button.alignright { text-align: right; } .wp-block-button__link { display: inline-block; text-decoration: none; --theme-button-text-color: var(--sm-current-bg-color); --theme-button-background-color: var(--sm-button-background-color); --theme-button-border-color: var(--sm-button-background-color); --theme-button-hover-text-color: var(--sm-button-background-color); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-button-background-color); --current-button-background-color: var(--theme-button-background-color); --current-button-border-color: var(--theme-button-border-color); --current-button-text-color: var(--theme-button-text-color); --current-button-transition: var(--theme-button-transition); padding: var(--theme-button-padding); border: var(--theme-button-border-width) var(--theme-button-border-style) var(--current-button-border-color); border-radius: var(--theme-button-border-radius); --font-size: var(--theme-button-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-button-font-family); --current-font-weight: var(--theme-button-font-weight); --current-font-style: var(--theme-button-font-style); --current-line-height: var(--theme-button-line-height); --current-letter-spacing: var(--theme-button-letter-spacing); --current-text-transform: var(--theme-button-text-transform); color: var(--current-button-text-color); } .wp-block-button__link:not([disabled]) { cursor: pointer; } .wp-block-button__link:not([disabled]):hover { --current-button-background-color: var(--theme-button-hover-background-color); --current-button-border-color: var(--theme-button-hover-border-color); --current-button-text-color: var(--theme-button-hover-text-color); --current-button-transition: var(--theme-button-hover-transition); } .wp-block-buttons[class][class][class] { display: flex; align-items: center; flex-wrap: wrap; } .wp-block-buttons[class][class][class][class*="align"] { margin-left: 0; margin-right: 0; } .wp-block-buttons[class][class][class] .wp-block, .wp-block-buttons[class][class][class] .wp-block-button { margin-top: 0 !important; } .wp-block-buttons[class][class][class] .wp-block:not(:last-child), .wp-block-buttons[class][class][class] .wp-block:not(:first-child):not(:last-child), .wp-block-buttons[class][class][class] .wp-block-button:not(:last-child), .wp-block-buttons[class][class][class] .wp-block-button:not(:first-child):not(:last-child) { margin-right: var(--theme-content-spacing); } .wp-block-buttons[class][class][class] .block-editor-block-list__layout { display: flex; align-items: center; flex-wrap: wrap; } .wp-block-buttons[class][class][class] .block-editor-block-list__layout > * { margin-left: 0; margin-right: 0; } .wp-block-buttons[class][class][class].aligncenter { justify-content: center; } .wp-block-buttons[class][class][class].aligncenter .wp-block, .wp-block-buttons[class][class][class].aligncenter .wp-block-button { margin-left: calc( var(--theme-content-spacing) / 2); margin-right: calc( var(--theme-content-spacing) / 2); } .wp-block-buttons[class][class][class].alignright { justify-content: flex-end; } .wp-block-buttons[class][class][class].alignright .wp-block, .wp-block-buttons[class][class][class].alignright .wp-block-button { margin-left: var(--theme-content-spacing); margin-right: 0; } .wp-block-buttons[class][class][class].is-content-justification-left { justify-content: flex-start; } .wp-block-buttons[class][class][class].is-content-justification-center { justify-content: center; } .wp-block-buttons[class][class][class].is-content-justification-right { justify-content: flex-end; } .wp-block-buttons[class][class][class] .wp-block-button__link[class] { display: block; } .wp-block-buttons[class][class][class] > .wp-block { margin-left: 0; margin-right: 0; } /* Columns Blocks */ .wp-block-columns[class]:not(:first-child), .wp-block-columns[class] + :not(:first-child) { --novablocks-element-spacing-multiplier: 2; } .wp-block-columns[class] .wp-block-columns[class]:not(:first-child), .wp-block-columns[class] .wp-block-columns[class] + :not(:first-child) { --novablocks-element-spacing-multiplier: 1; } .wp-block-columns[class] .alignfull { margin-left: 0; margin-right: 0; } .wp-block-column { min-width: 0; word-break: break-word; overflow-wrap: break-word; } :root { --wp-block-columns-spacing: calc(var(--theme-spacing-fluid-medium) + var(--theme-spacing-fluid-tiny)); } .wp-block-columns { display: flex; } .wp-block-columns > *:not(.block-list-appender) { flex: 0 1 100%; } .wp-block-columns > :not(:first-child) { margin-left: var(--wp-block-columns-spacing); } @media not screen and (min-width: 1024px) { .wp-block-columns { flex-wrap: wrap; } .wp-block-columns > * { flex-basis: calc(50% - var(--wp-block-columns-spacing) / 2) !important; margin-bottom: var(--wp-block-columns-spacing); } .wp-block-columns > :nth-child(2n+1) { margin-left: 0; } .wp-block-columns > :last-child, .wp-block-columns > :nth-child(2n+1):nth-last-child(2) { margin-bottom: 0; } .wp-block-columns .wp-block-columns { flex-wrap: wrap; } .wp-block-columns .wp-block-columns > * { flex-basis: 100% !important; } .wp-block-columns .wp-block-columns > :nth-child(n) { margin-left: 0; } .wp-block-columns .wp-block-columns > :nth-child(n):not(:last-child) { margin-bottom: var(--wp-block-columns-spacing); } } @media not screen and (min-width: 768px) { .wp-block-columns { flex-wrap: wrap; } .wp-block-columns > * { flex-basis: 100% !important; } .wp-block-columns > :nth-child(n) { margin-left: 0; } .wp-block-columns > :nth-child(n):not(:last-child) { margin-bottom: var(--wp-block-columns-spacing); } } .wp-block-columns.are-vertically-aligned-top { align-items: flex-start; } .wp-block-columns.are-vertically-aligned-center { align-items: center; } .wp-block-columns.are-vertically-aligned-bottom { align-items: flex-end; } .wp-block-column.is-vertically-aligned-top { align-self: flex-start; } .wp-block-column.is-vertically-aligned-center { align-self: center; } .wp-block-column.is-vertically-aligned-bottom { align-self: flex-end; } /* Cover Block */ .wp-block-cover, .wp-block-cover-image { position: relative; display: flex; align-items: center; justify-content: center; padding: 2em; min-height: 430px; text-align: center; color: #FFFFFF; background-color: #000000; background-size: cover; } .wp-block-cover a, .wp-block-cover-image a { color: inherit; } .wp-block-cover img.wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background, .wp-block-cover-image img.wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; outline: none; border: none; box-shadow: none; z-index: 0; } .wp-block-cover.is-position-top-left, .wp-block-cover-image.is-position-top-left { align-items: flex-start; justify-content: flex-start; } .wp-block-cover.is-position-top-center, .wp-block-cover-image.is-position-top-center { align-items: flex-start; justify-content: center; } .wp-block-cover.is-position-top-right, .wp-block-cover-image.is-position-top-right { align-items: flex-start; justify-content: flex-end; } .wp-block-cover.is-position-center-left, .wp-block-cover-image.is-position-center-left { align-items: center; justify-content: flex-start; } .wp-block-cover.is-position-center-center, .wp-block-cover-image.is-position-center-center { align-items: center; justify-content: center; } .wp-block-cover.is-position-center-right, .wp-block-cover-image.is-position-center-right { align-items: center; justify-content: flex-end; } .wp-block-cover.is-position-bottom-left, .wp-block-cover-image.is-position-bottom-left { align-items: flex-end; justify-content: flex-start; } .wp-block-cover.is-position-bottom-center, .wp-block-cover-image.is-position-bottom-center { align-items: flex-end; justify-content: center; } .wp-block-cover.is-position-bottom-right, .wp-block-cover-image.is-position-bottom-right { align-items: flex-end; justify-content: flex-end; } .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { margin: 0; width: auto; } .wp-block-cover-text { color: inherit; } .wp-block-cover > * { position: relative; } .wp-block-cover__video-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 100; } /* Embed Blocks */ .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper { position: relative; } .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper:before { content: ""; display: block; } .wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper { padding-top: 75%; } .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper { padding-top: 56.25%; } /* Gallery Block */ .wp-block-gallery { --block-grid-spacing: 20px; list-style: none; display: flex; flex-wrap: wrap; } .wp-block-gallery .blocks-gallery-grid > * { flex-grow: 1; margin-right: var(--block-grid-spacing); margin-top: var(--block-grid-spacing); width: calc((100% - 1 * var(--block-grid-spacing))/2); } .wp-block-gallery .blocks-gallery-grid > *:last-child { margin-right: 0; } .wp-block-gallery .blocks-gallery-grid > *:nth-child(-n + 2) { margin-top: 0; } .wp-block-gallery .blocks-gallery-grid > *:nth-child(2n) { margin-right: 0; } @media only screen and (min-width: 768px) { .wp-block-gallery.columns-2 .blocks-gallery-grid > * { flex-grow: 1; margin-right: var(--block-grid-spacing); margin-top: var(--block-grid-spacing); width: calc((100% - 1 * var(--block-grid-spacing))/2); } .wp-block-gallery.columns-2 .blocks-gallery-grid > *:last-child { margin-right: 0; } .wp-block-gallery.columns-2 .blocks-gallery-grid > *:nth-child(-n + 2) { margin-top: 0; } .wp-block-gallery.columns-2 .blocks-gallery-grid > *:nth-child(2n) { margin-right: 0; } .wp-block-gallery.columns-3 .blocks-gallery-grid > * { flex-grow: 1; margin-right: var(--block-grid-spacing); margin-top: var(--block-grid-spacing); width: calc((100% - 2 * var(--block-grid-spacing))/3); } .wp-block-gallery.columns-3 .blocks-gallery-grid > *:last-child { margin-right: 0; } .wp-block-gallery.columns-3 .blocks-gallery-grid > *:nth-child(-n + 3) { margin-top: 0; } .wp-block-gallery.columns-3 .blocks-gallery-grid > *:nth-child(3n) { margin-right: 0; } .wp-block-gallery.columns-4 .blocks-gallery-grid > * { flex-grow: 1; margin-right: var(--block-grid-spacing); margin-top: var(--block-grid-spacing); width: calc((100% - 3 * var(--block-grid-spacing))/4); } .wp-block-gallery.columns-4 .blocks-gallery-grid > *:last-child { margin-right: 0; } .wp-block-gallery.columns-4 .blocks-gallery-grid > *:nth-child(-n + 4) { margin-top: 0; } .wp-block-gallery.columns-4 .blocks-gallery-grid > *:nth-child(4n) { margin-right: 0; } .wp-block-gallery.columns-5 .blocks-gallery-grid > * { flex-grow: 1; margin-right: var(--block-grid-spacing); margin-top: var(--block-grid-spacing); width: calc((100% - 4 * var(--block-grid-spacing))/5); } .wp-block-gallery.columns-5 .blocks-gallery-grid > *:last-child { margin-right: 0; } .wp-block-gallery.columns-5 .blocks-gallery-grid > *:nth-child(-n + 5) { margin-top: 0; } .wp-block-gallery.columns-5 .blocks-gallery-grid > *:nth-child(5n) { margin-right: 0; } .wp-block-gallery.columns-6 .blocks-gallery-grid > * { flex-grow: 1; margin-right: var(--block-grid-spacing); margin-top: var(--block-grid-spacing); width: calc((100% - 5 * var(--block-grid-spacing))/6); } .wp-block-gallery.columns-6 .blocks-gallery-grid > *:last-child { margin-right: 0; } .wp-block-gallery.columns-6 .blocks-gallery-grid > *:nth-child(-n + 6) { margin-top: 0; } .wp-block-gallery.columns-6 .blocks-gallery-grid > *:nth-child(6n) { margin-right: 0; } .wp-block-gallery.columns-7 .blocks-gallery-grid > * { flex-grow: 1; margin-right: var(--block-grid-spacing); margin-top: var(--block-grid-spacing); width: calc((100% - 6 * var(--block-grid-spacing))/7); } .wp-block-gallery.columns-7 .blocks-gallery-grid > *:last-child { margin-right: 0; } .wp-block-gallery.columns-7 .blocks-gallery-grid > *:nth-child(-n + 7) { margin-top: 0; } .wp-block-gallery.columns-7 .blocks-gallery-grid > *:nth-child(7n) { margin-right: 0; } .wp-block-gallery.columns-8 .blocks-gallery-grid > * { flex-grow: 1; margin-right: var(--block-grid-spacing); margin-top: var(--block-grid-spacing); width: calc((100% - 7 * var(--block-grid-spacing))/8); } .wp-block-gallery.columns-8 .blocks-gallery-grid > *:last-child { margin-right: 0; } .wp-block-gallery.columns-8 .blocks-gallery-grid > *:nth-child(-n + 8) { margin-top: 0; } .wp-block-gallery.columns-8 .blocks-gallery-grid > *:nth-child(8n) { margin-right: 0; } .wp-block-gallery.columns-9 .blocks-gallery-grid > * { flex-grow: 1; margin-right: var(--block-grid-spacing); margin-top: var(--block-grid-spacing); width: calc((100% - 8 * var(--block-grid-spacing))/9); } .wp-block-gallery.columns-9 .blocks-gallery-grid > *:last-child { margin-right: 0; } .wp-block-gallery.columns-9 .blocks-gallery-grid > *:nth-child(-n + 9) { margin-top: 0; } .wp-block-gallery.columns-9 .blocks-gallery-grid > *:nth-child(9n) { margin-right: 0; } } .wp-block-gallery img { display: block; } .wp-block-gallery figure { position: relative; display: flex; flex-direction: column; justify-content: flex-start; height: 100%; } .wp-block-gallery figcaption:not(.blocks-gallery-caption) { --font-size: var(--theme-body-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-body-font-family); --current-line-height: var(--theme-body-line-height); --current-font-weight: var(--theme-body-font-weight); --current-font-style: var(--theme-body-font-style); --current-letter-spacing: var(--theme-body-letter-spacing); position: absolute; bottom: 0; width: 100%; max-height: 100%; overflow: auto; color: var(--sm-current-bg-color); text-align: center; background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 70%, transparent); } .wp-block-gallery .blocks-gallery-caption { --font-size: var(--theme-body-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-body-font-family); --current-line-height: var(--theme-body-line-height); --current-font-weight: var(--theme-body-font-weight); --current-font-style: var(--theme-body-font-style); --current-letter-spacing: var(--theme-body-letter-spacing); } .wp-block-gallery.alignfull figcaption, .wp-block-gallery > .alignfull figcaption { padding-left: var(--theme-wrapper-sides-spacing); padding-right: var(--theme-wrapper-sides-spacing); } .wp-block-gallery.is-cropped img { width: 100%; height: 100%; object-fit: cover; } .wp-block-gallery .components-form-file-upload { width: 100%; } .blocks-gallery-grid { list-style: none; width: 100%; display: flex; flex-wrap: wrap; } .blocks-gallery-grid[class] { padding-left: 0; } .wp-block-group[class*='sm-color-signal-0']:not([class*='alignfull']) > [class*="__inner-container"] { padding-left: 0; padding-right: 0; } .wp-block-group[class*='sm-color-signal-0']:not([class*='alignfull']) > [class*="__inner-container"] { padding-left: 0; padding-right: 0; } /* Latest Posts Block */ .wp-block-latest-posts[class] { padding-left: 0; } .wp-block-latest-posts[class] a { text-decoration: none; } .wp-block-latest-posts__list { list-style: none; } .wp-block-latest-posts__list a { text-decoration: none; } .wp-block-latest-posts__list.is-grid { list-style: none; display: flex; flex-wrap: wrap; } .wp-block-latest-posts__list.is-grid > * { flex-grow: 1; margin-right: var(--block-grid-spacing); margin-top: var(--block-grid-spacing); width: calc((100% - 1 * var(--block-grid-spacing))/2); } .wp-block-latest-posts__list.is-grid > *:last-child { margin-right: 0; } .wp-block-latest-posts__list.is-grid > *:nth-child(-n + 2) { margin-top: 0; } .wp-block-latest-posts__list.is-grid > *:nth-child(2n) { margin-right: 0; } .wp-block-latest-posts__list.is-grid > li { position: relative; display: block; padding: 2em; text-align: center; background: #EEE; } .wp-block-latest-posts__list.is-grid a { display: block; text-decoration: none; } .wp-block-latest-posts__list.is-grid a:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .wp-block-latest-posts[class][class] { --featured-image-width: 90px; } .wp-block-latest-posts[class][class] > :not(:first-child) { margin-top: 1em; } .wp-block-latest-posts[class][class] .wp-block-latest-posts__featured-image { position: absolute; top: 0; left: 0; margin-right: 16px; max-width: 90px; } .wp-block-latest-posts[class][class] .wp-block-latest-posts__featured-image img { width: 90px; height: 90px; object-fit: cover; border-radius: 50%; } .wp-block-latest-posts[class][class] li { position: relative; display: flex; flex-direction: column-reverse; } .wp-block-latest-posts[class][class] li > :not(.wp-block-latest-posts__featured-image) { margin-left: var(--content-with-image-width); } .wp-block-latest-posts[class][class] li .wp-block-latest-posts__featured-image ~ * { --content-with-image-width: calc( var(--featured-image-width) + 16px); } .wp-block-latest-posts[class][class] li .wp-block-latest-posts__featured-image + a { min-height: var(--featured-image-width); } .wp-block-latest-posts[class][class] li a { display: block; } .wp-block-latest-posts[class][class] li a:hover { color: var(--sm-current-accent-color); text-decoration: underline; } .wp-block-latest-posts[class][class].style--alt > li:not(:last-child) { padding-bottom: 1em; border-bottom: 1px solid #DFDFDF; } .wp-block-latest-posts__post-author[class], .wp-block-latest-posts__post-date[class] { opacity: 0.5; --font-size-modifier: 0.5; } .wp-block-latest-posts__post-excerpt[class] { --font-size-modifier: 0.6; margin-top: var(--theme-spacing); margin-bottom: var(--theme-spacing); } .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-excerpt { order: -1; } /* Media Block */ .wp-block-media-text { display: grid; grid-template-rows: auto; align-items: center; grid-template-areas: "media-text-media media-text-content"; grid-template-columns: 50% auto; } .wp-block-media-text.has-media-on-the-right { grid-template-areas: "media-text-content media-text-media"; grid-template-columns: auto 50%; } .wp-block-media-text.is-vertically-aligned-top { align-items: start; } .wp-block-media-text.is-vertically-aligned-center { align-items: center; } .wp-block-media-text.is-vertically-aligned-bottom { align-items: end; } .wp-block-media-text .wp-block-media-text__media { grid-area: media-text-media; margin: 0; } .wp-block-media-text .wp-block-media-text__content { word-break: break-word; grid-area: media-text-content; padding: 0 8% 0 8%; } .wp-block-media-text > figure > img, .wp-block-media-text > figure > video { max-width: unset; width: 100%; vertical-align: middle; } .wp-block-media-text.is-image-fill figure { height: 100%; min-height: 250px; background-size: cover; } .wp-block-media-text.is-image-fill figure > img { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* * Here we here not able to use a mobile first CSS approach. * Custom widths are set using inline styles, and on mobile, * we need 100% width, so we use important to overwrite the inline style. * If the style were set on mobile first, on desktop styles, * we would have no way of setting the style again to the inline style. */ @media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile { grid-template-columns: 100% !important; grid-template-areas: "media-text-media" "media-text-content"; } .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right { grid-template-areas: "media-text-content" "media-text-media"; } } /* Pullquote Block */ /* Blockquote Block */ .wp-block-quote > :not(:first-child) { margin-top: var(--theme-spacing-medium); } .wp-block-search__inside-wrapper { display: flex; } .wp-block-search:not(.wp-block-search__icon-button) .wp-block-search__button { min-width: max-content !important; } .wp-block-search:not(.wp-block-search__icon-button) .wp-block-search__button:after { content: none; } .wp-block-search__button { position: relative; } .wp-block-search__button[class][class] { --theme-button-background-color: var(--sm-current-accent-color); --theme-button-border-color: var(--sm-current-accent-color); --theme-button-text-color: var(--sm-current-bg-color); --theme-button-hover-border-color: var(--sm-current-accent-color); --theme-button-hover-text-color: var(--sm-current-accent-color); } .wp-block-search__button:after { content: ''; position: absolute; left: .8em; top: 50%; transform: translateY(-50%); display: block; width: 1.2em; height: 1.2em; border: 0; padding: 0; mask: url(//myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-search.svg) no-repeat 50% 50%; mask-size: cover; -webkit-mask: url(//myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-search.svg) no-repeat 50% 50%; -webkit-mask-size: cover; background-color: var(--theme-button-text-color); transition: background-color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1); } .wp-block-search__button:hover:after { background-color: var(--theme-button-hover-text-color); } .wp-block-search__button svg { display: none; } .wp-block-search__button-outside .wp-block-search__button { margin-left: 10px; } .wp-block-search__no-button .wp-block-search__inside-wrapper { position: relative; } .wp-block-search__no-button .wp-block-search__inside-wrapper:before { content: ''; position: absolute; left: .8em; top: 50%; transform: translateY(-50%); display: block; width: 1.2em; height: 1.2em; border: 0; padding: 0; mask: url(//myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-search.svg) no-repeat 50% 50%; mask-size: cover; -webkit-mask: url(//myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-search.svg) no-repeat 50% 50%; -webkit-mask-size: cover; background-color: var(--sm-current-accent-color); transition: opacity 0.5 cubic-bezier(0.25, 0.1, 0.25, 1); } .wp-block-search__no-button .wp-block-search__inside-wrapper:hover:before { opacity: 0.75; } .wp-block-search__no-button .wp-block-search__inside-wrapper .wp-block-search__input { padding-left: calc(var(--theme-input-padding) + 1.75em); } /* Social Links Block */ .wp-block-social-links { display: flex; justify-content: flex-start; padding-left: 0; padding-right: 0; margin-left: 0; } .wp-block-social-links .wp-social-link a, .wp-block-social-links .wp-social-link a:hover { text-decoration: none; border-bottom: 0; box-shadow: none; } .wp-block-social-links svg { fill: currentColor; } .wp-block-social-links .wp-social-link[class] { margin-top: 0; } .wp-social-link { display: block; width: 36px; height: 36px; border-radius: 36px; margin-right: 8px; transition: transform 0.1s ease; } .wp-social-link a { padding: 6px; display: block; line-height: 0; transition: transform 0.1s ease; } .wp-social-link a, .wp-social-link a:hover, .wp-social-link a:active, .wp-social-link a:visited, .wp-social-link svg { color: currentColor; fill: currentColor; } .wp-social-link:hover { transform: scale(1.1); } .wp-block-social-links.aligncenter { justify-content: center; display: flex; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link { background-color: #f0f0f0; color: #444; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon { background-color: #f90; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp { background-color: #1ea0c3; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance { background-color: #0757fe; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen { background-color: #1e1f26; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart { background-color: #02e49b; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble { background-color: #e94c89; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox { background-color: #4280ff; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy { background-color: #f45800; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook { background-color: #1977f2; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx { background-color: #000; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr { background-color: #0461dd; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare { background-color: #e65678; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github { background-color: #24292d; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads { background-color: #eceadd; color: #382110; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google { background-color: #ea4434; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram { background-color: #f00075; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm { background-color: #e21b24; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin { background-color: #0577b5; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon { background-color: #3288d4; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium { background-color: #02ab6c; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup { background-color: #f6405f; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest { background-color: #e60122; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket { background-color: #ef4155; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { background-color: #fe4500; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype { background-color: #0478d7; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat { background-color: #fefc00; color: #fff; stroke: #000; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud { background-color: #ff5600; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify { background-color: #1bd760; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr { background-color: #011835; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch { background-color: #6440a4; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter { background-color: #21a1f3; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo { background-color: #1eb7ea; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk { background-color: #4680c2; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress { background-color: #3499cd; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp { background-color: #d32422; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { background-color: #ff0100; color: #fff; } .wp-block-social-links.is-style-logos-only .wp-social-link { background: none; padding: 4px; } .wp-block-social-links.is-style-logos-only .wp-social-link svg { width: 28px; height: 28px; } .wp-block-social-links.is-style-logos-only .wp-social-link-amazon { color: #f90; } .wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { color: #1ea0c3; } .wp-block-social-links.is-style-logos-only .wp-social-link-behance { color: #0757fe; } .wp-block-social-links.is-style-logos-only .wp-social-link-codepen { color: #1e1f26; } .wp-block-social-links.is-style-logos-only .wp-social-link-deviantart { color: #02e49b; } .wp-block-social-links.is-style-logos-only .wp-social-link-dribbble { color: #e94c89; } .wp-block-social-links.is-style-logos-only .wp-social-link-dropbox { color: #4280ff; } .wp-block-social-links.is-style-logos-only .wp-social-link-etsy { color: #f45800; } .wp-block-social-links.is-style-logos-only .wp-social-link-facebook { color: #1977f2; } .wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx { color: #000; } .wp-block-social-links.is-style-logos-only .wp-social-link-flickr { color: #0461dd; } .wp-block-social-links.is-style-logos-only .wp-social-link-foursquare { color: #e65678; } .wp-block-social-links.is-style-logos-only .wp-social-link-github { color: #24292d; } .wp-block-social-links.is-style-logos-only .wp-social-link-goodreads { color: #382110; } .wp-block-social-links.is-style-logos-only .wp-social-link-google { color: #ea4434; } .wp-block-social-links.is-style-logos-only .wp-social-link-instagram { color: #f00075; } .wp-block-social-links.is-style-logos-only .wp-social-link-lastfm { color: #e21b24; } .wp-block-social-links.is-style-logos-only .wp-social-link-linkedin { color: #0577b5; } .wp-block-social-links.is-style-logos-only .wp-social-link-mastodon { color: #3288d4; } .wp-block-social-links.is-style-logos-only .wp-social-link-medium { color: #02ab6c; } .wp-block-social-links.is-style-logos-only .wp-social-link-meetup { color: #f6405f; } .wp-block-social-links.is-style-logos-only .wp-social-link-pinterest { color: #e60122; } .wp-block-social-links.is-style-logos-only .wp-social-link-pocket { color: #ef4155; } .wp-block-social-links.is-style-logos-only .wp-social-link-reddit { color: #fe4500; } .wp-block-social-links.is-style-logos-only .wp-social-link-skype { color: #0478d7; } .wp-block-social-links.is-style-logos-only .wp-social-link-snapchat { color: #fff; stroke: #000; } .wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud { color: #ff5600; } .wp-block-social-links.is-style-logos-only .wp-social-link-spotify { color: #1bd760; } .wp-block-social-links.is-style-logos-only .wp-social-link-tumblr { color: #011835; } .wp-block-social-links.is-style-logos-only .wp-social-link-twitch { color: #6440a4; } .wp-block-social-links.is-style-logos-only .wp-social-link-twitter { color: #21a1f3; } .wp-block-social-links.is-style-logos-only .wp-social-link-vimeo { color: #1eb7ea; } .wp-block-social-links.is-style-logos-only .wp-social-link-vk { color: #4680c2; } .wp-block-social-links.is-style-logos-only .wp-social-link-wordpress { color: #3499cd; } .wp-block-social-links.is-style-logos-only .wp-social-link-yelp { background-color: #d32422; color: #fff; } .wp-block-social-links.is-style-logos-only .wp-social-link-youtube { color: #ff0100; } .wp-block-social-links.is-style-pill-shape .wp-social-link { width: auto; } .wp-block-social-links.is-style-pill-shape .wp-social-link a { padding-left: 16px; padding-right: 16px; } /* Table Block */ .wp-block-table { overflow-x: auto; } .novablocks-header-row__inner-container[class][class] > .alignfull, .novablocks-header-row__inner-container[class][class] > [data-align="full"] { margin-left: auto; margin-right: auto; } .novablocks-hero[class] a { --theme-links-color: var(--novablocks-hero-text-color); } .novablocks-hero .wp-block-button:not(.is-style-text) .wp-block-button__link { --theme-button-text-color: var(--sm-current-bg-color); --theme-button-background-color: var(--sm-current-fg1-color); --theme-button-border-color: var(--sm-current-fg1-color); --theme-button-hover-text-color: var(--sm-current-fg1-color); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-current-fg1-color); } .wp-block-novablocks-navigation { --font-size: var(--theme-navigation-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-navigation-font-family); --current-font-weight: var(--theme-navigation-font-weight); --current-font-style: var(--theme-navigation-font-style); --current-line-height: var(--theme-navigation-line-height); --current-letter-spacing: var(--theme-navigation-letter-spacing); --current-text-transform: var(--theme-navigation-text-transform); } .wp-block-novablocks-navigation ul.menu a, .wp-block-novablocks-navigation .menu > ul a { padding: 0.75em 0; } .novablocks-slideshow[class] a { --theme-links-color: var(--novablocks-slideshow-text-color); } html:root { --nova-food-menu-item-highlight-color: var(--sm-current-fg2-color); --novablocks-spacing: var(--theme-content-spacing); --novablocks-media-spacing: var(--theme-spacing-fluid-large); --novablocks-sides-spacings: var(--theme-wrapper-sides-spacing); --novablocks-navigation-item-spacing: var(--theme-header-links-spacing); --novablocks-block-content-box-shadow: 0 32px 128px rgba(0, 0, 0, 0.1), 0 16px 64px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.1); } .novablocks-u-content-width { --theme-content-width-normal: 100%; } .novablocks-advanced-gallery__grid-item[class] .credits[class] { --font-size: $size; --current-font-size: var(--final-font-size); font-size: var(--current-font-size); opacity: 0.7; } .novablocks-advanced-gallery__grid-item-info a { color: inherit !important; text-decoration: inherit !important; } .novablocks-advanced-gallery__grid-item-caption { font-size: 80%; } .novablocks-advanced-gallery__grid-item-description { font-size: 70%; } .wp-block-quote, .wp-block-pullquote { --font-size: var(--theme-heading-3-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-3-font-family); --current-font-style: var(--theme-heading-3-font-style); --current-font-weight: var(--theme-heading-3-font-weight); --current-line-height: var(--theme-heading-3-line-height); --current-letter-spacing: var(--theme-heading-3-letter-spacing); --current-text-transform: var(--theme-heading-3-text-transform); --current-color: var(--theme-heading-3-color); } .wp-block-pullquote:before { content: ""; display: block; height: 0.1em; background-color: var(--sm-current-accent-color); margin-bottom: var(--theme-spacing); max-width: 5em; } .wp-block-quote cite, .wp-block-quote__citation, .wp-block-pullquote cite, .wp-block-pullquote__citation { display: block; margin-top: var(--theme-spacing); --font-size: var(--theme-body-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-body-font-family); --current-line-height: var(--theme-body-line-height); --current-font-weight: var(--theme-body-font-weight); --current-font-style: var(--theme-body-font-style); --current-letter-spacing: var(--theme-body-letter-spacing); font-style: normal; } /* Archives Block */ .wp-block-archives-list { list-style: none; } .wp-block-archives-list ul { padding-left: 0; list-style: none; counter-reset: submenu; } .wp-block-archives-list ul a:before { content: "\2013 " counters(submenu, "– ", none); counter-increment: submenu; } .wp-block-archives-list a { text-decoration: none; } /* Categories Block */ .wp-block-categories { list-style: none; } .wp-block-categories ul { padding-left: 0; list-style: none; counter-reset: submenu; } .wp-block-categories ul a:before { content: "\2013 " counters(submenu, "– ", none); counter-increment: submenu; } .wp-block-categories a { text-decoration: none; } /* Temporary styles for Category Widget, until we make transition to Full Site Editing */ .widget_categories ul { list-style: none; padding-left: 0; color: var(--sm-current-accent-color); } .widget_categories a { text-decoration: none; } .widget_categories ul ul { counter-reset: submenu; } .widget_categories ul ul > li > a:before { content: "-" counters(submenu, "- ", none); counter-increment: submenu; } /* Image Block */ .wp-block-image img { display: block; } .wp-block-image figcaption { --font-size: var(--theme-body-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-body-font-family); --current-line-height: var(--theme-body-line-height); --current-font-weight: var(--theme-body-font-weight); --current-font-style: var(--theme-body-font-style); --current-letter-spacing: var(--theme-body-letter-spacing); } .wp-block-image.alignwide img, .wp-block-image.alignfull img, .wp-block-image > .alignwide img, .wp-block-image > .alignfull img { width: 100%; height: auto; } .wp-block-image.aligncenter img, .wp-block-image > .aligncenter img { margin-left: auto; margin-right: auto; } .wp-block-image.alignfull figcaption, .wp-block-image > .alignfull figcaption { padding-left: var(--theme-wrapper-sides-spacing); padding-right: var(--theme-wrapper-sides-spacing); } .wp-block-image.is-style-rounded img { border-radius: 50%; } /* Latest Comments Block */ .wp-block-latest-comments { list-style: none; } .wp-block-latest-comments > :not(:first-child) { margin-top: var(--theme-spacing-medium); } .wp-block-latest-comments__comment { display: flex; align-items: flex-start; } .wp-block-latest-comments__comment-meta a { text-decoration: none; } .wp-block-latest-comments__comment-date { display: block; } .wp-block-latest-comments__comment-author { font-weight: 700; } .wp-block-latest-comments__comment-avatar { display: block; flex: 0 0 auto; width: var(--theme-comment-avatar-width); height: var(--theme-comment-avatar-width); margin-right: var(--theme-comment-avatar-spacing); object-fit: cover; } /* ========================================================================== #LISTS ========================================================================== */ .nb-list { --timeline-weight: 2px; --divider-weight: 1px; --icon-width: 0.333em; --icon-height: var(--icon-width); --connection-color: var(--sm-bg-color-3); --bullet-width: calc(var(--current-font-size) * var(--current-line-height)); --bullet-height: var(--bullet-width); --bullet-bg-color: var(--sm-current-bg-color); --bullet-color: var(--sm-current-fg1-color); --bullet-border-outline: 0.2em; --bullet-spacing: 0.4em; --bullet-area-width: var(--bullet-width); --list-spacing: calc(var(--bullet-width) + var(--bullet-addons, 0px) + var(--bullet-spacing)); background-color: transparent; color: inherit; } .nb-list:not(.list-no-marker) { padding-left: var(--list-spacing); margin-left: 0; } .nb-list, .nb-list * { list-style: none; } .nb-list.sm-color-signal-1 { --bullet-color: var(--sm-current-accent-color); } .nb-list.sm-color-signal-2 { --bullet-color: var(--sm-current-bg-color); --bullet-bg-color: var(--sm-current-fg1-color); --bullet-border-outline: 0.4em; } .nb-list.sm-color-signal-3 { --bullet-color: var(--sm-current-bg-color); --bullet-bg-color: var(--sm-current-accent-color); --bullet-border-outline: 0.4em; } ul.nb-list { --bullet-border-width: 0.222em; } ul.nb-list li { position: relative; } ul.nb-list li:before { content: ''; position: absolute; top: calc((var(--current-font-size) * var(--current-line-height) - var(--bullet-height)) * 0.5); left: calc(-1 * var(--list-spacing) + var(--bullet-border-width)); z-index: 10; width: var(--bullet-width); height: var(--bullet-height); background-color: var(--bullet-color); border-radius: 50%; box-shadow: 0 0 0 var(--bullet-border-width) var(--bullet-bg-color), 0 0 0 var(--bullet-border-outline) var(--page-background-color, var(--sm-current-bg-color)); } ul.nb-list:not(.list-checkmark-style) { --bullet-width: 0.333em; --bullet-height: var(--bullet-width); --bullet-addons: calc(var(--bullet-border-width) * 2); } ul.nb-list.list-no-marker { --bullet-width: var(--divider-weight); --bullet-addons: 0px; padding-left: 0; list-style: none; } ul.nb-list.list-no-marker li:before { content: none; } ul.nb-list.list-no-marker.is-style-timeline { padding-left: var(--list-spacing); box-shadow: inset var(--timeline-weight) 0 0 var(--connection-color); } ul.nb-list.list-checkmark-style.sm-color-signal-0, ul.nb-list.list-checkmark-style.sm-color-signal-1, ul.nb-list.list-checkmark-style:not([class*='sm-color-signal']) { --bullet-addons: calc(var(--bullet-width) * -0.5); } ul.nb-list.list-checkmark-style.sm-color-signal-0 li:after, ul.nb-list.list-checkmark-style.sm-color-signal-1 li:after, ul.nb-list.list-checkmark-style:not([class*='sm-color-signal']) li:after { width: calc(var(--bullet-width) * 0.5) !important; height: calc(var(--bullet-height) * 0.5) !important; } ul.nb-list.list-checkmark-style.is-style-timeline { --border-width: 0.11em; } ul.nb-list.list-checkmark-style.is-style-timeline:before { content: ''; position: absolute; left: calc(var(--bullet-width) * 0.25); width: var(--timeline-weight); transform: translateX(-50%); background-color: var(--connection-color); } ul.nb-list.list-checkmark-style.is-style-timeline.sm-color-signal-2:before, ul.nb-list.list-checkmark-style.is-style-timeline.sm-color-signal-3:before { left: calc(var(--bullet-width) * 0.5); } ul.nb-list.list-checkmark-style.is-style-divider li:before, ul.nb-list.list-checkmark-style.is-style-divider:not(.list-no-marker) li:before { transform: translate(-50%, -50%); } ul.nb-list.list-checkmark-style, ul.nb-list.list-checkmark-style ul { --icons-background-width: calc(var(--list-spacing) - 0.45em); --icons-background-height: calc(var(--list-spacing) - 0.45em); } ul.nb-list.list-checkmark-style.sm-color-signal-0 li:before, ul.nb-list.list-checkmark-style.sm-color-signal-1 li:before, ul.nb-list.list-checkmark-style:not([class*='sm-color-signal']) li:before { left: calc(-1 * var( --list-spacing)); transform: translateY(-50%); } ul.nb-list.list-checkmark-style li:before { content: ""; display: block; position: absolute; --pull-value: calc(var(--bullet-width) * 0.5); top: calc(var(--bullet-height) * 0.5); left: calc(-1 * var( --list-spacing) + var(--bullet-width) * 0.5); transform: translate(-50%, -50%); width: calc(var( --bullet-width) * 0.5); height: calc(var( --bullet-height) * 0.5); mask: url(//myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/checkbox.svg) no-repeat 50% 50%; mask-size: contain; mask-position: center; -webkit-mask: url(//myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/checkbox.svg) no-repeat 50% 50%; -webkit-mask-size: contain; -webkit-mask-position: center; background-color: var(--bullet-color); } ul.nb-list.list-checkmark-style li:after { content: ''; position: absolute; left: calc(-1 * var(--list-spacing)); top: calc(var(--bullet-height) * 0.5); transform: translateY(-50%); width: var(--bullet-width); height: var(--bullet-height); background-color: var(--bullet-bg-color); border-radius: 50%; box-shadow: 0 0 0 4px var(--sm-current-bg-color); } ul.nb-list.list-bullet-style.is-style-timeline { position: relative; list-style-type: none; } ol.nb-list { position: relative; counter-reset: li var(--nb-list-start-at, 0); --list-stype: decimal-leading-zero; --bullet-width: calc(var(--current-font-size) * var(--current-line-height)); --bullet-height: var(--bullet-width); --bullet-spacing: 0.4em; } ol.nb-list[reversed] { counter-reset: li var(--reversed-start-at-value, var(--nb-list-items-count)); } ol.nb-list[reversed][start] { --reversed-start-at-value: calc( var(--nb-list-start-at) + 2); } ol.nb-list[reversed] > li:before { counter-increment: li -1; } ol.nb-list.sm-color-signal-2, ol.nb-list.sm-color-signal-3 { --list-stype: decimal; } ol.nb-list > li:before { counter-increment: li; } ol.nb-list > li ol { counter-reset: li 0; } ol.nb-list > li ol > li:before { counter-increment: li; } ol.nb-list li { position: relative; } ol.nb-list li:before { position: absolute; left: calc( -1 * var( --list-spacing)); width: var(--bullet-width); height: var(--bullet-height); content: counter(li, var(--list-stype)); text-align: center; color: var(--bullet-color); background-color: var(--bullet-bg-color); border-radius: 50%; z-index: 10; } ol.nb-list li:not(:last-child):before { left: calc( -1 * var(--list-spacing)); } ol.nb-list.is-style-timeline[class]:before { content: ''; position: absolute; left: calc( var(--bullet-width) * 0.5); width: var(--timeline-weight); height: 100%; background-color: var(--connection-color); } ol.nb-list.is-style-timeline[class] > li:last-child { margin-left: calc(var(--list-spacing) * -0.5); padding-left: calc(var(--list-spacing) * 0.5); box-shadow: calc(var(--divider-weight) * -1.5) 0 0 0 var(--sm-current-bg-color); } ol.nb-list.is-style-timeline[class] > li:last-child:before { left: calc( -0.5 * var(--list-spacing)); } ol.nb-list.is-style-timeline[class] > li:last-child:after { content: ''; position: absolute; width: calc(var(--timeline-weight) * 2); height: 100%; left: calc( -0.5 * var(--list-padding) + var(--bullet-width) * 0.5); transform: translateX(-50%); top: calc(var(--bullet-height) * 0.5); background-color: var(--sm-current-bg-color); } ol.nb-list.is-style-divider { padding-left: 0; } ol.nb-list.is-style-divider li { padding-left: var(--list-spacing); } ol.nb-list.is-style-divider li:before { left: var(--pull-value, var(--bullet-border-width, 0px)); } ol.nb-list.is-style-divider li:after { left: 0; } .nb-list.list-checkmark-style ul { --bullet-width: calc(var(--current-font-size) * var(--current-line-height)); --bullet-addons: calc(var(--bullet-width) * -0.5); } .nb-list.list-checkmark-style.is-style-divider.sm-color-signal-0[class] li:before, .nb-list.list-checkmark-style.is-style-divider.sm-color-signal-1[class] li:before { left: 0; transform: translateY(-50%); } .nb-list.is-style-divider li { --element-spacing: var(--theme-spacing-fluid-default); } .nb-list.is-style-divider li:not(:last-child) { border-bottom: var(--divider-weight) solid var(--connection-color); padding-bottom: var(--element-spacing); } .nb-list.is-style-divider li ul li, .nb-list.is-style-divider li ol li { border-bottom: 0; padding-bottom: 0; } .nb-list.is-style-divider.list-checkmark-style, .nb-list.is-style-divider:not(.list-no-marker) { padding-left: 0; } .nb-list.is-style-divider.list-checkmark-style li, .nb-list.is-style-divider:not(.list-no-marker) li { padding-left: var(--list-spacing); } .nb-list.is-style-divider.list-checkmark-style li:before, .nb-list.is-style-divider:not(.list-no-marker) li:before { left: var(--pull-value, var(--bullet-border-width, 0px)); } .nb-list.is-style-divider.list-checkmark-style li:after, .nb-list.is-style-divider:not(.list-no-marker) li:after { left: 0; } .nb-list.is-style-timeline { position: relative; list-style-type: none; } .nb-list.is-style-timeline.list-checkmark-style li:last-child { box-shadow: var(--sm-current-bg-color) calc(-1 * var(--list-spacing)) 0 0 0; } .nb-list.is-style-timeline:not(.list-checkmark-style) li:last-child:after { content: ''; position: absolute; width: calc(var(--timeline-weight) * 2); height: 100%; left: calc(-1 * (var(--list-spacing) - var(--icon-width))); top: 0.55em; background-color: var(--sm-current-bg-color); } .nb-list.is-style-timeline:before { content: ''; position: absolute; top: calc(var(--icon-height) * 0.5); bottom: calc(var(--icon-height) * 0.5); left: calc(var(--icon-width) * 0.5 + var(--bullet-border-width)); transform: translateX(-50%); width: var(--timeline-weight); background-color: var(--connection-color); } .nb-list.list-no-marker:before { content: none; } .wp-block-jetpack-subscriptions form { display: flex; align-items: stretch; } .wp-block-jetpack-subscriptions button[type="submit"] { --theme-button-background-color: var(--sm-current-accent-color) !important; --theme-button-border-color: var(--sm-current-accent-color) !important; --theme-button-text-color: var(--sm-current-bg-color) !important; --theme-button-hover-border-color: var(--sm-current-accent-color) !important; --theme-button-hover-text-color: var(--sm-current-accent-color) !important; font-size: var(--current-font-size) !important; padding: var(--theme-button-padding) !important; border: var(--theme-button-border-width) var(--theme-button-border-style) var(--current-button-border-color) !important; margin-left: 0 !important; height: 100%; } .wp-block-jetpack-subscriptions input[type="email"] { font-size: var(--current-font-size) !important; padding: var(--theme-input-padding) !important; border: 0 !important; height: 100%; } .wp-block-jetpack-subscriptions #subscribe-email { flex: 1; } .wp-block-jetpack-subscriptions:not(.wp-block-jetpack-subscriptions__use-newline) button[type="submit"] { position: relative; font-size: 0 !important; min-width: calc( 1.25 * var(--current-font-size) + 1.5 * var(--current-font-size)); } .wp-block-jetpack-subscriptions:not(.wp-block-jetpack-subscriptions__use-newline) button[type="submit"]:hover:after { background-color: var(--theme-button-hover-text-color); } .wp-block-jetpack-subscriptions:not(.wp-block-jetpack-subscriptions__use-newline) button[type="submit"]:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: calc(1.25 * var(--current-font-size)); height: calc(1 * var(--current-font-size)); border: 0; padding: 0; mask: url(//myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-mail.svg) no-repeat 50% 50%; mask-size: cover; -webkit-mask: url(//myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-mail.svg) no-repeat 50% 50%; -webkit-mask-size: cover; background-color: var(--theme-button-text-color); transition: background-color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1); } .wp-block-jetpack-subscriptions__use-newline form { flex-direction: column; } .wp-block-jetpack-subscriptions__use-newline button { width: 100%; } @media only screen and (min-width: 768px) { .novablocks-block__content { --novablocks-block-content-padding: var(--novablocks-spacing); } } .block-is-moderate + .block-is-moderate:not(.novablocks-media--blog), .block-is-highlighted + .block-is-highlighted[class] { padding-top: 0; } .novablocks-grid__column:first-child .novablocks-grid__area:first-child:last-child { top: calc( var(--novablocks-grid-spacing) * var(--novablocks-grid-spacing-modifier, 1) + var(--novablocks-header-height, 0)); } .nova-food-menu { --block-content-start: ws; --block-content-end:we; } .nova-food-menu__header .section-title { margin-bottom: var(--theme-spacing); } .nova-food-menu__section:not(:first-child) { margin-top: var(--theme-spacing-small); } .nova-food-menu-item__title { --theme-heading-5-font-weight: 700; } .nova-food-menu-item__title .item-title { color: inherit; --font-size: var(--theme-heading-4-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-4-font-family); --current-font-weight: var(--theme-heading-4-font-weight); --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); --current-color: var(--theme-heading-4-color); padding-right: var(--theme-spacing-tiny); } .nova-food-menu-item__title:before { bottom: 0.5em; } .nova-food-menu-item__prices { padding-left: var(--theme-spacing-tiny); font-feature-settings: 'tnum' on, 'lnum' on; } .nova-food-menu__header .section-title { --font-size: var(--theme-heading-2-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-2-font-family); --current-font-style: var(--theme-heading-2-font-style); --current-font-weight: var(--theme-heading-2-font-weight); --current-line-height: var(--theme-heading-2-line-height); --current-letter-spacing: var(--theme-heading-2-letter-spacing); --current-text-transform: var(--theme-heading-2-text-transform); --current-color: var(--theme-heading-2-color); } .nova-food-menu-item__title { font-size: var(--theme-heading-4-font-size); } .nova-food-menu-item__title:before { border-width: .15em; } .nova-food-menu-item .item-title { background-color: var(--sm-current-bg-color); } .wp-block-novablocks-menu-food-item.is-style-rounded { --item-border-radius: 0.4em; } .nova-food-menu-item--highlighted { --item-padding: var( --theme-spacing-tiny ); } @media only screen and (min-width: 768px) { .nova-food-menu-item--highlighted { --item-padding: var( --theme-spacing ); } } .novablocks-map__marker-name { position: absolute; top: 50%; left: 100%; padding: 0.7em 1.2em 0.7em 1em; border-left: 18px solid transparent; margin-left: -18px; margin-top: -6px; box-shadow: 0 2px 10px -5px; border-top-right-radius: 999em; border-bottom-right-radius: 999em; background: #FFFFFF; transform: translate(0, -50%); } .novablocks-map__marker-name[class][class][class] { font-size: 16px; } .novablocks-header--mobile { position: fixed; top: 0; right: 0; left: 0; z-index: 900; width: 100%; display: flex; align-items: center; justify-content: center; padding: var(--theme-spacing-fluid-small) var(--theme-wrapper-sides-spacing); --shadow-color: rgba(0, 0, 0, 0.25); --shadow-y-offset: 4px; --shadow-blur: 4px; } .novablocks-header--mobile:not([style*='fixed'])[class] { --header-background-opacity: 0; } .novablocks-header--mobile .menu-item--cart { display: flex; position: absolute; top: 50%; right: calc( var(--theme-wrapper-sides-spacing) + .5em); transform: translateY(-50%); } .novablocks-header--mobile .menu-item--cart > a { color: currentColor; transition: color .3s ease-out; } @media only screen and (min-width: 1024px) { .novablocks-header__inner-container { padding-top: 0 !important; } .novablocks-header--mobile { display: none; } } @media not screen and (min-width: 1024px) { .novablocks-header--main { margin-top: 0 !important; } .novablocks-header--main:before { --header-background-opacity: 0.95; } .novablocks-header--main .site-branding { display: none !important; } .novablocks-header--main .menu:not(.menu--buttons) .menu-item--cart, .novablocks-header--main .menu:not(.menu--buttons) .menu-item--dark-mode, .novablocks-header--main .menu:not(.menu--buttons) .menu-item--search { display: none !important; } .novablocks-navigation .sub-menu { margin-left: calc(var(--theme-wrapper-sides-spacing) * -1); margin-right: calc(var(--theme-wrapper-sides-spacing) * -1); } .novablocks-navigation .sub-menu > li { padding-left: var(--theme-wrapper-sides-spacing); padding-right: var(--theme-wrapper-sides-spacing); } .c-menu-toggle__checkbox:checked ~ .novablocks-header .novablocks-header__inner-container, .c-menu-toggle__checkbox:checked ~ .novablocks-header .novablocks-header__buttons-menu { opacity: 1; transition: opacity 0.1s cubic-bezier(0, 0, 0.58, 1) 0.25s; } .c-menu-toggle__checkbox:not(:checked) ~ .novablocks-header .novablocks-header__inner-container, .c-menu-toggle__checkbox:not(:checked) ~ .novablocks-header .novablocks-header__buttons-menu { opacity: 0; transition: opacity 0.075s cubic-bezier(0, 0, 0.58, 1) 0s; } } .novablocks-header__buttons-menu a { color: inherit; } .novablocks-header__buttons-menu .menu--buttons { list-style: none; } .novablocks-header__buttons-menu .menu--buttons li { position: relative; } .novablocks-header__buttons-menu .menu--buttons li[class][class] { margin-top: 0; } .novablocks-header__buttons-menu .menu--buttons li:not(:first-child) { margin-left: 1em; } .c-menu-toggle, .c-menu-toggle__slice { transition: var(--theme-transition); } .c-menu-toggle__slice { transition-property: transform; } .c-menu-toggle { margin: 0 !important; background: none !important; transition-property: color; } .c-menu-toggle__checkbox:checked ~ .c-menu-toggle .c-menu-toggle__slice--top { transform: rotate(45deg); } .c-menu-toggle__checkbox:checked ~ .c-menu-toggle .c-menu-toggle__slice--middle { opacity: 0; } .c-menu-toggle__checkbox:checked ~ .c-menu-toggle .c-menu-toggle__slice--bottom { transform: rotate(-45deg); } @media only screen and (min-width: 1024px) { .novablocks-header--main:not(.novablocks-header--sticky) { position: absolute !important; top: 0 !important; } } @media not screen and (min-width: 1024px) { .novablocks-header--main:not(.novablocks-header--sticky) { margin-top: 0 !important; } } .novablocks-header:not(.novablocks-header--ready) { opacity: 0; --header-background-opacity: 0; } @media only screen and (min-width: 1024px) { .novablocks-header.novablocks-header--transparent:not(.novablocks-header--sticky) { --header-background-opacity: 0; } } .novablocks-header--mobile.novablocks-header--transparent:before { --header-background-opacity: 0; } .novablocks-header--mobile:not(.novablocks-header--transparent) { --header-background-opacity: 0.95; } @media only screen and (min-width: 1024px) { .novablocks-header--sticky:not(.novablocks-header--main) { margin-top: 0 !important; } } .novablocks-header--sticky.novablocks-header--main { position: fixed !important; top: 0 !important; } @media only screen and (min-width: 1024px) { .novablocks-header--sticky.novablocks-header--main:before { --header-background-opacity: 0; } } .novablocks-header__buttons-menu { position: absolute; top: 0; right: 0; } .novablocks-header__buttons-menu .menu { display: flex; align-items: center; } @media only screen and (min-width: 1024px) { .novablocks-header__buttons-menu[class] { display: none; } } .menu-item-label { background-color: var(--sm-current-accent-color); background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1)); color: var(--sm-current-bg-color); border-radius: 1em; padding: .25em .9em; font-size: 0.5em; text-transform: uppercase; font-weight: bold; vertical-align: middle; margin-left: 0.5em; } @media not screen and (min-width: 1024px) { .novablocks-header-row { --sm-current-bg-color: inherit; --sm-current-accent-color: inherit; --sm-current-fg1-color: inherit; --sm-current-fg2-color: inherit; } } .novablocks-hero [class*="novablocks-u-content"] { z-index: 10; } .novablocks-hero__inner-container > .c-headline .c-headline__primary, .novablocks-hero__inner-container > .c-headline .c-headline__secondary { opacity: 0; } .novablocks-hero__inner-container > .c-headline + .c-headline .c-headline__primary, .novablocks-hero__inner-container > .c-headline + .c-headline .c-headline__secondary { opacity: 1; } .novablocks-hero__inner-container > :not(.c-headline) { opacity: 0; } .novablocks-hero__inner-container .c-separator__symbol { color: var(--sm-current-accent-color); } .novablocks-hero__inner-container > .wp-block-separator:not(:first-child), .novablocks-hero__inner-container > .wp-block-separator[class] + * { --novablocks-element-spacing-multiplier: 1; } .novablocks-hero__indicator--middle[class] { background-color: transparent; color: inherit; } .novablocks-hero__indicator--middle svg { opacity: 0; } .novablocks-hero__indicator:not(.novablocks-hero__indicator--middle) { width: 160px; height: 50px; top: 100%; color: var(--sm-current-bg-color); background: none; z-index: 1; } .novablocks-hero__indicator:not(.novablocks-hero__indicator--middle):after { color: var(--sm-current-fg2-color); } @media not screen and (min-width: 1024px) { .c-bully { display: none; } } .novablocks-media.novablocks-media--no-thumbnail .novablocks-media__image { display: flex; align-items: center; justify-content: center; } .novablocks-media.novablocks-media--no-thumbnail .novablocks-media__image path { fill: var(--sm-current-accent-color); } .novablocks-media > .wp-block-group__inner-container { padding-top: 1px; } @media not screen and (min-width: 768px) { .novablocks-media__inner-container[class][class][class] { padding: 0; } } .novablocks-media__inner-container .wp-block-separator { width: 100%; } .novablocks-media__content { max-width: 100%; --font-size: var(--theme-body-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-body-font-family); --current-line-height: var(--theme-body-line-height); --current-font-weight: var(--theme-body-font-weight); --current-font-style: var(--theme-body-font-style); --current-letter-spacing: var(--theme-body-letter-spacing); } .novablocks-media__content[class] { min-width: 0; } .novablocks-media__image { position: relative; } .novablocks-media__image a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .novablocks-media__image img, .novablocks-media__image svg { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; width: auto; height: auto; min-height: auto; } @supports (transform: translate(-50%, -50%)) { .novablocks-media__image img, .novablocks-media__image svg { top: 50%; left: 50%; transform: translate(-50%, -50%); } } @supports (object-fit: cover) { .novablocks-media__image img, .novablocks-media__image svg { width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; transform: none; } } .novablocks-media__image svg { object-fit: contain; } .novablocks-media--blog[class] .novablocks-media__content { flex-basis: calc(50% - var(--novablocks-media-spacing)); } .novablocks-media--blog[class] .novablocks-media__aside { flex-basis: calc(50% + var(--novablocks-media-spacing) - 0.5px); } .novablocks-media--blog[class] .novablocks-media__layout { align-items: stretch; } .novablocks-media--blog[class] .novablocks-media__image { height: 100%; min-height: 400px; } .novablocks-navigation { --theme-button-y-padding: .25em; --theme-button-x-padding: 1em; --theme-button-text-color: var(--sm-current-bg-color); --theme-button-background-color: var(--sm-current-fg1-color); --theme-button-border-color: var(--sm-current-fg1-color); --theme-button-hover-text-color: var(--sm-current-fg1-color); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-current-fg1-color); } @media only screen and (min-width: 1024px) { .novablocks-navigation > ul.menu > li:not(.social-menu-item):not([class*="weglot"]):not(.is-cta-button):not(.icon-only), .novablocks-navigation > .menu > ul > li:not(.social-menu-item):not([class*="weglot"]):not(.is-cta-button):not(.icon-only) { position: relative; } .novablocks-navigation > ul.menu > li:not(.social-menu-item):not([class*="weglot"]):not(.is-cta-button):not(.icon-only) > a:before, .novablocks-navigation > .menu > ul > li:not(.social-menu-item):not([class*="weglot"]):not(.is-cta-button):not(.icon-only) > a:before { content: ''; position: absolute; bottom: var(--novablocks-navigation-item-bottom-margin); width: 100%; height: 3px; background: currentColor; transform: scale3d(0, 1, 1); transform-origin: right; transition: var(--novablocks-transition); transition-property: transform; will-change: transform; -webkit-backface-visibility: hidden; } .novablocks-navigation > ul.menu > li:not(.social-menu-item):not([class*="weglot"]):not(.is-cta-button):not(.icon-only) > a:hover:before, .novablocks-navigation > .menu > ul > li:not(.social-menu-item):not([class*="weglot"]):not(.is-cta-button):not(.icon-only) > a:hover:before { transform: scale3d(1, 1, 1); transform-origin: left; } .novablocks-navigation > ul.menu > li:not(.social-menu-item):not([class*="weglot"]):not(.is-cta-button):not(.icon-only).menu-item-has-children > a:before, .novablocks-navigation > .menu > ul > li:not(.social-menu-item):not([class*="weglot"]):not(.is-cta-button):not(.icon-only).menu-item-has-children > a:before { width: calc(100% - 1.25em); right: 1.25em; } .novablocks-navigation > ul.menu > li[class*="current"]:not(.menu-item-home)[class][class] > a:before, .novablocks-navigation > .menu > ul > li[class*="current"]:not(.menu-item-home)[class][class] > a:before { transform: scale3d(1, 1, 1); transform-origin: left; } .novablocks-navigation > ul.menu > li[class*="current"]:not(.menu-item-home)[class][class] > a:hover:before, .novablocks-navigation > .menu > ul > li[class*="current"]:not(.menu-item-home)[class][class] > a:hover:before { transform: scale3d(0, 1, 1); transform-origin: right; } } .novablocks-navigation ul.menu > .is-external-link, .novablocks-navigation .menu > ul > .is-external-link { position: relative; } .novablocks-navigation ul.menu > .is-external-link > a:after, .novablocks-navigation .menu > ul > .is-external-link > a:after { content: ""; position: absolute; right: auto; width: 0; height: 0; margin-left: 5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid currentColor; transform: rotate(45deg); opacity: .5; } .novablocks-navigation ul.menu > .is-cta-button, .novablocks-navigation .menu > ul > .is-cta-button { display: flex; align-items: center; } .novablocks-navigation ul.menu > .is-cta-button > a, .novablocks-navigation .menu > ul > .is-cta-button > a { padding: var(--theme-button-padding); border: var(--theme-button-border-width) var(--theme-button-border-style) var(--current-button-border-color); border-radius: var(--theme-button-border-radius); background-color: var(--current-button-background-color); color: var(--current-button-text-color); --font-size: var(--theme-button-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-button-font-family); --current-font-weight: var(--theme-button-font-weight); --current-font-style: var(--theme-button-font-style); --current-line-height: var(--theme-button-line-height); --current-letter-spacing: var(--theme-button-letter-spacing); --current-text-transform: var(--theme-button-text-transform); background-color: transparent; transform: translateZ(0); will-change: transform; backface-visibility: hidden; overflow: hidden; transition: var(--theme-button-transition); --current-button-background-color: var(--theme-button-background-color); --current-button-border-color: var(--theme-button-border-color); --current-button-text-color: var(--theme-button-text-color); --current-button-transition: var(--theme-button-transition); margin-bottom: 0; } .novablocks-navigation ul.menu > .is-cta-button > a:before, .novablocks-navigation .menu > ul > .is-cta-button > a:before { content: ''; position: absolute; top: calc( -1 * var(--theme-button-border-width)); right: calc( -1 * var(--theme-button-border-width)); bottom: calc( -1 * var(--theme-button-border-width)); left: calc( -1 * var(--theme-button-border-width)); z-index: -1; will-change: transform; -webkit-backface-visibility: hidden; transition: var(--current-button-transition); transition-property: transform; } .novablocks-navigation ul.menu > .is-cta-button > a:before, .novablocks-navigation .menu > ul > .is-cta-button > a:before { transform: scale3d(1, 1, 1); transform-origin: right; background-color: var(--theme-button-background-color); } .novablocks-navigation ul.menu > .is-cta-button > a:not([disabled]):hover:before, .novablocks-navigation .menu > ul > .is-cta-button > a:not([disabled]):hover:before { transform: scale3d(0, 1, 1); } @media not screen and (min-width: 1024px) { .novablocks-navigation ul.menu > .is-cta-button > a, .novablocks-navigation .menu > ul > .is-cta-button > a { width: 100%; margin: .75em 0; text-align: center; } } .novablocks-navigation ul.menu > .is-cta-button > a:hover, .novablocks-navigation .menu > ul > .is-cta-button > a:hover { --current-button-background-color: var(--theme-button-hover-background-color); --current-button-border-color: var(--theme-button-hover-border-color); --current-button-text-color: var(--theme-button-hover-text-color); --current-button-transition: var(--theme-button-hover-transition); } @media not screen and (min-width: 1024px) { .novablocks-navigation { --font-size: 18; } } @media only screen and (min-width: 1024px) { .novablocks-navigation { --novablocks-navigation-item-bottom-margin: .5em; } .novablocks-navigation ul.menu a, .novablocks-navigation .menu > ul a { display: block; color: inherit; text-decoration: none; } .novablocks-navigation ul.menu .customize-partial-edit-shortcut + > li:not(:first-child), .novablocks-navigation .menu > ul .customize-partial-edit-shortcut + > li:not(:first-child) { margin-left: 0; } .novablocks-navigation ul.menu > li > a, .novablocks-navigation .menu > ul > li > a { padding-bottom: calc( var(--novablocks-navigation-item-padding-y) - var(--novablocks-navigation-item-bottom-margin)); margin-bottom: var(--novablocks-navigation-item-bottom-margin); } .novablocks-navigation ul.menu li:hover > a, .novablocks-navigation .menu > ul li:hover > a { border-color: currentColor; } .novablocks-navigation ul.menu li:hover > a:after, .novablocks-navigation .menu > ul li:hover > a:after { opacity: 1; } .novablocks-navigation .sub-menu li a, .novablocks-navigation .children li a { border: 0; padding-left: 1.25em; padding-right: 1.25em; } } .ot-dtp-picker-form .ot-dtp-picker-button[class][class][class][class][class] { display: inline-block; text-decoration: none; --theme-button-text-color: var(--sm-current-bg-color); --theme-button-background-color: var(--sm-button-background-color); --theme-button-border-color: var(--sm-button-background-color); --theme-button-hover-text-color: var(--sm-button-background-color); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-button-background-color); --current-button-background-color: var(--theme-button-background-color); --current-button-border-color: var(--theme-button-border-color); --current-button-text-color: var(--theme-button-text-color); --current-button-transition: var(--theme-button-transition); padding: var(--theme-button-padding); border: var(--theme-button-border-width) var(--theme-button-border-style) var(--current-button-border-color); border-radius: var(--theme-button-border-radius); background-color: var(--current-button-background-color); color: var(--current-button-text-color); transition: var(--current-button-transition); --font-size: var(--theme-button-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-button-font-family); --current-font-weight: var(--theme-button-font-weight); --current-font-style: var(--theme-button-font-style); --current-line-height: var(--theme-button-line-height); --current-letter-spacing: var(--theme-button-letter-spacing); --current-text-transform: var(--theme-button-text-transform); background-color: transparent; transform: translateZ(0); will-change: transform; backface-visibility: hidden; overflow: hidden; background-color: transparent; background-size: calc( 200% + 4 * var(--theme-button-border-width)) calc( 100% + 4 * var(--theme-button-border-width)); background-position: calc( 100% + var(--theme-button-border-width)) calc( -1 * var(--theme-button-border-width)); background-image: linear-gradient(to right, var(--theme-button-hover-background-color) 50%, var(--theme-button-background-color) 50%); font-size: var(--current-font-size); line-height: var(--current-line-height); font-family: var(--current-font-family); } .ot-dtp-picker-form .ot-dtp-picker-button[class][class][class][class][class]:not([disabled]) { cursor: pointer; } .ot-dtp-picker-form .ot-dtp-picker-button[class][class][class][class][class]:not([disabled]):hover { --current-button-background-color: var(--theme-button-hover-background-color); --current-button-border-color: var(--theme-button-hover-border-color); --current-button-text-color: var(--theme-button-hover-text-color); --current-button-transition: var(--theme-button-hover-transition); } .ot-dtp-picker-form .ot-dtp-picker-button[class][class][class][class][class]:not([disabled]):hover { background-position: calc( -1 * var(--theme-button-border-width)) calc( -1 * var(--theme-button-border-width)); } .ot-dtp-picker-form .ot-dtp-picker-button[class][class][class][class][class]:before { transform: scale3d(1, 1, 1); transform-origin: right; background-color: var(--theme-button-background-color); } .ot-dtp-picker-form .ot-dtp-picker-button[class][class][class][class][class]:not([disabled]):hover:before { transform: scale3d(0, 1, 1); } .ot-dtp-picker input[type="submit"][class][class] { --font-size: var(--theme-button-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-button-font-family); --current-font-weight: var(--theme-button-font-weight); --current-font-style: var(--theme-button-font-style); --current-line-height: var(--theme-button-line-height); --current-letter-spacing: var(--theme-button-letter-spacing); --current-text-transform: var(--theme-button-text-transform); text-transform: none; } .novablocks-opentable { /* body.supports-mutation-observer */ transition: var(--theme-transition); transition-property: opacity; } .novablocks-opentable.novablocks-opentable__wide[class] .ot-dtp-picker-selector[class][class] { border-color: var(--sm-current-fg1-color); } .novablocks-opentable.novablocks-opentable__wide[class] .ot-dtp-picker-selector[class][class] .ot-dtp-picker-selector-link { color: var(--sm-current-fg1-color); } .novablocks-opentable.novablocks-opentable__wide[class] .ot-dtp-picker-selector[class][class] .ot-dtp-picker-selector-link:before, .novablocks-opentable.novablocks-opentable__wide[class] .ot-dtp-picker-selector[class][class] .ot-dtp-picker-selector-link:after { color: currentColor; } .novablocks-opentable.novablocks-opentable__wide[class] .ot-dtp-picker-form:after { clear: both; content: ""; display: block; } .novablocks-opentable.novablocks-opentable__standard[class] .ot-party-size-picker { margin-bottom: var(--theme-spacing-medium); } .novablocks-opentable:not(.is-loaded) { opacity: 0; } .ot-dtp-picker-selector-link { text-decoration: none; } .is-dark-mode .novablocks-opentable.novablocks-opentable__standard[class] .ot-powered-by { -webkit-filter: unset; mix-blend-mode: unset; } .is-dark-mode .novablocks-opentable.novablocks-opentable__wide[class] .ot-powered-by { -webkit-filter: invert(1) saturate(0); mix-blend-mode: lighten; } .ot-dtp-picker-form { --font-size: var(--theme-input-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-input-font-family); --current-font-weight: var(--theme-input-font-weight); --current-font-style: var(--theme-input-font-style); --current-line-height: var(--theme-input-line-height); --current-letter-spacing: var(--theme-input-letter-spacing); --current-text-transform: var(--theme-input-text-transform); } .ot-dtp-picker .ot-dtp-picker-selector[class] { height: auto; } .ot-dtp-picker .ot-dtp-picker-selector[class] .ot-dtp-picker-selector-link { display: flex; align-items: center; } .ot-dtp-picker .ot-dtp-picker-selector[class] .ot-dtp-picker-selector-link:before { top: 50%; transform: translateY(-50%); } .picker__nav--prev[class], .picker__nav--next[class] { border: 0; } .picker__frame { --current-font-size: 16px; } .novablocks-slideshow__arrow { width: 50px; height: 50px; background-color: transparent; transform: translateY(-50%); } .novablocks-slideshow__arrow:hover:after { opacity: .1; } .novablocks-slideshow__arrow--prev:before, .novablocks-slideshow__arrow--next:before { content: ""; display: block; width: 32px; height: 32px; margin: 0; border: 0; padding: 0; mask: url(//myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-arrow.svg) no-repeat 50% 50%; mask-size: cover; -webkit-mask: url(//myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-arrow.svg) no-repeat 50% 50%; -webkit-mask-size: cover; background-color: var(--sm-current-fg1-color); } .novablocks-slideshow__arrow--prev:before { transform: translate(-50%, -50%); } .novablocks-slideshow__arrow--next:before { transform: translate(-50%, -50%) rotate(180deg); } .novablocks-slideshow__arrow:after { content: ""; display: block; width: 50px; height: 50px; margin-top: 0; border: 0; border-radius: 50%; background-color: var(--sm-current-bg-color); opacity: 0; transition: opacity 0.15s ease-in; transform: none; } .novablocks-card { --font-size: var(--theme-body-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-body-font-family); --current-line-height: var(--theme-body-line-height); --current-font-weight: var(--theme-body-font-weight); --current-font-style: var(--theme-body-font-style); --current-letter-spacing: var(--theme-body-letter-spacing); } .block-is-highlighted:not(.content-is-highlighted) .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link, .content-is-highlighted:not(.block-is-highlighted) .novablocks-card .wp-block-button:not(.is-style-text) .wp-block-button__link { --theme-button-text-color: var(--sm-current-bg-color); --theme-button-background-color: var(--sm-current-fg1-color); --theme-button-border-color: var(--sm-current-fg1-color); --theme-button-hover-text-color: var(--sm-current-fg1-color); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-current-fg1-color); } .block-is-highlighted:not(.content-is-highlighted) .novablocks-card a:not(.wp-block-button__link), .content-is-highlighted:not(.block-is-highlighted) .novablocks-card a:not(.wp-block-button__link) { color: inherit; text-decoration-color: inherit; } .novablocks-sharing__overlay { --current-color-primary: var(--sm-color-primary); --current-color-secondary: var(--sm-color-secondary); --current-color-tertiary: var(--sm-color-tertiary); --current-dark-primary: var(--sm-light-primary); --current-dark-secondary: var(--sm-light-primary); --current-dark-tertiary: var(--sm-light-tertiary); --current-light-primary: var(--sm-dark-primary); --current-light-secondary: var(--sm-dark-secondary); --current-light-tertiary: var(--sm-dark-tertiary); --font-size: var(--theme-body-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-body-font-family); --current-line-height: var(--theme-body-line-height); --current-font-weight: var(--theme-body-font-weight); --current-font-style: var(--theme-body-font-style); --current-letter-spacing: var(--theme-body-letter-spacing); --novablocks-spacing: var(--theme-spacing-fluid-large); } .novablocks-sharing__overlay[class] { z-index: 1200; } .novablocks-sharing__overlay .novablocks-sharing__wrap[class][class][class] { transition: all 0.4s cubic-bezier(0.25, 0.1, 0.26, 0.99); } .novablocks-sharing__overlay[class]:not(.is-visible) { display: block; pointer-events: none; visibility: hidden; } .novablocks-sharing__overlay[class]:not(.is-visible) .novablocks-sharing__wrap { opacity: 0; transform: translate3d(0, -0.8625em, 0); } .novablocks-sharing__overlay .novablocks-sharing__copy-input { transition: none; } .novablocks-sharing__link[class] { padding: calc( var(--theme-input-padding) / 2) calc( var(--theme-input-padding) * 3 / 4); } .novablocks-sharing__group--copy-link .novablocks-sharing__link { background-color: var(--sm-current-accent-color); color: var(--sm-current-bg-color); } .novablocks-sharing__copy-input[class], .novablocks-sharing__list[class] { border-radius: 0.25em; } .novablocks-sharing__copy-input[class][class] { --theme-input-box-shadow: none; } html:root { --novablocks-wide-width: var(--theme-content-width-wide); --novablocks-container-spacings: var(--theme-wrapper-sides-spacing); } body:not(.has-sidebar) { --block-limit-left: cs; --block-limit-right: ce; } body:not(.has-sidebar) .entry-content { --block-content-start: cs; } .single.has-sidebar .entry-content[class][class][class], .single.has-sidebar .article-navigation[class][class][class], .single.has-sidebar .article-comments[class][class][class] { --block-content-start: ws; } .article--is-landscape .article-header { --block-content-start: var(--block-limit-left); --block-content-end: var(--block-limit-right); } .novablocks-sidecar { --sticky-element-top-spacing: calc( var(--site-header-height) + var(--admin-bar-height) ) ; } .wp-block-group__inner-container { font-size: var(--current-font-size); } body { --offset-addon: var(--sm-content-inset); } .novablocks-sidebar > :not(:first-child) { margin-top: var(--theme-spacing-fluid-small); } .novablocks-sidebar--small { --sidebar-font-size-modifier: 0.75; } .novablocks-sidebar--medium { --sidebar-font-size-modifier: 0.85; } .novablocks-sidebar--large { --sidebar-font-size-modifier: 1; } .novablocks-sidebar * { --font-size-modifier: var(--sidebar-font-size-modifier); font-size: var(--current-font-size); } .novablocks-sidebar .widget > :not(:first-child) { margin-top: var(--theme-spacing-fluid-small); } .novablocks-sidebar .widget-title[class][class] { --font-size: var(--theme-heading-4-font-size); } .novablocks-sidebar .widget-title[class][class] + * { --element-spacing: var(--theme-spacing-fluid-default); } .novablocks-sidebar .children, .novablocks-sidebar .children > li + li { --element-spacing: var(--theme-spacing-tiny); margin-top: var(--element-spacing); } .novablocks-sidebar select { --font-size: 16; } .novablocks-sidebar .has-background:not([class*="wp-block-button"]) { padding: var(--theme-spacing-fluid-xsmall); } .novablocks-sidebar label { flex-direction: column; align-items: flex-start; } .novablocks-sidebar [class*='has-sm-dark'] { --theme-input-overlay-shadow: inset 0px 0px 0px 0px rgba(var(--opacity-color), 0.70); } .novablocks-sidebar form, .novablocks-sidebar input, .novablocks-sidebar button, .novablocks-sidebar select { --font-size-modifier: 1; } .novablocks-content > .alignleft *, .novablocks-content > .alignright *, .novablocks-content > [class*='pull'] *, .novablocks-content > [data-novablocks-alignment] * { --font-size-modifier: 0.75; } .novablocks-sidecar .novablocks-sidecar .novablocks-collection.block-is-basic > [class*="__inner-container"] { padding-left: 0; padding-right: 0; } /* Alignment Helper Classes */ .has-text-align-left { text-align: left; } .has-text-align-center { text-align: center; } .has-text-align-right { text-align: right; } [class*="wp-block"].alignleft:not(:first-child), [class*="wp-block"] > .alignleft:not(:first-child), .editor-styles-wrapper [data-align=left] [data-block]:not(:first-child) { margin-top: var(--theme-content-spacing); } [class*="wp-block"].alignleft:not(:last-child), [class*="wp-block"] > .alignleft:not(:last-child), .editor-styles-wrapper [data-align=left] [data-block]:not(:last-child) { margin-bottom: var(--theme-content-spacing); } [class*="wp-block"].alignright:not(:first-child), [class*="wp-block"] > .alignright:not(:first-child), .editor-styles-wrapper [data-align=right] [data-block]:not(:first-child) { margin-top: var(--theme-content-spacing); } [class*="wp-block"].alignright:not(:last-child), [class*="wp-block"] > .alignright:not(:last-child), .editor-styles-wrapper [data-align=right] [data-block]:not(:last-child) { margin-bottom: var(--theme-content-spacing); } [class*="wp-block"].aligncenter:not(:first-child), [class*="wp-block"] > .aligncenter:not(:first-child), .editor-styles-wrapper [data-align=center] [data-block]:not(:first-child) { margin-top: var(--theme-content-spacing); } [class*="wp-block"].aligncenter:not(:last-child), [class*="wp-block"] > .aligncenter:not(:last-child), .editor-styles-wrapper [data-align=center] [data-block]:not(:last-child) { margin-bottom: var(--theme-content-spacing); } [class*="wp-block"].alignnone:not(:first-child), [class*="wp-block"] > .alignnone:not(:first-child), .editor-styles-wrapper [data-align=none] [data-block]:not(:first-child) { margin-top: var(--theme-content-spacing); } [class*="wp-block"].alignnone:not(:last-child), [class*="wp-block"] > .alignnone:not(:last-child), .editor-styles-wrapper [data-align=none] [data-block]:not(:last-child) { margin-bottom: var(--theme-content-spacing); } [class*="wp-block"].alignleft, [class*="wp-block"] > .alignleft { float: left; margin-left: 0; } [class*="wp-block"] > .alignleft { margin-bottom: var(--theme-content-spacing); } [class*="wp-block"].alignleft .editor-block-list__block-edit, [class*="wp-block"] > .alignleft .editor-block-list__block-edit, .editor-block-list__block[data-align=left] .editor-block-list__block-edit, .block-editor-block-list__block[data-align=left] .editor-block-list__block-edit { max-width: 40%; } [class*="wp-block"].alignleft[data-align] .block-editor-rich-text p, [class*="wp-block"] > .alignleft[data-align] .block-editor-rich-text p, .editor-block-list__block[data-align=left][data-align] .block-editor-rich-text p, .block-editor-block-list__block[data-align=left][data-align] .block-editor-rich-text p { font: inherit; } [class*="wp-block"].alignright, [class*="wp-block"] > .alignright { float: right; margin-right: 0; } [class*="wp-block"] > .alignright { margin-bottom: var(--theme-content-spacing); } [class*="wp-block"].alignright .editor-block-list__block-edit, [class*="wp-block"] > .alignright .editor-block-list__block-edit, .editor-block-list__block[data-align=right] .editor-block-list__block-edit, .block-editor-block-list__block[data-align=right] .editor-block-list__block-edit { max-width: 40%; } [class*="wp-block"].alignright[data-align] .block-editor-rich-text p, [class*="wp-block"] > .alignright[data-align] .block-editor-rich-text p, .editor-block-list__block[data-align=right][data-align] .block-editor-rich-text p, .block-editor-block-list__block[data-align=right][data-align] .block-editor-rich-text p { font: inherit; } [data-align] > [data-align] { max-width: none; margin: 0; } [class*="wp-block"] { clear: both; } [class*="wp-block"].aligncenter, [class*="wp-block"] > .aligncenter, .editor-block-list__block[data-align=center] .editor-block-list__block-edit, .block-editor-block-list__block[data-align=center] .editor-block-list__block-edit { display: block; margin-left: auto; margin-right: auto; text-align: center; } /* Color Helper Classes */ .has-background:not([class*="wp-block-button"]) { padding: var(--theme-spacing-fluid) var(--theme-spacing-fluid-xsmall); } .has-background-dim { background-color: var(--sm-current-fg2-color, #000); } .has-background-dim:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: inherit; opacity: 0.5; pointer-events: none; z-index: 1; } .has-background-dim-10:before { opacity: 0.1; } .has-background-dim-20:before { opacity: 0.2; } .has-background-dim-30:before { opacity: 0.3; } .has-background-dim-40:before { opacity: 0.4; } .has-background-dim-50:before { opacity: 0.5; } .has-background-dim-60:before { opacity: 0.6; } .has-background-dim-70:before { opacity: 0.7; } .has-background-dim-80:before { opacity: 0.8; } .has-background-dim-90:before { opacity: 0.9; } .has-background-dim-100:before { opacity: 1; } .has-sm_color_primary-background-color { background-color: var(--sm-color-primary); } .has-sm-color-primary-background-color { background-color: var(--sm-color-primary); } .has-sm_color_secondary-background-color { background-color: var(--sm-color-secondary); } .has-sm-color-secondary-background-color { background-color: var(--sm-color-secondary); } .has-sm_color_tertiary-background-color { background-color: var(--sm-color-tertiary); } .has-sm-color-tertiary-background-color { background-color: var(--sm-color-tertiary); } .has-sm_dark_primary-background-color { background-color: var(--sm-dark-primary); } .has-sm-dark-primary-background-color { background-color: var(--sm-dark-primary); } .has-sm_dark_secondary-background-color { background-color: var(--sm-dark-secondary); } .has-sm-dark-secondary-background-color { background-color: var(--sm-dark-secondary); } .has-sm_dark_tertiary-background-color { background-color: var(--sm-dark-tertiary); } .has-sm-dark-tertiary-background-color { background-color: var(--sm-dark-tertiary); } .has-sm_light_primary-background-color { background-color: var(--sm-light-primary); } .has-sm-light-primary-background-color { background-color: var(--sm-light-primary); } .has-sm_light_secondary-background-color { background-color: var(--sm-light-secondary); } .has-sm-light-secondary-background-color { background-color: var(--sm-light-secondary); } .has-sm_light_tertiary-background-color { background-color: var(--sm-light-tertiary); } .has-sm-light-tertiary-background-color { background-color: var(--sm-light-tertiary); } .has-sm_color_primary-color { color: var(--sm-color-primary); } .has-sm-color-primary-color { color: var(--sm-color-primary); } .has-sm_color_secondary-color { color: var(--sm-color-secondary); } .has-sm-color-secondary-color { color: var(--sm-color-secondary); } .has-sm_color_tertiary-color { color: var(--sm-color-tertiary); } .has-sm-color-tertiary-color { color: var(--sm-color-tertiary); } .has-sm_dark_primary-color { color: var(--sm-dark-primary); } .has-sm-dark-primary-color { color: var(--sm-dark-primary); } .has-sm_dark_secondary-color { color: var(--sm-dark-secondary); } .has-sm-dark-secondary-color { color: var(--sm-dark-secondary); } .has-sm_dark_tertiary-color { color: var(--sm-dark-tertiary); } .has-sm-dark-tertiary-color { color: var(--sm-dark-tertiary); } .has-sm_light_primary-color { color: var(--sm-light-primary); } .has-sm-light-primary-color { color: var(--sm-light-primary); } .has-sm_light_secondary-color { color: var(--sm-light-secondary); } .has-sm-light-secondary-color { color: var(--sm-light-secondary); } .has-sm_light_tertiary-color { color: var(--sm-light-tertiary); } .has-sm-light-tertiary-color { color: var(--sm-light-tertiary); } :root { --theme-error-color: #C8164B; } .has-parallax { background-attachment: fixed; } .has-micro-padding { --current-element-padding: var(--theme-spacing-micro); } .has-micro-padding-fluid { --current-element-padding: var(--theme-spacing-fluid-micro); } .has-micro-margin { --current-element-margin: var(--theme-spacing-micro); } .has-micro-margin-fluid { --current-element-margin: var(--theme-spacing-fluid-micro); } .has-tiny-padding { --current-element-padding: var(--theme-spacing-tiny); } .has-tiny-padding-fluid { --current-element-padding: var(--theme-spacing-fluid-tiny); } .has-tiny-margin { --current-element-margin: var(--theme-spacing-tiny); } .has-tiny-margin-fluid { --current-element-margin: var(--theme-spacing-fluid-tiny); } .has-default-padding { --current-element-padding: var(--theme-spacing-default); } .has-default-padding-fluid { --current-element-padding: var(--theme-spacing-fluid-default); } .has-default-margin { --current-element-margin: var(--theme-spacing-default); } .has-default-margin-fluid { --current-element-margin: var(--theme-spacing-fluid-default); } .has-xsmall-padding { --current-element-padding: var(--theme-spacing-xsmall); } .has-xsmall-padding-fluid { --current-element-padding: var(--theme-spacing-fluid-xsmall); } .has-xsmall-margin { --current-element-margin: var(--theme-spacing-xsmall); } .has-xsmall-margin-fluid { --current-element-margin: var(--theme-spacing-fluid-xsmall); } .has-small-padding { --current-element-padding: var(--theme-spacing-small); } .has-small-padding-fluid { --current-element-padding: var(--theme-spacing-fluid-small); } .has-small-margin { --current-element-margin: var(--theme-spacing-small); } .has-small-margin-fluid { --current-element-margin: var(--theme-spacing-fluid-small); } .has-medium-padding { --current-element-padding: var(--theme-spacing-medium); } .has-medium-padding-fluid { --current-element-padding: var(--theme-spacing-fluid-medium); } .has-medium-margin { --current-element-margin: var(--theme-spacing-medium); } .has-medium-margin-fluid { --current-element-margin: var(--theme-spacing-fluid-medium); } .has-large-padding { --current-element-padding: var(--theme-spacing-large); } .has-large-padding-fluid { --current-element-padding: var(--theme-spacing-fluid-large); } .has-large-margin { --current-element-margin: var(--theme-spacing-large); } .has-large-margin-fluid { --current-element-margin: var(--theme-spacing-fluid-large); } .has-xl-padding { --current-element-padding: var(--theme-spacing-xl); } .has-xl-padding-fluid { --current-element-padding: var(--theme-spacing-fluid-xl); } .has-xl-margin { --current-element-margin: var(--theme-spacing-xl); } .has-xl-margin-fluid { --current-element-margin: var(--theme-spacing-fluid-xl); } .has-xxl-padding { --current-element-padding: var(--theme-spacing-xxl); } .has-xxl-padding-fluid { --current-element-padding: var(--theme-spacing-fluid-xxl); } .has-xxl-margin { --current-element-margin: var(--theme-spacing-xxl); } .has-xxl-margin-fluid { --current-element-margin: var(--theme-spacing-fluid-xxl); } .is-style-dark, .is-style-darker, .is-style-accent { background-color: var(--sm-current-bg-color); color: var(--sm-current-fg1-color); } .is-style-dark { --current-color-primary: var(--theme-color-primary); --current-color-secondary: var(--theme-color-secondary); --current-color-tertiary: var(--theme-color-tertiary); --current-dark-primary: var(--theme-light-primary); --current-dark-secondary: var(--theme-light-primary); --current-dark-tertiary: var(--theme-light-tertiary); --current-light-primary: var(--theme-dark-primary); --current-light-secondary: var(--theme-dark-secondary); --current-light-tertiary: var(--theme-dark-tertiary); } .is-style-darker { --current-color-primary: var(--theme-color-primary); --current-color-secondary: var(--theme-color-secondary); --current-color-tertiary: var(--theme-color-tertiary); --current-dark-primary: var(--theme-light-primary); --current-dark-secondary: var(--theme-light-primary); --current-dark-tertiary: var(--theme-light-tertiary); --current-light-primary: var(--theme-dark-tertiary); --current-light-secondary: var(--theme-dark-secondary); --current-light-tertiary: var(--theme-dark-primary); } .is-style-accent { --current-color-primary: var(--theme-dark-primary); --current-color-secondary: var(--theme-dark-secondary); --current-color-tertiary: var(--theme-dark-tertiary); --current-dark-primary: var(--theme-light-secondary); --current-dark-secondary: var(--theme-light-primary); --current-dark-tertiary: var(--theme-light-tertiary); --current-light-primary: var(--theme-color-primary); --current-light-secondary: var(--theme-color-secondary); --current-light-tertiary: var(--theme-color-tertiary); } [class*="u-mq"] { position: absolute; width: 0; height: 0; pointer-events: none; visibility: hidden; } @media only screen and (min-width: 480px) { .u-mq-below-mobile { display: none; } } @media not screen and (min-width: 480px) { .u-mq-above-mobile { display: none; } } @media only screen and (min-width: 768px) { .u-mq-below-tablet { display: none; } } @media not screen and (min-width: 768px) { .u-mq-above-tablet { display: none; } } @media only screen and (min-width: 1024px) { .u-mq-below-lap { display: none; } } @media not screen and (min-width: 1024px) { .u-mq-above-lap { display: none; } } @media only screen and (min-width: 1440px) { .u-mq-below-desktop { display: none; } } @media not screen and (min-width: 1440px) { .u-mq-above-desktop { display: none; } } @media only screen and (min-width: 1800px) { .u-mq-below-ultra { display: none; } } @media not screen and (min-width: 1800px) { .u-mq-above-ultra { display: none; } } .has-no-spacing-top { --fake-header-height: calc( 2 * var(--novablocks-spacing) + Max(var(--theme-header-logo-height), calc(var(--theme-navigation-font-size) * var(--theme-navigation-line-height) * 1px))); } .has-no-spacing-top .novablocks-hero:first-child:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(0, 0, 0, 0.2) var(--theme-promobar-height, 0px), rgba(0, 0, 0, 0.03) calc(2 * var(--fake-header-height, 0px)), rgba(0, 0, 0, 0) 100%); } .has-novablocks-header-transparent .entry-content > :first-child { --novablocks-block-top-spacing: 0 !important; } .admin-bar { --admin-bar-height: 32px; } @media screen and (max-width: 782px) { .admin-bar { --admin-bar-height: 46px; } } [class][class] .has-smallest-font-size, [class][class] .has-smaller-font-size, [class][class] .has-normal-font-size, [class][class] .has-larger-font-size, [class][class] .has-largest-font-size { font-size: var(--current-font-size); } [class][class] .has-smallest-font-size { --font-size-modifier: 0.6; } [class][class] .has-smaller-font-size { --font-size-modifier: 0.8; } [class][class] .has-normal-font-size { --font-size-modifier: 1; } [class][class] .has-larger-font-size { --font-size-modifier: 1.25; } [class][class] .has-largest-font-size { --font-size-modifier: 1.5; } [class][class] h1.has-largest-font-size { --font-size: var(--theme-super-display-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-super-display-font-family); --current-font-style: var(--theme-super-display-font-style); --current-line-height: var(--theme-super-display-line-height); --current-font-weight: var(--theme-super-display-font-weight); --current-letter-spacing: var(--theme-super-display-letter-spacing); --current-text-transform: var(--theme-super-display-text-transform); --current-color: var(--theme-super-display-color); --font-size-modifier: 1; } [class][class] h1.has-larger-font-size, [class][class] h2.has-largest-font-size { --font-size: var(--theme-display-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-display-font-family); --current-font-style: var(--theme-display-font-style); --current-line-height: var(--theme-display-line-height); --current-font-weight: var(--theme-display-font-weight); --current-letter-spacing: var(--theme-display-letter-spacing); --current-text-transform: var(--theme-display-text-transform); --current-color: var(--theme-display-color); --font-size-modifier: 1; } [class][class] h2.has-larger-font-size, [class][class] h3.has-largest-font-size { --font-size: var(--theme-heading-1-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-1-font-family); --current-font-style: var(--theme-heading-1-font-style); --current-line-height: var(--theme-heading-1-line-height); --current-font-weight: var(--theme-heading-1-font-weight); --current-letter-spacing: var(--theme-heading-1-letter-spacing); --current-text-transform: var(--theme-heading-1-text-transform); --current-color: var(--theme-heading-1-color); --font-size-modifier: 1; } [class][class] h1.has-smaller-font-size, [class][class] h3.has-larger-font-size { --font-size: var(--theme-heading-2-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-2-font-family); --current-font-style: var(--theme-heading-2-font-style); --current-font-weight: var(--theme-heading-2-font-weight); --current-line-height: var(--theme-heading-2-line-height); --current-letter-spacing: var(--theme-heading-2-letter-spacing); --current-text-transform: var(--theme-heading-2-text-transform); --current-color: var(--theme-heading-2-color); --font-size-modifier: 1; } [class][class] h1.has-smallest-font-size, [class][class] h2.has-smaller-font-size, [class][class] h4.has-larger-font-size, [class][class] h5.has-largest-font-size { --font-size: var(--theme-heading-3-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-3-font-family); --current-font-style: var(--theme-heading-3-font-style); --current-font-weight: var(--theme-heading-3-font-weight); --current-line-height: var(--theme-heading-3-line-height); --current-letter-spacing: var(--theme-heading-3-letter-spacing); --current-text-transform: var(--theme-heading-3-text-transform); --current-color: var(--theme-heading-3-color); --font-size-modifier: 1; } [class][class] h2.has-smallest-font-size, [class][class] h3.has-smaller-font-size, [class][class] h5.has-larger-font-size, [class][class] h6.has-largest-font-size { --font-size: var(--theme-heading-4-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-4-font-family); --current-font-weight: var(--theme-heading-4-font-weight); --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); --current-color: var(--theme-heading-4-color); --font-size-modifier: 1; } [class][class] h3.has-smallest-font-size, [class][class] h4.has-smaller-font-size, [class][class] h6.has-larger-font-size { --font-size: var(--theme-heading-5-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-5-font-family); --current-font-weight: var(--theme-heading-5-font-weight); --current-font-style: var(--theme-heading-5-font-style); --current-line-height: var(--theme-heading-5-line-height); --current-letter-spacing: var(--theme-heading-5-letter-spacing); --current-text-transform: var(--theme-heading-5-text-transform); --current-color: var(--theme-heading-5-color); --font-size-modifier: 1; } [class][class] h4.has-smallest-font-size, [class][class] h5.has-smaller-font-size, [class][class] h5.has-smallest-font-size, [class][class] h6.has-smaller-font-size, [class][class] h6.has-smallest-font-size { --font-size: var(--theme-heading-6-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-6-font-family); --current-font-weight: var(--theme-heading-6-font-weight); --current-font-style: var(--theme-heading-6-font-style); --current-line-height: var(--theme-heading-6-line-height); --current-letter-spacing: var(--theme-heading-6-letter-spacing); --current-text-transform: var(--theme-heading-6-text-transform); --current-color: var(--theme-heading-6-color); --font-size-modifier: 1; } /*! Theme Name: Rosa2 Theme URI: https://demos.pixelgrade.com/rosa2 Author: Pixelgrade Author URI: https://pixelgrade.com Description: ROSA 2 is an enchanting and easy-to-use parallax Restaurant WordPress theme that allows you to tell your story in a dynamic, narrative and enjoyable way, making it perfect for restaurants, bakeries, bars or coffee shops. Version: 1.13.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: rosa2 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, fluid-layout, responsive-layout, parallax, translation-ready, restaurant Requires at least: 5.2.0 Tested up to: 5.9.3 This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* Table of Contents 0. Reset 1. Elements - HTML Entities 2. Components 2.1. Site Header 2.2. Site Content 2.3. Site Footer 2.4. Comments 2.5. Navigation 2.5. Search Form 3. Blocks 4. Pages 5. Theming 6. Overwrites */ /* 0.1. Reset */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } *, :before, :after { box-sizing: border-box; } * { border: 0; padding: 0; margin: 0; } /* 0.2. Elements */ html { -webkit-font-smoothing: antialiased; scroll-behavior: smooth; scroll-padding-top: var(--theme-header-height); --theme-body-final-font-size: var(--final-font-size); --font-size: var(--theme-body-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-body-font-family); --current-line-height: var(--theme-body-line-height); --current-font-weight: var(--theme-body-font-weight); --current-font-style: var(--theme-body-font-style); --current-letter-spacing: var(--theme-body-letter-spacing); } body { overflow-x: hidden; } ::-webkit-input-placeholder { color: var(--theme-input-placeholder-color); opacity: var(--theme-input-placeholder-opacity); } :-moz-placeholder { color: var(--theme-input-placeholder-color); opacity: var(--theme-input-placeholder-opacity); } ::-moz-placeholder { color: var(--theme-input-placeholder-color); opacity: var(--theme-input-placeholder-opacity); } :-ms-input-placeholder { color: var(--theme-input-placeholder-color); opacity: var(--theme-input-placeholder-opacity); } input:not([type]), input[type="text"], input[type="tel"], input[type="number"], input[type="date"], input[type="email"], input[type="password"], input[type="url"], input[type="search"] { width: 100%; height: auto; max-width: 100%; padding: var(--theme-input-padding); color: var(--theme-input-color); border-radius: var(--theme-input-border-radius); background-color: var(--theme-input-background-color); box-shadow: var(--theme-input-box-shadow); border: 0; transition: all .2s ease-in-out; --font-size: var(--theme-input-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-input-font-family); --current-font-weight: var(--theme-input-font-weight); --current-font-style: var(--theme-input-font-style); --current-line-height: var(--theme-input-line-height); --current-letter-spacing: var(--theme-input-letter-spacing); --current-text-transform: var(--theme-input-text-transform); font-family: inherit; -webkit-font-smoothing: initial; -webkit-appearance: none; } input:not([type]):hover, input[type="text"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="date"]:hover, input[type="email"]:hover, input[type="password"]:hover, input[type="url"]:hover, input[type="search"]:hover { --theme-input-box-shadow: var(--theme-input-hover-box-shadow); } input:not([type]):focus, input:not([type]):active, input[type="text"]:focus, input[type="text"]:active, input[type="tel"]:focus, input[type="tel"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="date"]:focus, input[type="date"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="url"]:focus, input[type="url"]:active, input[type="search"]:focus, input[type="search"]:active { --theme-input-border-color: var(--theme-input-focus-border-color); --theme-input-box-shadow: var(--theme-input-focus-box-shadow); outline: 0; } input:not([type])[disabled], input[type="text"][disabled], input[type="tel"][disabled], input[type="number"][disabled], input[type="date"][disabled], input[type="email"][disabled], input[type="password"][disabled], input[type="url"][disabled], input[type="search"][disabled] { border-color: var(--theme-input-disabled-border-color); background-color: var(--theme-input-disabled-background-color); } [class*="invalid"] input:not([type]), [class*="invalid"] input[type="text"], [class*="invalid"] input[type="tel"], [class*="invalid"] input[type="number"], [class*="invalid"] input[type="date"], [class*="invalid"] input[type="email"], [class*="invalid"] input[type="password"], [class*="invalid"] input[type="url"], [class*="invalid"] input[type="search"] { --theme-input-box-shadow: var(--theme-input-error-box-shadow); --theme-input-color: var(--theme-input-error-color); --theme-input-placeholder-color: var(--theme-input-error-color); --theme-input-placeholder-opacity: 0; } [class*="invalid"] input:not([type]):hover, [class*="invalid"] input[type="text"]:hover, [class*="invalid"] input[type="tel"]:hover, [class*="invalid"] input[type="number"]:hover, [class*="invalid"] input[type="date"]:hover, [class*="invalid"] input[type="email"]:hover, [class*="invalid"] input[type="password"]:hover, [class*="invalid"] input[type="url"]:hover, [class*="invalid"] input[type="search"]:hover { --theme-input-box-shadow: var(--theme-input-error-box-shadow); } [class*="invalid"] input:not([type]):focus, [class*="invalid"] input:not([type]):active, [class*="invalid"] input[type="text"]:focus, [class*="invalid"] input[type="text"]:active, [class*="invalid"] input[type="tel"]:focus, [class*="invalid"] input[type="tel"]:active, [class*="invalid"] input[type="number"]:focus, [class*="invalid"] input[type="number"]:active, [class*="invalid"] input[type="date"]:focus, [class*="invalid"] input[type="date"]:active, [class*="invalid"] input[type="email"]:focus, [class*="invalid"] input[type="email"]:active, [class*="invalid"] input[type="password"]:focus, [class*="invalid"] input[type="password"]:active, [class*="invalid"] input[type="url"]:focus, [class*="invalid"] input[type="url"]:active, [class*="invalid"] input[type="search"]:focus, [class*="invalid"] input[type="search"]:active { --theme-input-box-shadow: var(--theme-input-focus-error-box-shadow); } input[type="checkbox"] { position: relative; left: 0; float: left; clear: left; box-shadow: var(--theme-input-box-shadow); border-radius: var(--theme-input-border-radius); width: var(--theme-checkbox-width) !important; height: var(--theme-checkbox-height) !important; margin-right: var(--theme-input-horizontal-spacing); background-color: var(--sm-current-bg-color); cursor: pointer; -webkit-appearance: none; border-color: var(--sm-current-accent-color); transition: all .2s ease-in-out; color: var(--sm-current-bg-color); } input[type="checkbox"]:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: var(--sm-current-accent-color); background-image: url(https://myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/checkbox.svg); background-size: 60% 60%; background-position: center center; background-repeat: no-repeat; opacity: 0; transition: opacity .1s ease-in-out; } input[type="checkbox"]:hover { --theme-input-box-shadow: var(--theme-input-hover-box-shadow); } input[type="checkbox"]:focus, input[type="checkbox"]:active { --theme-input-border-color: var(--theme-input-focus-border-color); --theme-input-box-shadow: var(--theme-input-focus-box-shadow); outline: 0; } input[type="checkbox"]:checked { box-shadow: 0 0 0 1px var(--sm-current-accent-color); } input[type="checkbox"]:checked:after { opacity: 1; } input[type="radio"] { position: relative; left: 0; float: left; clear: left; box-shadow: var(--theme-input-box-shadow); border-radius: var(--theme-input-border-radius); width: var(--theme-checkbox-width) !important; height: var(--theme-checkbox-height) !important; margin-right: var(--theme-input-horizontal-spacing); background-color: var(--sm-current-bg-color); cursor: pointer; -webkit-appearance: none; border-radius: 50%; transition: all .2s ease-in-out; -webkit-font-smoothing: initial; -webkit-appearance: none; } input[type="radio"]:hover { --theme-input-box-shadow: var(--theme-input-hover-box-shadow); } input[type="radio"]:focus, input[type="radio"]:active { --theme-input-border-color: var(--theme-input-focus-border-color); --theme-input-box-shadow: var(--theme-input-focus-box-shadow); outline: 0; } input[type="radio"]:checked { border: 0.375em solid var(--sm-current-accent-color); box-shadow: 0 0 0 1px var(--sm-current-accent-color); outline: 0; } input[type="submit"], input[type="button"] { display: inline-block; text-decoration: none; --theme-button-text-color: var(--sm-current-bg-color); --theme-button-background-color: var(--sm-button-background-color); --theme-button-border-color: var(--sm-button-background-color); --theme-button-hover-text-color: var(--sm-button-background-color); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-button-background-color); --current-button-background-color: var(--theme-button-background-color); --current-button-border-color: var(--theme-button-border-color); --current-button-text-color: var(--theme-button-text-color); --current-button-transition: var(--theme-button-transition); padding: var(--theme-button-padding); border: var(--theme-button-border-width) var(--theme-button-border-style) var(--current-button-border-color); border-radius: var(--theme-button-border-radius); background-color: var(--current-button-background-color); color: var(--current-button-text-color); transition: var(--current-button-transition); --font-size: var(--theme-button-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-button-font-family); --current-font-weight: var(--theme-button-font-weight); --current-font-style: var(--theme-button-font-style); --current-line-height: var(--theme-button-line-height); --current-letter-spacing: var(--theme-button-letter-spacing); --current-text-transform: var(--theme-button-text-transform); background-color: transparent; transform: translateZ(0); will-change: transform; backface-visibility: hidden; overflow: hidden; background-color: transparent; background-size: calc( 200% + 4 * var(--theme-button-border-width)) calc( 100% + 4 * var(--theme-button-border-width)); background-position: calc( 100% + var(--theme-button-border-width)) calc( -1 * var(--theme-button-border-width)); background-image: linear-gradient(to right, var(--theme-button-hover-background-color) 50%, var(--theme-button-background-color) 50%); } input[type="submit"]:not([disabled]), input[type="button"]:not([disabled]) { cursor: pointer; } input[type="submit"]:not([disabled]):hover, input[type="button"]:not([disabled]):hover { --current-button-background-color: var(--theme-button-hover-background-color); --current-button-border-color: var(--theme-button-hover-border-color); --current-button-text-color: var(--theme-button-hover-text-color); --current-button-transition: var(--theme-button-hover-transition); } input[type="submit"]:not([disabled]):hover, input[type="button"]:not([disabled]):hover { background-position: calc( -1 * var(--theme-button-border-width)) calc( -1 * var(--theme-button-border-width)); } input[type="submit"]:before, input[type="button"]:before { transform: scale3d(1, 1, 1); transform-origin: right; background-color: var(--theme-button-background-color); } input[type="submit"]:not([disabled]):hover:before, input[type="button"]:not([disabled]):hover:before { transform: scale3d(0, 1, 1); } button[type="submit"], button[type="reset"] { display: inline-block; text-decoration: none; --theme-button-text-color: var(--sm-current-bg-color); --theme-button-background-color: var(--sm-button-background-color); --theme-button-border-color: var(--sm-button-background-color); --theme-button-hover-text-color: var(--sm-button-background-color); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-button-background-color); --current-button-background-color: var(--theme-button-background-color); --current-button-border-color: var(--theme-button-border-color); --current-button-text-color: var(--theme-button-text-color); --current-button-transition: var(--theme-button-transition); padding: var(--theme-button-padding); border: var(--theme-button-border-width) var(--theme-button-border-style) var(--current-button-border-color); border-radius: var(--theme-button-border-radius); background-color: var(--current-button-background-color); color: var(--current-button-text-color); transition: var(--current-button-transition); --font-size: var(--theme-button-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-button-font-family); --current-font-weight: var(--theme-button-font-weight); --current-font-style: var(--theme-button-font-style); --current-line-height: var(--theme-button-line-height); --current-letter-spacing: var(--theme-button-letter-spacing); --current-text-transform: var(--theme-button-text-transform); background-color: transparent; transform: translateZ(0); will-change: transform; backface-visibility: hidden; overflow: hidden; } button[type="submit"]:not([disabled]), button[type="reset"]:not([disabled]) { cursor: pointer; } button[type="submit"]:not([disabled]):hover, button[type="reset"]:not([disabled]):hover { --current-button-background-color: var(--theme-button-hover-background-color); --current-button-border-color: var(--theme-button-hover-border-color); --current-button-text-color: var(--theme-button-hover-text-color); --current-button-transition: var(--theme-button-hover-transition); } button[type="submit"]:before, button[type="reset"]:before { content: ''; position: absolute; top: calc( -1 * var(--theme-button-border-width)); right: calc( -1 * var(--theme-button-border-width)); bottom: calc( -1 * var(--theme-button-border-width)); left: calc( -1 * var(--theme-button-border-width)); z-index: -1; will-change: transform; -webkit-backface-visibility: hidden; transition: var(--current-button-transition); transition-property: transform; } button[type="submit"]:before, button[type="reset"]:before { transform: scale3d(1, 1, 1); transform-origin: right; background-color: var(--theme-button-background-color); } button[type="submit"]:not([disabled]):hover:before, button[type="reset"]:not([disabled]):hover:before { transform: scale3d(0, 1, 1); } input[type="file"] { width: 100%; } input[type="file"]::-webkit-file-upload-button { display: block; margin-bottom: 0 !important; padding: .75em 1.75em; border: 0 solid transparent; border-right-width: 1em; background-clip: padding-box; overflow: visible; font-weight: 600; text-align: center; color: var(--theme-input-color); background-color: var(--theme-input-background-color); vertical-align: middle; cursor: pointer; } input[type="file"]::-webkit-file-upload-button:hover, input[type="file"]::-webkit-file-upload-button:focus, input[type="file"]::-webkit-file-upload-button:active { outline: 0; box-shadow: none; background-color: var(--theme-input-background-color); } textarea { width: 100%; height: auto; max-width: 100%; padding: var(--theme-input-padding); color: var(--theme-input-color); border-radius: var(--theme-input-border-radius); background-color: var(--theme-input-background-color); box-shadow: var(--theme-input-box-shadow); border: 0; transition: all .2s ease-in-out; --font-size: var(--theme-input-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-input-font-family); --current-font-weight: var(--theme-input-font-weight); --current-font-style: var(--theme-input-font-style); --current-line-height: var(--theme-input-line-height); --current-letter-spacing: var(--theme-input-letter-spacing); --current-text-transform: var(--theme-input-text-transform); font-family: inherit; -webkit-font-smoothing: initial; -webkit-appearance: none; min-height: 7.5em; resize: vertical; } textarea:hover { --theme-input-box-shadow: var(--theme-input-hover-box-shadow); } textarea:focus, textarea:active { --theme-input-border-color: var(--theme-input-focus-border-color); --theme-input-box-shadow: var(--theme-input-focus-box-shadow); outline: 0; } textarea[disabled] { border-color: var(--theme-input-disabled-border-color); background-color: var(--theme-input-disabled-background-color); } [class*="invalid"] textarea { --theme-input-box-shadow: var(--theme-input-error-box-shadow); --theme-input-color: var(--theme-input-error-color); --theme-input-placeholder-color: var(--theme-input-error-color); --theme-input-placeholder-opacity: 0; } [class*="invalid"] textarea:hover { --theme-input-box-shadow: var(--theme-input-error-box-shadow); } [class*="invalid"] textarea:focus, [class*="invalid"] textarea:active { --theme-input-box-shadow: var(--theme-input-focus-error-box-shadow); } select { width: 100%; height: auto; max-width: 100%; padding: var(--theme-input-padding); color: var(--theme-input-color); border-radius: var(--theme-input-border-radius); background-color: var(--theme-input-background-color); box-shadow: var(--theme-input-box-shadow); border: 0; transition: all .2s ease-in-out; --font-size: var(--theme-input-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-input-font-family); --current-font-weight: var(--theme-input-font-weight); --current-font-style: var(--theme-input-font-style); --current-line-height: var(--theme-input-line-height); --current-letter-spacing: var(--theme-input-letter-spacing); --current-text-transform: var(--theme-input-text-transform); font-family: inherit; -webkit-font-smoothing: initial; -webkit-appearance: none; --select-icon-size: 6px; padding-right: 3.125em; background-image: linear-gradient(45deg, transparent 50%, var(--sm-current-fg2-color) 50%), linear-gradient(135deg, var(--sm-current-fg2-color) 50%, transparent 50%); background-position: calc(100% - var(--theme-input-padding) - var(--select-icon-size)) center, calc(100% - var(--theme-input-padding)) center; background-size: var(--select-icon-size) var(--select-icon-size), var(--select-icon-size) var(--select-icon-size); background-repeat: no-repeat; -webkit-appearance: none; } select:hover { --theme-input-box-shadow: var(--theme-input-hover-box-shadow); } select:focus, select:active { --theme-input-border-color: var(--theme-input-focus-border-color); --theme-input-box-shadow: var(--theme-input-focus-box-shadow); outline: 0; } select[disabled] { border-color: var(--theme-input-disabled-border-color); background-color: var(--theme-input-disabled-background-color); } [class*="invalid"] select { --theme-input-box-shadow: var(--theme-input-error-box-shadow); --theme-input-color: var(--theme-input-error-color); --theme-input-placeholder-color: var(--theme-input-error-color); --theme-input-placeholder-opacity: 0; } [class*="invalid"] select:hover { --theme-input-box-shadow: var(--theme-input-error-box-shadow); } [class*="invalid"] select:focus, [class*="invalid"] select:active { --theme-input-box-shadow: var(--theme-input-focus-error-box-shadow); } @media only screen and (min-width: 768px) { select { --select-icon-size: 8px; } } select[multiple] { background: none; padding-right: .8125em; } fieldset { border: 0; } fieldset legend { color: var(--theme-input-legend-color); padding: 0 !important; } fieldset > div { margin-top: var(--theme-input-vertical-spacing); } label { color: var(--theme-input-label-color); display: flex; align-items: center; --font-size: var(--theme-input-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-input-font-family); --current-font-weight: var(--theme-input-font-weight); --current-font-style: var(--theme-input-font-style); --current-line-height: var(--theme-input-line-height); --current-letter-spacing: var(--theme-input-letter-spacing); --current-text-transform: var(--theme-input-text-transform); --current-font-weight: bold; margin: 0; cursor: pointer; } label:not(:first-child) { margin-top: var(--theme-input-vertical-spacing); } label:not(:last-child) { margin-bottom: var(--theme-input-vertical-spacing); } .input-normal-height { --theme-input-padding: .833em; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; font-weight: var(--current-font-weight); color: var(--current-color); } h1, .h1 { --font-size: var(--theme-heading-1-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-1-font-family); --current-font-style: var(--theme-heading-1-font-style); --current-line-height: var(--theme-heading-1-line-height); --current-font-weight: var(--theme-heading-1-font-weight); --current-letter-spacing: var(--theme-heading-1-letter-spacing); --current-text-transform: var(--theme-heading-1-text-transform); --current-color: var(--theme-heading-1-color); --current-font-feature: "liga", "dlig", "onum"; } h2, .h2 { --font-size: var(--theme-heading-2-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-2-font-family); --current-font-style: var(--theme-heading-2-font-style); --current-font-weight: var(--theme-heading-2-font-weight); --current-line-height: var(--theme-heading-2-line-height); --current-letter-spacing: var(--theme-heading-2-letter-spacing); --current-text-transform: var(--theme-heading-2-text-transform); --current-color: var(--theme-heading-2-color); --current-font-feature: "liga", "dlig", "onum"; } h3, .h3 { --font-size: var(--theme-heading-3-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-3-font-family); --current-font-style: var(--theme-heading-3-font-style); --current-font-weight: var(--theme-heading-3-font-weight); --current-line-height: var(--theme-heading-3-line-height); --current-letter-spacing: var(--theme-heading-3-letter-spacing); --current-text-transform: var(--theme-heading-3-text-transform); --current-color: var(--theme-heading-3-color); } h4, .h4 { --font-size: var(--theme-heading-4-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-4-font-family); --current-font-weight: var(--theme-heading-4-font-weight); --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); --current-color: var(--theme-heading-4-color); } h5, .h5 { --font-size: var(--theme-heading-5-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-5-font-family); --current-font-weight: var(--theme-heading-5-font-weight); --current-font-style: var(--theme-heading-5-font-style); --current-line-height: var(--theme-heading-5-line-height); --current-letter-spacing: var(--theme-heading-5-letter-spacing); --current-text-transform: var(--theme-heading-5-text-transform); --current-color: var(--theme-heading-5-color); } h6, .h6 { --font-size: var(--theme-heading-6-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-6-font-family); --current-font-weight: var(--theme-heading-6-font-weight); --current-font-style: var(--theme-heading-6-font-style); --current-line-height: var(--theme-heading-6-line-height); --current-letter-spacing: var(--theme-heading-6-letter-spacing); --current-text-transform: var(--theme-heading-6-text-transform); --current-color: var(--theme-heading-6-color); } em, i, q, dfn { font-style: italic; } em { --current-font-style: italic; } strong, b { --current-font-weight: bold; } /* Iframes */ iframe { width: 100%; max-width: 100%; margin: 0; } /* Media */ img, video { max-width: 100%; height: auto; } img { transition: var(--theme-transition); transition-property: opacity; } figure { margin: 0; } /* Lists */ ul, ol { list-style-position: outside; margin-left: 0; } ul > :not(:first-child), ol > :not(:first-child) { margin-top: var(--theme-spacing-fluid-default); } ul ul, ul ol, ol ul, ol ol { margin-top: var(--theme-spacing-fluid-tiny); } ul ul > :not(:first-child), ul ol > :not(:first-child), ol ul > :not(:first-child), ol ol > :not(:first-child) { margin-top: var(--theme-spacing-fluid-tiny); } ul { --list-padding: var(--theme-spacing-fluid-xsmall); padding-left: var(--list-padding); } ol { --list-padding: calc(var(--theme-spacing-fluid-small) * 1.2); padding-left: var(--list-padding); } /* Nested unordered lists */ ul { list-style-type: disc; } ul ul { list-style-type: circle; } ul ul ul { list-style-type: square; } /* Nested ordered lists */ ol { list-style-type: decimal; } ol ol { list-style-type: lower-alpha; } /* Links */ a { color: var(--sm-current-fg1-color); text-decoration: underline; text-decoration-color: currentColor; transition: var(--theme-links-transition); } a:hover, a:focus { text-decoration-color: var(--theme-links-color); } a[href^=tel] { color: currentColor; text-decoration-color: transparent; } /* Entry meta links */ .entry-meta a { text-decoration-color: transparent; } .entry-meta a:hover, .entry-meta a:focus { text-decoration-color: var(--theme-links-color); } /* Headings links */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: var(--theme-links-color); text-decoration-color: transparent; } h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus { text-decoration-color: transparent; } /* Preformatted */ pre { white-space: pre; white-space: pre-wrap; word-break: break-all; word-wrap: break-word; } /* Tables */ table { width: 100%; float: none; border-collapse: collapse; margin-bottom: 2em; } table th { text-align: left; } table th, table td { vertical-align: middle; } table tr, table thead, table tbody, table tfoot { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } table th, table td { padding: .5em; max-width: 100%; white-space: nowrap; border: 0; } table caption { padding: 5em 0; } table th:first-child, table td:first-child { padding-left: 0; } table th:last-child, table td:last-child { padding-right: 0; } table.has-fixed-layout { table-layout: fixed; } table.has-fixed-layout th, table.has-fixed-layout td { white-space: normal; } .is-style-lead { --font-size: var(--theme-lead-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-lead-font-family); --current-font-style: var(--theme-lead-font-style); --current-line-height: var(--theme-lead-line-height); --current-letter-spacing: var(--theme-lead-letter-spacing); --current-text-transform: var(--theme-lead-text-transform); font-size: var(--current-font-size); line-height: var(--current-line-height); } .is-style-meta { --font-size: var(--theme-meta-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-meta-font-family); --current-font-weight: var(--theme-meta-font-weight); --current-font-style: var(--theme-meta-font-style); --current-line-height: var(--theme-meta-line-height); --current-letter-spacing: var(--theme-meta-letter-spacing); --current-text-transform: var(--theme-meta-text-transform); } .is-style-caption { --font-size: var(--theme-caption-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-caption-font-family); --current-font-weight: var(--theme-caption-font-weight); --current-line-height: var(--theme-caption-line-height); --current-letter-spacing: var(--theme-caption-letter-spacing); } /* 2. Components */ .promo-bar { position: fixed; top: 0; left: 0; z-index: 1200; width: 100%; } @media not screen and (min-width: 1024px) { .promo-bar[class][class] { position: absolute; } } .promo-bar .novablocks-announcement-bar.is-hidden { display: block; } .promo-bar .novablocks-announcement-bar__wrapper { position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0, -50%); padding-left: var(--theme-header-sides-spacing); padding-right: var(--theme-header-sides-spacing); } @media not screen and (min-width: 1024px) { .novablocks-announcement-bar__close { display: none; } } .form-inline { display: flex; } .form-inline input[type="submit"], .form-inline input[type="button"], .form-inline button[type="submit"], .form-inline button[type="reset"] { flex-shrink: 0; margin-top: 0; } .c-subscribe-form { display: flex; flex-direction: column; --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1, var(--sm-color-palette-1-bg-color-1)); --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1, var(--sm-color-palette-1-accent-color-1)); --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2, var(--sm-color-palette-1-bg-color-2)); --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2, var(--sm-color-palette-1-accent-color-2)); --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3, var(--sm-color-palette-1-bg-color-3)); --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3, var(--sm-color-palette-1-accent-color-3)); --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4, var(--sm-color-palette-1-bg-color-4)); --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4, var(--sm-color-palette-1-accent-color-4)); --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5, var(--sm-color-palette-1-bg-color-5)); --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5, var(--sm-color-palette-1-accent-color-5)); --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6, var(--sm-color-palette-1-bg-color-6)); --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6, var(--sm-color-palette-1-accent-color-6)); --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7, var(--sm-color-palette-1-bg-color-7)); --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7, var(--sm-color-palette-1-accent-color-7)); --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8, var(--sm-color-palette-1-bg-color-8)); --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8, var(--sm-color-palette-1-accent-color-8)); --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9, var(--sm-color-palette-1-bg-color-9)); --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9, var(--sm-color-palette-1-accent-color-9)); --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10, var(--sm-color-palette-1-bg-color-10)); --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10, var(--sm-color-palette-1-accent-color-10)); --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11, var(--sm-color-palette-1-bg-color-11)); --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11, var(--sm-color-palette-1-accent-color-11)); --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12, var(--sm-color-palette-1-bg-color-12)); --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12, var(--sm-color-palette-1-accent-color-12)); --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); } .c-subscribe-form > :not(:first-child) { margin-top: var(--theme-spacing-fluid-default); } .c-subscribe-form button[type='submit'] { --sm-current-bg-color: var(--sm-bg-color-6); --sm-current-accent-color: var(--sm-accent-color-6); --sm-current-fg1-color: var(--sm-fg1-color-6); --sm-current-fg2-color: var(--sm-fg2-color-6); background-color: var(--current-button-background-color) !important; color: var(--current-button-text-color) !important; --theme-button-text-color: var(--sm-current-fg1-color) !important; --theme-button-background-color: var(--sm-current-bg-color) !important; --theme-button-border-color: var(--sm-current-bg-color) !important; --theme-button-hover-text-color: var(--sm-current-fg1-color) !important; --theme-button-hover-background-color: var(--sm-current-bg-color) !important; --theme-button-hover-border-color: var(--sm-current-bg-color) !important; } .c-subscribe-form a { color: inherit; text-decoration: underline; } .c-subscribe-form__title { --font-size: 27; } .c-subscribe-form__description { --font-size: 19; } .c-subscribe-form__actions { display: flex; flex-direction: column; } .c-subscribe-form__actions button[type='submit'] { margin-top: var(--theme-spacing-tiny); } .c-subscribe-form.form-has-background { --sm-current-bg-color: var(--sm-bg-color-12); --sm-current-accent-color: var(--sm-accent-color-12); --sm-current-fg1-color: var(--sm-fg1-color-12); --sm-current-fg2-color: var(--sm-fg2-color-12); padding: 2em; background-color: var(--sm-current-bg-color); color: var(--sm-current-fg1-color); } .c-subscribe-form.button-is-inline button { position: relative; font-size: 0 !important; min-width: calc(1.25 * var(--current-font-size) + 1.5 * var(--current-font-size)); } .c-subscribe-form.button-is-inline button:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: calc(1.25 * var(--current-font-size)); height: calc(1 * var(--current-font-size)); border: 0; padding: 0; mask: url(https://myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-mail.svg) no-repeat 50% 50%; mask-size: cover; -webkit-mask: url(https://myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-mail.svg) no-repeat 50% 50%; -webkit-mask-size: cover; background-color: var(--theme-button-text-color); transition: background-color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1); } .c-subscribe-form.button-is-inline .c-subscribe-form__actions { flex-direction: row; } .c-subscribe-form.button-is-inline .c-subscribe-form__actions button { margin-top: 0; } .c-search-overlay { position: fixed; top: 0; bottom: 0; left: 0; z-index: 9999; width: 100%; padding: 1em var(--theme-wrapper-sides-spacing); --theme-button-padding: .6em 1.7em; --theme-input-search-focus-overlay-shadow: inset 0px 0px 0px 2px currentColor; --theme-search-input-focus: var(--theme-input-search-focus-overlay-shadow), var(--theme-input-focus-colored-shadow), var(--theme-input-focus-shadow); --theme-input-box-shadow: var(--theme-search-input-focus); --theme-input-focus-box-shadow: var(--theme-search-input-focus); --theme-input-hover-box-shadow: var(--theme-search-input-focus); } @media only screen and (min-width: 1024px) { .c-search-overlay { transform: translateY(-100vh); transition: transform 0.45s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.1s; } } @media not screen and (min-width: 1024px) { .c-search-overlay { transform: translateX(-100vw); transition: transform .3s ease-out; --theme-button-padding: .25em 1em; } } .c-search-overlay input[type="submit"], .c-search-overlay input[type="button"] { --theme-button-background-color: var(--sm-fg2-color-2); --theme-button-border-color: var(--sm-fg2-color-2); --theme-button-hover-text-color: var(--sm-fg2-color-2); --theme-button-hover-border-color: var(--sm-fg2-color-2); } .c-search-overlay__form { transition: opacity 0.1s cubic-bezier(0, 0, 0.58, 1) 0.025s; } .c-search-overlay__suggestions { transition: opacity 0.1s cubic-bezier(0, 0, 0.58, 1) 0s; } .admin-bar .c-search-overlay { top: 32px; } .demo-site .c-search-overlay { top: 80px; } .admin-bar.demo-site .c-search-overlay { top: 112px; } @media (max-width: 782px) { .admin-bar .c-search-overlay { top: 46px; } .admin-bar.demo-site .c-search-overlay { top: 126px; } } @media (max-width: 700px) { .admin-bar.demo-site .c-search-overlay { top: 146px; } } .has-search-overlay .c-search-overlay { transition: transform 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); } @media only screen and (min-width: 1024px) { .has-search-overlay .c-search-overlay { transform: translateY(0); } } @media not screen and (min-width: 1024px) { .has-search-overlay .c-search-overlay { transform: translateX(0); } } .has-search-overlay .c-search-overlay__form { opacity: 1; transition: opacity 0.1s cubic-bezier(0.42, 0, 1, 1) 0.2s; } .has-search-overlay .c-search-overlay__suggestions { opacity: 1; transition: opacity 0.1s cubic-bezier(0.42, 0, 1, 1) 0.225s; } .c-search-overlay__content { position: relative; padding-top: 4.8em; max-width: 62.5em; width: 100%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 1024px) { .c-search-overlay__content { padding-top: 6.8em; } } .c-search-overlay__form { display: flex; align-items: center; opacity: 0; } @media not screen and (min-width: 1024px) { .c-search-overlay__form { flex-direction: column; align-items: flex-start; } .c-search-overlay__form .c-search-overlay__cancel { padding-left: 0 !important; padding-right: 0 !important; } } .c-search-overlay__suggestions { margin-top: 3em; opacity: 0; transition: opacity 0.1s cubic-bezier(0.42, 0, 0.58, 1) 0s; --font-size: var(--theme-body-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-body-font-family); --current-line-height: var(--theme-body-line-height); --current-font-weight: var(--theme-body-font-weight); --current-font-style: var(--theme-body-font-style); --current-letter-spacing: var(--theme-body-letter-spacing); --font-size: 21; --current-font-weight: bold; } @media only screen and (min-width: 1024px) { .c-search-overlay__suggestions { margin-top: 5.5em; max-width: 65%; } } .c-search-overlay__suggestions .menu { display: flex; flex-wrap: wrap; margin-left: -.5em; margin-top: 1em; padding-left: 0; } .c-search-overlay__suggestions .menu li { --current-line-height: 1.3; margin-left: .5em; margin-bottom: .5em; margin-top: 0; padding: var(--theme-button-padding); border: 2px solid currentColor; display: inline-block; text-decoration: none; --theme-button-text-color: var(--sm-current-bg-color); --theme-button-background-color: var(--sm-button-background-color); --theme-button-border-color: var(--sm-button-background-color); --theme-button-hover-text-color: var(--sm-button-background-color); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-button-background-color); --current-button-background-color: var(--theme-button-background-color); --current-button-border-color: var(--theme-button-border-color); --current-button-text-color: var(--theme-button-text-color); --current-button-transition: var(--theme-button-transition); background-color: transparent; transform: translateZ(0); will-change: transform; backface-visibility: hidden; overflow: hidden; --current-button-text-color: var(--theme-button-hover-text-color); --theme-button-background-color: var(--sm-fg2-color-1); } .c-search-overlay__suggestions .menu li:not([disabled]) { cursor: pointer; } .c-search-overlay__suggestions .menu li:not([disabled]):hover { --current-button-background-color: var(--theme-button-hover-background-color); --current-button-border-color: var(--theme-button-hover-border-color); --current-button-text-color: var(--theme-button-hover-text-color); --current-button-transition: var(--theme-button-hover-transition); } .c-search-overlay__suggestions .menu li:before { content: ''; position: absolute; top: calc( -1 * var(--theme-button-border-width)); right: calc( -1 * var(--theme-button-border-width)); bottom: calc( -1 * var(--theme-button-border-width)); left: calc( -1 * var(--theme-button-border-width)); z-index: -1; will-change: transform; -webkit-backface-visibility: hidden; transition: var(--current-button-transition); transition-property: transform; } .c-search-overlay__suggestions .menu li:before { transform: scale3d(0, 1, 1); transform-origin: left; background-color: var(--theme-button-background-color); } .c-search-overlay__suggestions .menu li:not([disabled]):hover { --current-button-text-color: var(--theme-button-text-color); } .c-search-overlay__suggestions .menu li:not([disabled]):hover:before { transform: scale3d(1, 1, 1); } .c-search-overlay__suggestions .menu li a { padding: 0; text-decoration: none; transition: color .3s ease; } .c-search-overlay__suggestions .menu li:hover a { color: var(--sm-current-bg-color); } .c-search-overlay .search-form { margin-top: 0; overflow: hidden; } .c-search-overlay .c-search-overlay__cancel { cursor: pointer; display: flex; align-items: center; padding: var(--theme-button-padding); --font-size: var(--theme-button-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-button-font-family); --current-font-weight: var(--theme-button-font-weight); --current-font-style: var(--theme-button-font-style); --current-line-height: var(--theme-button-line-height); --current-letter-spacing: var(--theme-button-letter-spacing); --current-text-transform: var(--theme-button-text-transform); --font-size: 21; } .c-search-overlay .c-search-overlay__cancel:hover { color: currentColor !important; opacity: .8; } .c-search-overlay .c-search-overlay__cancel:after { content: 'Cancel'; } @media not screen and (min-width: 1024px) { .c-search-overlay .c-search-overlay__cancel { position: absolute; top: 0; left: 0; font-weight: 500; padding: 0; } .c-search-overlay .c-search-overlay__cancel:before { content: ''; display: inline-block; width: 1em; height: 1em; mask: url(https://myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/arrow-down.svg) no-repeat 50% 50%; mask-size: contain; mask-position: center; -webkit-mask: url(https://myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/arrow-down.svg) no-repeat 50% 50%; -webkit-mask-size: contain; -webkit-mask-position: center; transform: rotate(90deg); background-color: currentColor; margin-right: 3px; } .c-search-overlay .c-search-overlay__cancel:after { content: 'Back'; } } .has-search-overlay { overflow: hidden; } .menu-item--search a { text-decoration: none; } .menu-item--search:not(.no-icon) a { --search-icon-width: calc( var(--icons-size-multiplier) * var(--current-font-size) ); padding-left: calc(var(--search-icon-width) + 6px) !important; overflow: visible; } .menu-item--search:not(.no-icon) a:after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; width: var(--search-icon-width); height: var(--search-icon-width); border: 0; padding: 0; mask: url(https://myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-search.svg) no-repeat 50% 50%; mask-size: contain; -webkit-mask: url(https://myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-search.svg) no-repeat 50% 50%; -webkit-mask-size: contain; background-color: currentColor; overflow: visible; } .menu-item--search:not(.no-icon) a:before { width: calc(100% - var(--search-icon-width) - 8px) !important; } .menu-item--search.icon-only { text-indent: -9999px; } .menu-item--search.icon-only a:before { content: ''; position: absolute; top: 50%; left: 50%; min-height: 45px; min-width: 45px; transform: translate(-50%, -50%); } .menu-item--search.icon-only a:after { left: 50%; transform: translate(-50%, -50%); } @media not screen and (min-width: 1024px) { .novablocks-navigation .menu-item--search { display: none; } } .menu-item--dark-mode { display: flex; align-items: center; } .menu-item--dark-mode:not(.no-icon) { --switcher-icon-width: calc( var(--icons-size-multiplier) * var(--current-font-size) ); } .menu-item--dark-mode:not(.no-icon) a { padding-left: calc(var(--switcher-icon-width) + 6px) !important; } .menu-item--dark-mode:not(.no-icon) a:after { content: ''; position: absolute; width: var(--switcher-icon-width); height: var(--switcher-icon-width); left: 0; top: 50%; background-color: currentColor; mask: url(https://myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-dark-mode.svg) no-repeat 50% 50%; mask-size: contain; -webkit-mask: url(https://myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-dark-mode.svg) no-repeat 50% 50%; -webkit-mask-size: contain; transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); } .menu-item--dark-mode:not(.no-icon) a:before { width: calc(100% - var(--switcher-icon-width)) !important; } .menu-item--dark-mode:not(.no-icon):not(.icon-only) a:after { transform: translateY(-50%); } .is-dark .menu-item--dark-mode:not(.no-icon):not(.icon-only) a:after { transform: translateY(-50%) rotate(180deg); } .is-dark .menu-item--dark-mode.icon-only a:after { transform: translate(-50%, -50%) rotate(180deg); } .menu-item--dark-mode.icon-only a { text-indent: -999999px; height: 100%; } .menu-item--dark-mode.icon-only a:before { content: ''; position: absolute; top: 50%; left: 50%; min-height: 45px; min-width: 45px; transform: translate(-50%, -50%); } .menu-item--dark-mode.icon-only a:after { left: 50%; transform: translate(-50%, -50%); } .menu-item--dark-mode a { color: currentColor; text-decoration: none; } /* 2.1. Site Branding */ .site-logo img { height: var(--theme-header-logo-height); } @media not screen and (min-width: 768px) { .site-logo img { height: var(--theme-mobile-header-logo-height); } } .site-title { --font-size: var(--theme-heading-4-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-4-font-family); --current-font-weight: var(--theme-heading-4-font-weight); --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); --current-color: var(--theme-heading-4-color); --font-size: calc(var(--theme-header-logo-height-setting) * 1.8); --current-line-height: 1; } @media not screen and (min-width: 768px) { .site-title { --current-font-size: calc(var(--theme-mobile-header-logo-height) * 1.8); } } /* 2.2. Site Content */ .site-main { padding-left: var(--theme-wrapper-sides-spacing); padding-right: var(--theme-wrapper-sides-spacing); } .site-main > .alignfull { margin-left: calc( -1 * var(--theme-wrapper-sides-spacing)); margin-right: calc( -1 * var(--theme-wrapper-sides-spacing)); } .site-main > .alignfull.stop-right { margin-right: 0; } .site-main > .alignfull.stop-left { margin-left: 0; } .site-main > .alignfull.stop-left.stop-right { margin-left: 0; margin-right: 0; } /* 2.3. Site Footer */ .site-footer--fallback { padding-top: var(--theme-spacing-medium); padding-bottom: var(--theme-spacing-medium); background-color: var(--sm-current-bg-color); color: var(--sm-current-fg1-color); } .site-footer--fallback a { color: inherit; text-decoration: underline; } .site-footer > .site-footer__inner-container > div:last-child { margin-top: 0; } .site-footer .wp-block-group.is-style-default { padding-top: var(--wp-block-group-padding); padding-bottom: var(--wp-block-group-padding); } @media only screen and (min-width: 1024px) { .site-footer .wp-block-group .wp-block-group__inner-container { --display-mode: grid; } } .site-footer__inner-container > .wp-block-group { --novablocks-emphasis-top-spacing: 1; --novablocks-emphasis-bottom-spacing: 1; } /* Post Content */ .entry-header { --novablocks-element-spacing-multiplier: 0.5; } .entry-title { word-break: break-word; } .entry-content { overflow-wrap: break-word; } .entry-content:after { content: " "; display: table; clear: both; } [class*="__inner-container"] { padding-left: var(--theme-wrapper-sides-spacing); padding-right: var(--theme-wrapper-sides-spacing); } [class*="__inner-container"] > .alignfull { margin-left: calc( -1 * var(--theme-wrapper-sides-spacing)); margin-right: calc( -1 * var(--theme-wrapper-sides-spacing)); } [class*="__inner-container"] > .alignfull.stop-right { margin-right: 0; } [class*="__inner-container"] > .alignfull.stop-left { margin-left: 0; } [class*="__inner-container"] > .alignfull.stop-left.stop-right { margin-left: 0; margin-right: 0; } [class*='align-pull'] [class*="__inner-container"] { padding-left: 0; padding-right: 0; } .entry-footer { padding-left: var(--theme-wrapper-sides-spacing); padding-right: var(--theme-wrapper-sides-spacing); } .entry-footer > .alignfull { margin-left: calc( -1 * var(--theme-wrapper-sides-spacing)); margin-right: calc( -1 * var(--theme-wrapper-sides-spacing)); } .entry-footer > .alignfull.stop-right { margin-right: 0; } .entry-footer > .alignfull.stop-left { margin-left: 0; } .entry-footer > .alignfull.stop-left.stop-right { margin-left: 0; margin-right: 0; } .entry-footer > :not(:first-child) { margin-top: var(--theme-spacing-medium); } .entry-meta { display: flex; flex-wrap: wrap; justify-content: center; padding-left: 0; list-style: none; --font-size: var(--theme-meta-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-meta-font-family); --current-font-weight: var(--theme-meta-font-weight); --current-font-style: var(--theme-meta-font-style); --current-line-height: var(--theme-meta-line-height); --current-letter-spacing: var(--theme-meta-letter-spacing); --current-text-transform: var(--theme-meta-text-transform); } .entry-meta > :not(:last-child):after { content: "\b7"; padding: 0 var(--theme-spacing-tiny); } .entry-meta > :not(:first-child) { margin-top: 0; } .c-meta { display: flex; flex-wrap: wrap; align-items: center; flex-direction: row-reverse; justify-content: flex-end; margin-top: calc( -1 * var(--element-spacing)); margin-left: calc( -1 * var(--element-spacing)); --font-size: var(--theme-meta-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-meta-font-family); --current-font-weight: var(--theme-meta-font-weight); --current-font-style: var(--theme-meta-font-style); --current-line-height: var(--theme-meta-line-height); --current-letter-spacing: var(--theme-meta-letter-spacing); --current-text-transform: var(--theme-meta-text-transform); --font-size-modifier: 1 !important; } .c-meta[class][class][class] { max-width: none; margin-top: 0; } .c-meta a:hover { text-decoration: underline; } .c-meta > * { margin-top: var(--element-spacing); margin-left: var(--element-spacing); } .c-meta__row--secondary { opacity: 0.7; } .c-meta__social .c-meta__row-item { --current-font-weight: 700; } .c-meta__social .c-meta__row-item:after { content: none; } .c-meta a:not(.button) { text-decoration: none; } .c-meta .c-meta-comments__link { color: inherit; } .c-meta .novablocks-sharing[class][class] .wp-block-buttons { margin-top: 0; } .c-meta .novablocks-sharing__button-label { position: relative; } .c-meta .novablocks-sharing__button-label:before { content: ''; position: absolute; bottom: 0; width: 100%; height: 3px; background: currentColor; transform: scale3d(0, 1, 1); transform-origin: right; transition: var(--theme-transition); transition-property: transform; will-change: transform; -webkit-backface-visibility: hidden; } .c-meta .novablocks-sharing__button-label:hover:before { transform: scale3d(1, 1, 1); transform-origin: left; } .c-meta .novablocks-sharing:hover a:before, .c-meta .novablocks-sharing:hover .novablocks-sharing__button-label:before, .c-meta .c-meta-comments:hover a:before, .c-meta .c-meta-comments:hover .novablocks-sharing__button-label:before { transform: scale3d(1, 1, 1); transform-origin: left; } .c-meta .c-button__link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; } .c-meta-author { display: flex; margin-left: calc( -1 * var(--element-spacing) * 0.5); margin-top: calc( -1 * var(--element-spacing)); } .c-meta-author__avatar { flex: 0 0 60px; } @media only screen and (min-width: 1024px) { .c-meta-author__avatar { flex-basis: 2.8em; } } .c-meta-author__avatar-wrapper { position: relative; padding-top: 100%; border-radius: 50%; overflow: hidden; } .c-meta-author__avatar-wrapper img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; } .c-meta-author__body { align-self: center; } .c-meta-author > * { margin-left: calc(var(--element-spacing) * 0.5); margin-top: var(--element-spacing); } .c-meta-comments { position: relative; display: flex; align-items: center; } .c-meta-comments__link[class][class] { text-decoration-color: currentColor; text-decoration: none; } .c-meta-comments__count { --font-size-modifier: 0.75; position: relative; padding: 0 0.35em; min-width: 1.5em; border-radius: 4px; text-align: center; color: currentColor; background-color: var(--sm-current-bg-color); border: 1px solid currentColor; } .c-meta-comments__count + .c-meta-comments__label { margin-left: 0.5em; } .c-meta__rows { --current-font-weight: 400; } .c-meta__authorship { flex-grow: 1; } .c-meta__authorship .c-meta__row-item:not(:last-child):after { content: "\00B7"; padding-left: 0.3em; padding-right: 0.3em; } .c-meta__social { order: -1; } .c-meta__social .novablocks-sharing .wp-block-button__link[class][class][class] { display: flex; border: 0; padding: 0; --font-size: inherit; --font-size-modifier: 1; } .c-meta__social .novablocks-sharing .wp-block-button__link[class][class][class][class]:before { content: none; } .c-meta__social .novablocks-sharing .wp-block-button__link[class][class][class][class], .c-meta__social .novablocks-sharing .wp-block-button__link[class][class][class][class]:hover, .c-meta__social .novablocks-sharing .wp-block-button__link[class][class][class][class]:focus, .c-meta__social .novablocks-sharing .wp-block-button__link[class][class][class][class]:active { color: inherit; box-shadow: none; transform: none; background: transparent; } .c-meta__social .novablocks-sharing .wp-block-button__link[class][class][class] .novablocks-sharing__button-label { margin-left: .5em; } .c-meta__social .novablocks-sharing .wp-block-button__link[class][class][class] .novablocks-icon { width: 1.5em; stroke-width: 0.65; } .c-meta__social .c-meta__row { margin-left: calc( -1 * var(--element-spacing)); margin-top: calc( -1 * var(--element-spacing)); } .c-meta__social .c-meta__row > * { margin-left: var(--element-spacing); margin-top: var(--element-spacing); } .c-meta__social .wp-block-button__link[class][class], .c-meta__social .c-meta-comments { --current-font-weight: 400; } .c-meta__row { display: flex; flex-wrap: wrap; align-items: center; } .novablocks-icon-symbol[class][class] { fill: transparent; } .c-meta-comments__count-text { color: var(--sm-current-fg2-color); font-size: 0.75em; } .c-meta-comments__arrow { position: absolute; right: 30%; border-left: 0.45em solid transparent; border-top: 0.35em solid var(--sm-current-bg-color); filter: drop-shadow(1px 0px 0 currentColor) drop-shadow(0 1px 0 currentColor); } .c-meta-author__body .author { --current-font-weight: 700; color: var(--sm-current-accent-color); } /* 2.4. Comments */ :root { --theme-comment-metadata-spacing: 0.5em; --theme-comment-avatar-spacing: 20px; --theme-comment-body-spacing: 0.5rem; --theme-comment-content-spacing: var(--theme-spacing-medium); --theme-comment-avatar-width: 56px; } .comments-area { clear: both; } .comments-area > :not(:first-child) { margin-top: var(--theme-spacing-medium); } .comments-area:not(:first-child) { margin-top: var(--theme-spacing-fluid-medium); } .comments-area__wrap { overflow: hidden; } .comments-area__wrap[class] { margin-top: 0; } .comments-area__content { padding-top: var(--theme-content-spacing); } .comments-area__content > :not(:first-child) { margin-top: var(--theme-spacing-medium); } .article-comments { padding-left: var(--theme-wrapper-sides-spacing); padding-right: var(--theme-wrapper-sides-spacing); } .c-comments-toggle__label { display: inline-block; text-decoration: none; --theme-button-text-color: var(--sm-current-bg-color); --theme-button-background-color: var(--sm-button-background-color); --theme-button-border-color: var(--sm-button-background-color); --theme-button-hover-text-color: var(--sm-button-background-color); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-button-background-color); --current-button-background-color: var(--theme-button-background-color); --current-button-border-color: var(--theme-button-border-color); --current-button-text-color: var(--theme-button-text-color); --current-button-transition: var(--theme-button-transition); padding: var(--theme-button-padding); border: var(--theme-button-border-width) var(--theme-button-border-style) var(--current-button-border-color); border-radius: var(--theme-button-border-radius); background-color: var(--current-button-background-color); color: var(--current-button-text-color); transition: var(--current-button-transition); --font-size: var(--theme-button-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-button-font-family); --current-font-weight: var(--theme-button-font-weight); --current-font-style: var(--theme-button-font-style); --current-line-height: var(--theme-button-line-height); --current-letter-spacing: var(--theme-button-letter-spacing); --current-text-transform: var(--theme-button-text-transform); background-color: transparent; transform: translateZ(0); will-change: transform; backface-visibility: hidden; overflow: hidden; display: block; text-align: center; } .c-comments-toggle__label:not([disabled]) { cursor: pointer; } .c-comments-toggle__label:not([disabled]):hover { --current-button-background-color: var(--theme-button-hover-background-color); --current-button-border-color: var(--theme-button-hover-border-color); --current-button-text-color: var(--theme-button-hover-text-color); --current-button-transition: var(--theme-button-hover-transition); } .c-comments-toggle__label:before { content: ''; position: absolute; top: calc( -1 * var(--theme-button-border-width)); right: calc( -1 * var(--theme-button-border-width)); bottom: calc( -1 * var(--theme-button-border-width)); left: calc( -1 * var(--theme-button-border-width)); z-index: -1; will-change: transform; -webkit-backface-visibility: hidden; transition: var(--current-button-transition); transition-property: transform; } .c-comments-toggle__label:before { transform: scale3d(1, 1, 1); transform-origin: right; background-color: var(--theme-button-background-color); } .c-comments-toggle__label:not([disabled]):hover:before { transform: scale3d(0, 1, 1); } .c-comments-toggle__label[class] { margin-bottom: 0; } .c-comments-toggle__checkbox { display: none; } .c-comments-toggle__checkbox:not(:checked) + .c-comments-toggle__label ~ * { display: none; } .comment { position: relative; } .comment { position: relative; } .comment .edit-link { position: absolute; top: 0; right: 0; opacity: 0; transition: all .5s ease; } .comment .children { margin-left: var(--theme-spacing-medium); margin-top: var(--theme-spacing-medium); } .comment .children .children { margin-left: 0; } @media not screen and (min-width: 1024px) { .comment .children { margin-left: 1.25em; } } .comment__wrapper { display: flex; align-items: flex-start; } .comment__avatar { margin-right: var(--theme-comment-avatar-spacing); max-width: var(--theme-comment-avatar-width); flex: 0 0 auto; overflow: hidden; } .comment__body { flex-grow: 1; } .comment__body > :not(:first-child) { margin-top: var(--theme-spacing-small); } .comment__edit { position: absolute; top: 0; right: 0; transition: all .5s ease; } .comment:not(:hover) .comment__edit { opacity: 0; } @media only screen and (min-width: 768px) { .comment__header { display: flex; } } @media only screen and (min-width: 768px) { .comment__metadata { margin-left: var(--theme-comment-metadata-spacing); } } .comment__content > :not(:first-child) { margin-top: var(--theme-spacing-small); } .comment__reply a { text-decoration-color: transparent; } .comment__reply a:hover { text-decoration-color: var(--sm-current-accent-color); } .comment-form { display: flex; flex-wrap: wrap; justify-content: space-between; } .comment-form > * { flex: 0 0 100%; } .comment-form p:not(:last-child) { margin-bottom: var(--theme-spacing-medium); } .comment-form p.form-submit { margin-bottom: 0; } .comment-form label { color: var(--theme-input-label-color); display: flex; align-items: center; --font-size: var(--theme-input-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-input-font-family); --current-font-weight: var(--theme-input-font-weight); --current-font-style: var(--theme-input-font-style); --current-line-height: var(--theme-input-line-height); --current-letter-spacing: var(--theme-input-letter-spacing); --current-text-transform: var(--theme-input-text-transform); --current-font-weight: bold; margin: 0; cursor: pointer; display: block; font-size: 90%; } .comment-form label:not(:first-child) { margin-top: var(--theme-input-vertical-spacing); } .comment-form label:not(:last-child) { margin-bottom: var(--theme-input-vertical-spacing); } .comment-form input[type="checkbox"] { vertical-align: middle; } .comment-form input[type="checkbox"] + label { margin-top: 0; } .comment-notes { font-size: 85%; } .comment-form-author, .comment-form-email { flex: 0 0 47%; } @media only screen and (min-width: 1024px) { .comment-form-subscriptions, .comment-form .form-submit { flex: 0 0 47%; } .comment-form .form-submit { margin-left: auto; } } .comment-form-author input, .comment-form-email input, .comment-form-url input { width: 100%; } .comment__text { display: block; width: 100%; max-width: 100%; } .comment-form .form-submit { order: 10; text-align: right; } .comment-form-subscriptions { margin-top: var(--theme-spacing-small); display: flex; justify-content: space-between; flex-direction: column; } .comment-form-subscriptions.comment-form-subscriptions.comment-form-subscriptions { margin-bottom: var(--theme-spacing-medium); } .comment-subscription-form { display: flex; align-items: center; } .comment-subscription-form:first-of-type { margin-bottom: .625em; } .comment-subscription-form input[type="checkbox"] { -webkit-appearance: none !important; margin-bottom: 0; } label.subscribe-label.subscribe-label { padding-top: 0; padding-bottom: 0; margin-bottom: 0; } label.subscribe-label.subscribe-label:before { content: none; } .subscribe-label { display: inline-block !important; } .comment-form-cookies-consent label, .wpgdprc-checkbox label { font-weight: normal; } .comment-form-cookies-consent { display: flex; align-items: center; } .comment-form-cookies-consent input[type="checkbox"] { margin-bottom: 0; } .comment-form-cookies-consent label[for="wp-comment-cookies-consent"] { margin-top: 0; } .comment-list { list-style: none; padding: 0; } .comment-list .children { list-style: none; } .comment-list > li + li { margin-top: var(--theme-spacing-medium); } .comment-list + .comment-respond { margin-top: var(--theme-spacing-medium); } .comment__wrapper { display: flex; align-items: flex-start; } .comment__wrapper:hover .edit-link { opacity: 1; } .comment__avatar { margin-right: 1.25em; flex: 0 0 auto; border-radius: 50%; overflow: hidden; } .comment__avatar .avatar { display: block; margin: 0; } @media not screen and (min-width: 1024px) { .comment__avatar { max-width: 2em; } } .comment__metadata a, .comment-reply-title a, .edit-link a, .reply a, .logged-in-as a { --font-size: var(--theme-heading-6-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-6-font-family); --current-font-weight: var(--theme-heading-6-font-weight); --current-font-style: var(--theme-heading-6-font-style); --current-line-height: var(--theme-heading-6-line-height); --current-letter-spacing: var(--theme-heading-6-letter-spacing); --current-text-transform: var(--theme-heading-6-text-transform); --current-color: var(--theme-heading-6-color); opacity: .6; } .comment__metadata { display: inline-block; } .comment__metadata a { text-decoration: underline; text-decoration-color: transparent; } .comment__metadata a:hover { text-decoration-color: var(--sm-current-accent-color); } .reply a { margin-bottom: var(--theme-spacing); display: block; } .comment__metadata a, .reply.reply a { transition: var(--theme-transition); transition-property: opacity; } .comment__metadata a:hover, .reply.reply a:hover { opacity: .8; } .bypostauthor { color: inherit; } .bypostauthor .comment__author { color: var(--sm-current-fg2-color); } .says { display: none; } .children > li + li { margin-top: var(--theme-spacing-medium); } @media not screen and (min-width: 1024px) { .c-author { text-align: center; } .c-author__avatar { margin-left: auto; margin-right: auto; } } .comment-respond > :not(:first-child) { margin-top: var(--theme-spacing-tiny); } .comment-reply-title[class] { margin-bottom: var(--theme-spacing-small); } .comment-reply-title small { font: inherit; } .bypostauthor { color: inherit; } .says { display: none; } /* 2.5. Navigation */ .navigation[class]:not(first-child) { margin-top: var(--theme-spacing-fluid-small); } .navigation[class]:not(last-child) { margin-bottom: var(--theme-spacing-xl); } .novablocks-media--blog + .navigation[class] { margin-top: var(--theme-spacing-small); } .pagination .nav-links { --current-arrow-padding: calc(.4em + 1.15em); display: flex; justify-content: center; font-feature-settings: "lnum"; margin-left: calc(var(--theme-spacing-tiny) * -1); --font-size: var(--theme-button-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-button-font-family); --current-font-weight: var(--theme-button-font-weight); --current-font-style: var(--theme-button-font-style); --current-line-height: var(--theme-button-line-height); --current-letter-spacing: var(--theme-button-letter-spacing); --current-text-transform: var(--theme-button-text-transform); } .pagination .nav-links a { text-decoration: none; } .pagination .nav-links > .page-numbers { margin-left: var(--theme-spacing-tiny); } .pagination .nav-links > .prev, .pagination .nav-links > .next { position: relative; transition: var(--theme-transition); transition-property: transform; } .pagination .nav-links > .prev:after, .pagination .nav-links > .next:after { content: ''; } @supports (mask-clip: initial) or (-webkit-mask-clip: initial) { .pagination .nav-links > .prev:after, .pagination .nav-links > .next:after { position: absolute; top: 50%; right: 0; display: inline-block; width: 1.15em; height: 1.15em; mask: url(https://myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-arrow.svg) no-repeat 50% 50%; mask-size: cover; -webkit-mask: url(https://myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-arrow.svg) no-repeat 50% 50%; -webkit-mask-size: cover; background-color: currentColor; vertical-align: text-bottom; transform: translate(0, -50%) scale(-1, 1); transition: var(--theme-button-transition); transition-property: opacity, transform; } } .pagination .nav-links > .prev { padding-left: var(--current-arrow-padding); } .pagination .nav-links > .prev:after { right: auto; left: 0; transform: translate(0, -50%); } .pagination .nav-links > .next { padding-right: var(--current-arrow-padding); } .pagination .nav-links > .prev, .pagination .nav-links > .current:last-child { margin-right: auto; } .pagination .nav-links > .next, .pagination .nav-links > .current:first-child { margin-left: auto; } .article-navigation { margin-top: var(--theme-spacing-medium); padding-left: var(--theme-wrapper-sides-spacing); padding-right: var(--theme-wrapper-sides-spacing); } .article-navigation:not(last-child) { margin-bottom: var(--theme-spacing-medium); } a.page-numbers, span.page-numbers { color: var(--sm-current-fg1-color); } a.page-numbers[class][class], span.page-numbers[class][class] { width: 3em; height: 3em; display: flex; justify-content: center; align-items: center; } a.page-numbers[class][class].current, span.page-numbers[class][class].current { background-color: var(--sm-current-fg1-color); color: var(--sm-current-bg-color); } a.page-numbers[class][class]:not(.current):hover, span.page-numbers[class][class]:not(.current):hover { color: var(--sm-current-fg2-color); } a.page-numbers.next[class], a.page-numbers.prev[class], span.page-numbers.next[class], span.page-numbers.prev[class] { width: auto; } a.page-numbers:not(.prev):not(.next), span.page-numbers:not(.prev):not(.next) { display: none; } @media only screen and (min-width: 1024px) { a.page-numbers:not(.prev):not(.next), span.page-numbers:not(.prev):not(.next) { display: flex; } } .blog .navigation { --block-content-start: ws; --block-content-end: we; } .post-navigation { --current-arrow-padding: calc(0.4em + 1.15em); --theme-wrapper-sides-spacing: var(--theme-spacing-fluid-small); --element-spacing: var(--theme-spacing-small) !important; width: 100%; clear: both; } .post-navigation .nav-links { margin-left: auto; margin-right: auto; } @media only screen and (min-width: 768px) { .post-navigation .nav-links { display: flex; flex-wrap: wrap; } .post-navigation .nav-links > * { flex: 1; } } .post-navigation[class]:not(:last-child) { margin-bottom: 0; } .post-navigation a { text-decoration: none; } .post-navigation a:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } @media not screen and (min-width: 1024px) { .post-navigation { margin-left: calc(-1 * var(--theme-wrapper-sides-spacing)); margin-right: calc(-1 * var(--theme-wrapper-sides-spacing)); width: auto; } .post-navigation .nav-links { display: flex; flex-direction: column-reverse; } .post-navigation .post-navigation__link { padding: var(--theme-spacing-default) var(--theme-wrapper-sides-spacing); } .post-navigation .post-navigation__link--next { background: var(--sm-current-accent-color); color: var(--sm-current-bg-color); } .post-navigation .post-navigation__link--next * { color: inherit; } .post-navigation .post-navigation__link a { color: inherit; } .post-navigation .post-navigation__link-label { --font-size: 12; --current-font-weight: bold; } .post-navigation .post-navigation__post-title { --font-size: 17; --current-font-weight: 600; } } .post-navigation__post-title { --font-size: var(--theme-heading-4-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-heading-4-font-family); --current-font-weight: var(--theme-heading-4-font-weight); --current-font-style: var(--theme-heading-4-font-style); --current-line-height: var(--theme-heading-4-line-height); --current-letter-spacing: var(--theme-heading-4-letter-spacing); --current-text-transform: var(--theme-heading-4-text-transform); --current-color: var(--theme-heading-4-color); } .post-navigation__post-title, .post-navigation__link-label { display: block; word-break: break-word; } .post-navigation__link { position: relative; } .post-navigation__link-label { position: relative; color: var(--sm-current-accent-color); --font-size: var(--theme-button-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-button-font-family); --current-font-weight: var(--theme-button-font-weight); --current-font-style: var(--theme-button-font-style); --current-line-height: var(--theme-button-line-height); --current-letter-spacing: var(--theme-button-letter-spacing); --current-text-transform: var(--theme-button-text-transform); transition: var(--theme-transition); transition-property: transform; } @media only screen and (min-width: 1024px) { .post-navigation__link-label:after { content: ''; transform: translate(0, -50%) scale(-1, 1); transition: var(--theme-transition); transition-property: opacity; } @supports (mask-clip: initial) or (-webkit-mask-clip: initial) { .post-navigation__link-label:after { position: absolute; top: 50%; right: 0; display: inline-block; width: 1.15em; height: 1.15em; mask: url(https://myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-arrow.svg) no-repeat 50% 50%; mask-size: cover; -webkit-mask: url(https://myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-arrow.svg) no-repeat 50% 50%; -webkit-mask-size: cover; background-color: currentColor; vertical-align: text-bottom; transform: translate(0, -50%) scale(-1, 1); transition: var(--theme-button-transition); transition-property: opacity, transform; } } .post-navigation__link:hover .post-navigation__link-label:after { opacity: 0; } .post-navigation__post-title a { color: inherit; } .post-navigation__link--previous { text-align: left; } .post-navigation__link-label--previous { padding-left: var(--current-arrow-padding); } .post-navigation__link-label--previous:after { right: auto; left: 0; transform: translate(0, -50%); } .post-navigation__link:hover .post-navigation__link-label--previous { transform: translateX(calc(-1 * var(--current-arrow-padding))); } .post-navigation__link--next { text-align: right; } .post-navigation__link-label--next { padding-right: var(--current-arrow-padding); } .post-navigation__link:hover .post-navigation__link-label--next { transform: translateX(var(--current-arrow-padding)); } } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { top: 5px; left: 5px; z-index: 100000; /* Above WP toolbar. */ display: block; width: auto; height: auto; padding: 15px 23px 14px; color: var(--sm-current-fg2-color); background-color: var(--sm-current-bg-color); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); border-radius: 3px; font-size: 14px; font-size: 0.875rem; font-weight: bold; line-height: normal; text-decoration: none; clip: auto !important; clip-path: none; } /* 2.6. Search Form */ .search-form { position: relative; display: flex; width: 100%; margin-top: 1.5em; --search-icon-width: 1.2em; } .search-form:focus .search-icon, .search-form:focus-within .search-icon { opacity: 0.75; } .search-form[class] > label { flex: 1; margin-bottom: 0; margin-top: 0; } .search-form .search-submit { max-width: 200px; margin-left: .5em; } @media only screen and (min-width: 1024px) { .search-form .search-icon { content: ''; position: absolute; left: var(--theme-input-padding); top: 50%; transform: translateY(-50%); display: block; width: var(--search-icon-width); height: var(--search-icon-width); border: 0; padding: 0; mask: url(https://myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-search.svg) no-repeat 50% 50%; mask-size: cover; -webkit-mask: url(https://myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/icon-search.svg) no-repeat 50% 50%; -webkit-mask-size: cover; background-color: var(--sm-current-fg1-color); transition: opacity 0.15s cubic-bezier(0.25, 0.1, 0.25, 1); } } .search-form .search-submit { max-width: 100%; margin-left: 0; --font-size: 23; } .search-form .search-field { border: 0; height: 100%; background-color: transparent; color: var(--sm-current-fg1-color); } @media only screen and (min-width: 1024px) { .search-form .search-field { padding-left: calc(var(--search-icon-width) + var(--theme-input-padding) + 0.6em); } } .error404 .search-form .search-submit, .search-no-results .search-form .search-submit { --theme-button-background-color: var(--sm-current-accent-color); --theme-button-border-color: var(--sm-current-accent-color); --theme-button-text-color: var(--sm-current-bg-color); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-current-accent-color); --theme-button-hover-text-color: var(--sm-current-accent-color); } .error404 .search-form .search-field, .search-no-results .search-form .search-field { color: var(--sm-current-fg1-color); } .error404 .search-form .search-icon, .search-no-results .search-form .search-icon { background-color: var(--sm-current-accent-color); } .novablocks-sidebar .search-submit { --theme-button-text-color: var(--sm-current-bg-color); --theme-button-background-color: var(--sm-current-accent-color); --theme-button-border-color: var(--sm-current-accent-color); --theme-button-hover-text-color: var(--sm-current-accent-color); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-current-accent-color); } @media only screen and (min-width: 1024px) { .novablocks-sidebar .search-submit { display: none; } } .novablocks-sidebar .search-field { color: var(--sm-current-fg1-color); } .novablocks-sidebar .search-icon { background-color: var(--sm-current-accent-color); } /* 2.7. Logo */ .c-logo { position: relative; } .c-logo__default, .c-logo__inverted { transition: var(--theme-transition); transition-property: opacity; } .c-logo__default { opacity: var(--logo-default-opacity, 1); } .c-logo__inverted { position: absolute; top: 50%; left: 50%; width: 100%; opacity: var(--logo-inverted-opacity, 0); transform: translate(-50%, -50%); } .c-logo__inverted img { width: 100%; } /* 3. Blocks */ /* * Select2 Single Option */ .select2-container .select2-selection--single { border: 0; border-radius: var(--theme-input-border-radius); height: auto; margin-bottom: 0; outline: 0; } .select2-container .select2-selection--single .select2-selection__rendered { width: 100%; height: auto; max-width: 100%; padding: var(--theme-input-padding); color: var(--theme-input-color); border-radius: var(--theme-input-border-radius); background-color: var(--theme-input-background-color); box-shadow: var(--theme-input-box-shadow); border: 0; transition: all .2s ease-in-out; --font-size: var(--theme-input-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-input-font-family); --current-font-weight: var(--theme-input-font-weight); --current-font-style: var(--theme-input-font-style); --current-line-height: var(--theme-input-line-height); --current-letter-spacing: var(--theme-input-letter-spacing); --current-text-transform: var(--theme-input-text-transform); font-family: inherit; -webkit-font-smoothing: initial; -webkit-appearance: none; line-height: normal; } .select2-container .select2-selection--single .select2-selection__rendered:hover { --theme-input-box-shadow: var(--theme-input-hover-box-shadow); } .select2-container .select2-selection--single .select2-selection__rendered:focus, .select2-container .select2-selection--single .select2-selection__rendered:active { --theme-input-border-color: var(--theme-input-focus-border-color); --theme-input-box-shadow: var(--theme-input-focus-box-shadow); outline: 0; } .select2-container .select2-selection--single .select2-selection__rendered[disabled] { border-color: var(--theme-input-disabled-border-color); background-color: var(--theme-input-disabled-background-color); } [class*="invalid"] .select2-container .select2-selection--single .select2-selection__rendered { --theme-input-box-shadow: var(--theme-input-error-box-shadow); --theme-input-color: var(--theme-input-error-color); --theme-input-placeholder-color: var(--theme-input-error-color); --theme-input-placeholder-opacity: 0; } [class*="invalid"] .select2-container .select2-selection--single .select2-selection__rendered:hover { --theme-input-box-shadow: var(--theme-input-error-box-shadow); } [class*="invalid"] .select2-container .select2-selection--single .select2-selection__rendered:focus, [class*="invalid"] .select2-container .select2-selection--single .select2-selection__rendered:active { --theme-input-box-shadow: var(--theme-input-focus-error-box-shadow); } .select2-container .select2-selection--single .select2-selection__placeholder { display: block; } .select2-container .select2-selection--single .select2-selection__arrow { mask: url(https://myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/arrow-caret.svg) no-repeat 50% 50%; mask-size: cover; -webkit-mask: url(https://myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/arrow-caret.svg) no-repeat 50% 50%; -webkit-mask-size: contain; background-color: var(--sm-current-fg2-color); width: .58em; height: .58em; right: var(--theme-input-padding); top: 50%; display: block; transform: translateY(-50%); } .select2-container .select2-selection--single .select2-selection__arrow b { border: 0; } .select2-container--open .select2-selection--single, .select2-container--focus .select2-selection--single, .select2-container:focus .select2-selection--single, .select2-container:active .select2-selection--single { --theme-input-border-color: var(--theme-input-focus-border-color); --theme-input-box-shadow: var(--theme-input-focus-box-shadow); outline: 0; } .select2-container .select2-dropdown { border-color: var(--theme-input-border-color); } .select2-container .select2-dropdown .select2-search__field { border: 0; } .select2-container .select2-results__option--highlighted[aria-selected] { background-color: var(--sm-current-accent-color); color: var(--sm-current-bg-color); } .select2-container .select2-results__option[data-selected=true]:not([aria-selected="true"]) { background: transparent; pointer-events: none; opacity: .5; } /* * Select2 Multiple Options */ .select2-container--open .select2-selection--multiple[class][class], .select2-container--focus .select2-selection--multiple[class][class], .select2-container:focus .select2-selection--multiple[class][class], .select2-container:active .select2-selection--multiple[class][class] { border: 0; --theme-input-border-color: var(--theme-input-focus-border-color); --theme-input-box-shadow: var(--theme-input-focus-box-shadow); outline: 0; } .select2-container .select2-selection--multiple { border: 0; border-radius: var(--theme-input-border-radius); height: auto; box-shadow: var(--theme-input-box-shadow); background: transparent; } .select2-container .select2-selection--multiple .select2-search--inline[class] { margin: 0; } .select2-container .select2-selection--multiple .select2-selection__choice { background-color: var(--sm-current-accent-color); color: var(--sm-current-bg-color); border: none; border-radius: var(--theme-input-border-radius); font-size: .75em; } .select2-container .select2-selection--multiple .select2-selection__choice__remove { color: var(--sm-current-bg-color); margin-right: var(--theme-spacing-tiny); } .select2-container .select2-selection--multiple .select2-selection__choice__remove:hover { color: inherit; opacity: .5; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: flex; align-items: center; padding-left: 0; padding-right: var(--theme-input-padding); } .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search__field { padding: var(--theme-input-padding); } .select2-container .select2-selection--multiple .select2-selection__rendered li:not(.select2-search--inline) { margin-top: 0; margin-left: var(--theme-input-padding); } .select2-container .select2-selection--multiple .select2-selection__clear { position: absolute; right: var(--theme-input-padding); padding: 0; margin: 0; } .select2-dropdown { box-shadow: var(--theme-input-box-shadow); background-color: var(--sm-current-bg-color); } .select2-dropdown .select2-search__field { background-color: var(--sm-current-bg-color); } .select2-dropdown:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--theme-dark-primary); z-index: -1; opacity: .04; } .select2-search--dropdown { padding: var(--theme-input-padding); } .select2-search__field[class], .select2-results__option { padding: calc(var(--theme-input-padding) / 2); padding-left: var(--theme-input-padding); } .select2-search__field[class]:focus, .select2-search__field[class]:active, .select2-results__option:focus, .select2-results__option:active { outline: 0; } .select2-selection__clear { padding-right: calc(var(--theme-input-padding) * 2); } .wpforms-container[class][class][class] { margin-left: auto; margin-right: auto; } .wpforms-container[class][class][class] .wpforms-form > :not(:first-child), .wpforms-container[class][class][class] .wpforms-field-container > :not(:first-child) { margin-top: var(--theme-spacing); } .wpforms-container[class][class][class] .wpforms-form input, .wpforms-container[class][class][class] .wpforms-form select, .wpforms-container[class][class][class] .wpforms-form textarea { width: 100%; height: auto; max-width: 100%; padding: var(--theme-input-padding); color: var(--theme-input-color); border-radius: var(--theme-input-border-radius); background-color: var(--theme-input-background-color); box-shadow: var(--theme-input-box-shadow); border: 0; transition: all .2s ease-in-out; --font-size: var(--theme-input-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-input-font-family); --current-font-weight: var(--theme-input-font-weight); --current-font-style: var(--theme-input-font-style); --current-line-height: var(--theme-input-line-height); --current-letter-spacing: var(--theme-input-letter-spacing); --current-text-transform: var(--theme-input-text-transform); font-family: inherit; -webkit-font-smoothing: initial; -webkit-appearance: none; } .wpforms-container[class][class][class] .wpforms-form input:hover, .wpforms-container[class][class][class] .wpforms-form select:hover, .wpforms-container[class][class][class] .wpforms-form textarea:hover { --theme-input-box-shadow: var(--theme-input-hover-box-shadow); } .wpforms-container[class][class][class] .wpforms-form input:focus, .wpforms-container[class][class][class] .wpforms-form input:active, .wpforms-container[class][class][class] .wpforms-form select:focus, .wpforms-container[class][class][class] .wpforms-form select:active, .wpforms-container[class][class][class] .wpforms-form textarea:focus, .wpforms-container[class][class][class] .wpforms-form textarea:active { --theme-input-border-color: var(--theme-input-focus-border-color); --theme-input-box-shadow: var(--theme-input-focus-box-shadow); outline: 0; } .wpforms-container[class][class][class] .wpforms-form input[disabled], .wpforms-container[class][class][class] .wpforms-form select[disabled], .wpforms-container[class][class][class] .wpforms-form textarea[disabled] { border-color: var(--theme-input-disabled-border-color); background-color: var(--theme-input-disabled-background-color); } [class*="invalid"] .wpforms-container[class][class][class] .wpforms-form input, [class*="invalid"] .wpforms-container[class][class][class] .wpforms-form select, [class*="invalid"] .wpforms-container[class][class][class] .wpforms-form textarea { --theme-input-box-shadow: var(--theme-input-error-box-shadow); --theme-input-color: var(--theme-input-error-color); --theme-input-placeholder-color: var(--theme-input-error-color); --theme-input-placeholder-opacity: 0; } [class*="invalid"] .wpforms-container[class][class][class] .wpforms-form input:hover, [class*="invalid"] .wpforms-container[class][class][class] .wpforms-form select:hover, [class*="invalid"] .wpforms-container[class][class][class] .wpforms-form textarea:hover { --theme-input-box-shadow: var(--theme-input-error-box-shadow); } [class*="invalid"] .wpforms-container[class][class][class] .wpforms-form input:focus, [class*="invalid"] .wpforms-container[class][class][class] .wpforms-form input:active, [class*="invalid"] .wpforms-container[class][class][class] .wpforms-form select:focus, [class*="invalid"] .wpforms-container[class][class][class] .wpforms-form select:active, [class*="invalid"] .wpforms-container[class][class][class] .wpforms-form textarea:focus, [class*="invalid"] .wpforms-container[class][class][class] .wpforms-form textarea:active { --theme-input-box-shadow: var(--theme-input-focus-error-box-shadow); } .wpforms-container[class][class][class] .wpforms-form select { width: 100%; height: auto; max-width: 100%; padding: var(--theme-input-padding); color: var(--theme-input-color); border-radius: var(--theme-input-border-radius); background-color: var(--theme-input-background-color); box-shadow: var(--theme-input-box-shadow); border: 0; transition: all .2s ease-in-out; --font-size: var(--theme-input-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-input-font-family); --current-font-weight: var(--theme-input-font-weight); --current-font-style: var(--theme-input-font-style); --current-line-height: var(--theme-input-line-height); --current-letter-spacing: var(--theme-input-letter-spacing); --current-text-transform: var(--theme-input-text-transform); font-family: inherit; -webkit-font-smoothing: initial; -webkit-appearance: none; --select-icon-size: 6px; padding-right: 3.125em; background-image: linear-gradient(45deg, transparent 50%, var(--sm-current-fg2-color) 50%), linear-gradient(135deg, var(--sm-current-fg2-color) 50%, transparent 50%); background-position: calc(100% - var(--theme-input-padding) - var(--select-icon-size)) center, calc(100% - var(--theme-input-padding)) center; background-size: var(--select-icon-size) var(--select-icon-size), var(--select-icon-size) var(--select-icon-size); background-repeat: no-repeat; -webkit-appearance: none; } .wpforms-container[class][class][class] .wpforms-form select:hover { --theme-input-box-shadow: var(--theme-input-hover-box-shadow); } .wpforms-container[class][class][class] .wpforms-form select:focus, .wpforms-container[class][class][class] .wpforms-form select:active { --theme-input-border-color: var(--theme-input-focus-border-color); --theme-input-box-shadow: var(--theme-input-focus-box-shadow); outline: 0; } .wpforms-container[class][class][class] .wpforms-form select[disabled] { border-color: var(--theme-input-disabled-border-color); background-color: var(--theme-input-disabled-background-color); } [class*="invalid"] .wpforms-container[class][class][class] .wpforms-form select { --theme-input-box-shadow: var(--theme-input-error-box-shadow); --theme-input-color: var(--theme-input-error-color); --theme-input-placeholder-color: var(--theme-input-error-color); --theme-input-placeholder-opacity: 0; } [class*="invalid"] .wpforms-container[class][class][class] .wpforms-form select:hover { --theme-input-box-shadow: var(--theme-input-error-box-shadow); } [class*="invalid"] .wpforms-container[class][class][class] .wpforms-form select:focus, [class*="invalid"] .wpforms-container[class][class][class] .wpforms-form select:active { --theme-input-box-shadow: var(--theme-input-focus-error-box-shadow); } @media only screen and (min-width: 768px) { .wpforms-container[class][class][class] .wpforms-form select { --select-icon-size: 8px; } } .wpforms-container[class][class][class] .wpforms-form input[type="checkbox"] { position: relative; left: 0; float: left; clear: left; box-shadow: var(--theme-input-box-shadow); border-radius: var(--theme-input-border-radius); width: var(--theme-checkbox-width) !important; height: var(--theme-checkbox-height) !important; margin-right: var(--theme-input-horizontal-spacing); background-color: var(--sm-current-bg-color); cursor: pointer; -webkit-appearance: none; border-color: var(--sm-current-accent-color); transition: all .2s ease-in-out; color: var(--sm-current-bg-color); } .wpforms-container[class][class][class] .wpforms-form input[type="checkbox"]:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: var(--sm-current-accent-color); background-image: url(https://myungka-restaurant.fr/wp-content/themes/rosa2/assets/images/checkbox.svg); background-size: 60% 60%; background-position: center center; background-repeat: no-repeat; opacity: 0; transition: opacity .1s ease-in-out; } .wpforms-container[class][class][class] .wpforms-form input[type="checkbox"]:hover { --theme-input-box-shadow: var(--theme-input-hover-box-shadow); } .wpforms-container[class][class][class] .wpforms-form input[type="checkbox"]:focus, .wpforms-container[class][class][class] .wpforms-form input[type="checkbox"]:active { --theme-input-border-color: var(--theme-input-focus-border-color); --theme-input-box-shadow: var(--theme-input-focus-box-shadow); outline: 0; } .wpforms-container[class][class][class] .wpforms-form input[type="checkbox"]:checked { box-shadow: 0 0 0 1px var(--sm-current-accent-color); } .wpforms-container[class][class][class] .wpforms-form input[type="checkbox"]:checked:after { opacity: 1; } .wpforms-container[class][class][class] .wpforms-form input[type="radio"] { position: relative; left: 0; float: left; clear: left; box-shadow: var(--theme-input-box-shadow); border-radius: var(--theme-input-border-radius); width: var(--theme-checkbox-width) !important; height: var(--theme-checkbox-height) !important; margin-right: var(--theme-input-horizontal-spacing); background-color: var(--sm-current-bg-color); cursor: pointer; -webkit-appearance: none; border-radius: 50%; transition: all .2s ease-in-out; -webkit-font-smoothing: initial; -webkit-appearance: none; } .wpforms-container[class][class][class] .wpforms-form input[type="radio"]:hover { --theme-input-box-shadow: var(--theme-input-hover-box-shadow); } .wpforms-container[class][class][class] .wpforms-form input[type="radio"]:focus, .wpforms-container[class][class][class] .wpforms-form input[type="radio"]:active { --theme-input-border-color: var(--theme-input-focus-border-color); --theme-input-box-shadow: var(--theme-input-focus-box-shadow); outline: 0; } .wpforms-container[class][class][class] .wpforms-form input[type="radio"]:checked { border: 0.375em solid var(--sm-current-accent-color); box-shadow: 0 0 0 1px var(--sm-current-accent-color); outline: 0; } .wpforms-container[class][class][class] .wpforms-field-row { max-width: none; } .wpforms-container[class][class][class] .wpforms-field { padding: 0; } .wpforms-container[class][class][class] .wpforms-field-label, .wpforms-container[class][class][class] .wpforms-field-sublabel, .wpforms-container[class][class][class] .wpforms-field-label-inline { color: var(--theme-input-label-color); display: flex; align-items: center; --font-size: var(--theme-input-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-input-font-family); --current-font-weight: var(--theme-input-font-weight); --current-font-style: var(--theme-input-font-style); --current-line-height: var(--theme-input-line-height); --current-letter-spacing: var(--theme-input-letter-spacing); --current-text-transform: var(--theme-input-text-transform); --current-font-weight: bold; margin: 0; cursor: pointer; } .wpforms-container[class][class][class] .wpforms-field-label:not(:first-child), .wpforms-container[class][class][class] .wpforms-field-sublabel:not(:first-child), .wpforms-container[class][class][class] .wpforms-field-label-inline:not(:first-child) { margin-top: var(--theme-input-vertical-spacing); } .wpforms-container[class][class][class] .wpforms-field-label:not(:last-child), .wpforms-container[class][class][class] .wpforms-field-sublabel:not(:last-child), .wpforms-container[class][class][class] .wpforms-field-label-inline:not(:last-child) { margin-bottom: var(--theme-input-vertical-spacing); } .wpforms-container[class][class][class] .wpforms-field-sublabel { font-size: calc( 0.7 * var( --current-font-size )); } .wpforms-container[class][class][class] .wpforms-submit[class][class][class] { display: inline-block; text-decoration: none; --theme-button-text-color: var(--sm-current-bg-color); --theme-button-background-color: var(--sm-button-background-color); --theme-button-border-color: var(--sm-button-background-color); --theme-button-hover-text-color: var(--sm-button-background-color); --theme-button-hover-background-color: transparent; --theme-button-hover-border-color: var(--sm-button-background-color); --current-button-background-color: var(--theme-button-background-color); --current-button-border-color: var(--theme-button-border-color); --current-button-text-color: var(--theme-button-text-color); --current-button-transition: var(--theme-button-transition); padding: var(--theme-button-padding); border: var(--theme-button-border-width) var(--theme-button-border-style) var(--current-button-border-color); border-radius: var(--theme-button-border-radius); background-color: var(--current-button-background-color); color: var(--current-button-text-color); transition: var(--current-button-transition); --font-size: var(--theme-button-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-button-font-family); --current-font-weight: var(--theme-button-font-weight); --current-font-style: var(--theme-button-font-style); --current-line-height: var(--theme-button-line-height); --current-letter-spacing: var(--theme-button-letter-spacing); --current-text-transform: var(--theme-button-text-transform); background-color: transparent; transform: translateZ(0); will-change: transform; backface-visibility: hidden; overflow: hidden; } .wpforms-container[class][class][class] .wpforms-submit[class][class][class]:not([disabled]) { cursor: pointer; } .wpforms-container[class][class][class] .wpforms-submit[class][class][class]:not([disabled]):hover { --current-button-background-color: var(--theme-button-hover-background-color); --current-button-border-color: var(--theme-button-hover-border-color); --current-button-text-color: var(--theme-button-hover-text-color); --current-button-transition: var(--theme-button-hover-transition); } .wpforms-container[class][class][class] .wpforms-submit[class][class][class]:before { content: ''; position: absolute; top: calc( -1 * var(--theme-button-border-width)); right: calc( -1 * var(--theme-button-border-width)); bottom: calc( -1 * var(--theme-button-border-width)); left: calc( -1 * var(--theme-button-border-width)); z-index: -1; will-change: transform; -webkit-backface-visibility: hidden; transition: var(--current-button-transition); transition-property: transform; } .wpforms-container[class][class][class] .wpforms-submit[class][class][class]:before { transform: scale3d(1, 1, 1); transform-origin: right; background-color: var(--theme-button-background-color); } .wpforms-container[class][class][class] .wpforms-submit[class][class][class]:not([disabled]):hover:before { transform: scale3d(0, 1, 1); } .wpforms-container[class][class][class] .wpforms-field-radio li, .wpforms-container[class][class][class] .wpforms-field-checkbox li { display: flex; align-items: center; } .wpforms-container[class][class][class].half .wpforms-field { width: 50%; } .wpforms-container[class][class][class].half .wpforms-field-textarea { width: 100%; } .wpforms-confirmation-container-full { position: relative; background: transparent; border: 0; padding: 1em; color: var(--sm-current-fg2-color); --theme-notification-color: var(--theme-notification-succes-color); --theme-notification-opacity: 0.15; } .wpforms-confirmation-container-full:after { position: absolute; content: ''; display: block; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--theme-notification-color); opacity: var(--theme-notification-opacity); border-radius: 4px; z-index: -1; } /* 6. Overwrites */ /* Embeds */ .fb_iframe_widget > span { display: block; max-width: 100%; } iframe.instagram-media { max-width: 100% !important; min-width: 0 !important; margin-right: 0 !important; } .is-style-lead { --font-size: var(--theme-lead-font-size); --current-font-size: var(--final-font-size); --current-font-family: var(--theme-lead-font-family); --current-font-style: var(--theme-lead-font-style); --current-line-height: var(--theme-lead-line-height); --current-letter-spacing: var(--theme-lead-letter-spacing); --current-text-transform: var(--theme-lead-text-transform); } img:not([srcset]):not(.is-loaded) { opacity: 0; } .gm-style img:not([srcset]):not(.is-loaded) { opacity: 1; } button, input, optgroup, select, textarea { font-family: var(--current-font-family); text-transform: var(--current-text-transform); font-weight: var(--current-font-weight); } .has-no-padding-bottom .site-content { padding-bottom: 0 !important; } .social-menu-item, .menu-item--dark-mode, .menu-item--search { --theme-header-links-spacing-multiplier: 0.5; } .woocommerce-message[class], .woocommerce-info[class], .woocommerce-error[class] { color: var(--sm-fg1-color-1); } .woocommerce-message[class]:after, .woocommerce-info[class]:after, .woocommerce-error[class]:after { border: 1px solid var(--sm-bg-color-4); background-color: var(--sm-bg-color-4); } .woocommerce-message[class] .theme-woocommerce-notice__icon, .woocommerce-info[class] .theme-woocommerce-notice__icon, .woocommerce-error[class] .theme-woocommerce-notice__icon { opacity: 1; } .sm-dark, html.is-dark .sm-light { --logo-default-opacity: 0; --logo-inverted-opacity: 1; } .sm-light { --logo-default-opacity: 1; --logo-inverted-opacity: 0; } .sm-color-signal-0 { background: none; --sm-current-bg-color: inherit; --sm-current-fg1-color: inherit; --sm-current-fg2-color: inherit; --sm-current-accent-color: inherit; } /* Additional media query styles for Color Signal */ @media not screen and (min-width: 768px) { .sm-variation-1\@below-tablet[class] { --sm-current-bg-color: var(--sm-bg-color-1); --sm-current-accent-color: var(--sm-accent-color-1); --sm-current-fg1-color: var(--sm-fg1-color-1); --sm-current-fg2-color: var(--sm-fg2-color-1); } .sm-variation-2\@below-tablet[class] { --sm-current-bg-color: var(--sm-bg-color-2); --sm-current-accent-color: var(--sm-accent-color-2); --sm-current-fg1-color: var(--sm-fg1-color-2); --sm-current-fg2-color: var(--sm-fg2-color-2); } .sm-variation-3\@below-tablet[class] { --sm-current-bg-color: var(--sm-bg-color-3); --sm-current-accent-color: var(--sm-accent-color-3); --sm-current-fg1-color: var(--sm-fg1-color-3); --sm-current-fg2-color: var(--sm-fg2-color-3); } .sm-variation-4\@below-tablet[class] { --sm-current-bg-color: var(--sm-bg-color-4); --sm-current-accent-color: var(--sm-accent-color-4); --sm-current-fg1-color: var(--sm-fg1-color-4); --sm-current-fg2-color: var(--sm-fg2-color-4); } .sm-variation-5\@below-tablet[class] { --sm-current-bg-color: var(--sm-bg-color-5); --sm-current-accent-color: var(--sm-accent-color-5); --sm-current-fg1-color: var(--sm-fg1-color-5); --sm-current-fg2-color: var(--sm-fg2-color-5); } .sm-variation-6\@below-tablet[class] { --sm-current-bg-color: var(--sm-bg-color-6); --sm-current-accent-color: var(--sm-accent-color-6); --sm-current-fg1-color: var(--sm-fg1-color-6); --sm-current-fg2-color: var(--sm-fg2-color-6); } .sm-variation-7\@below-tablet[class] { --sm-current-bg-color: var(--sm-bg-color-7); --sm-current-accent-color: var(--sm-accent-color-7); --sm-current-fg1-color: var(--sm-fg1-color-7); --sm-current-fg2-color: var(--sm-fg2-color-7); } .sm-variation-8\@below-tablet[class] { --sm-current-bg-color: var(--sm-bg-color-8); --sm-current-accent-color: var(--sm-accent-color-8); --sm-current-fg1-color: var(--sm-fg1-color-8); --sm-current-fg2-color: var(--sm-fg2-color-8); } .sm-variation-9\@below-tablet[class] { --sm-current-bg-color: var(--sm-bg-color-9); --sm-current-accent-color: var(--sm-accent-color-9); --sm-current-fg1-color: var(--sm-fg1-color-9); --sm-current-fg2-color: var(--sm-fg2-color-9); } .sm-variation-10\@below-tablet[class] { --sm-current-bg-color: var(--sm-bg-color-10); --sm-current-accent-color: var(--sm-accent-color-10); --sm-current-fg1-color: var(--sm-fg1-color-10); --sm-current-fg2-color: var(--sm-fg2-color-10); } .sm-variation-11\@below-tablet[class] { --sm-current-bg-color: var(--sm-bg-color-11); --sm-current-accent-color: var(--sm-accent-color-11); --sm-current-fg1-color: var(--sm-fg1-color-11); --sm-current-fg2-color: var(--sm-fg2-color-11); } .sm-variation-12\@below-tablet[class] { --sm-current-bg-color: var(--sm-bg-color-12); --sm-current-accent-color: var(--sm-accent-color-12); --sm-current-fg1-color: var(--sm-fg1-color-12); --sm-current-fg2-color: var(--sm-fg2-color-12); } } /* Color signal defaul styles for WooCommerce notifications */ .woocommerce-error { --sm-bg-color-1: var(--sm-color-palette-_error-bg-color-1, var(--sm-color-palette-1-bg-color-1)); --sm-accent-color-1: var(--sm-color-palette-_error-accent-color-1, var(--sm-color-palette-1-accent-color-1)); --sm-fg1-color-1: var(--sm-color-palette-_error-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); --sm-fg2-color-1: var(--sm-color-palette-_error-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); --sm-bg-color-2: var(--sm-color-palette-_error-bg-color-2, var(--sm-color-palette-1-bg-color-2)); --sm-accent-color-2: var(--sm-color-palette-_error-accent-color-2, var(--sm-color-palette-1-accent-color-2)); --sm-fg1-color-2: var(--sm-color-palette-_error-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); --sm-fg2-color-2: var(--sm-color-palette-_error-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); --sm-bg-color-3: var(--sm-color-palette-_error-bg-color-3, var(--sm-color-palette-1-bg-color-3)); --sm-accent-color-3: var(--sm-color-palette-_error-accent-color-3, var(--sm-color-palette-1-accent-color-3)); --sm-fg1-color-3: var(--sm-color-palette-_error-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); --sm-fg2-color-3: var(--sm-color-palette-_error-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); --sm-bg-color-4: var(--sm-color-palette-_error-bg-color-4, var(--sm-color-palette-1-bg-color-4)); --sm-accent-color-4: var(--sm-color-palette-_error-accent-color-4, var(--sm-color-palette-1-accent-color-4)); --sm-fg1-color-4: var(--sm-color-palette-_error-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); --sm-fg2-color-4: var(--sm-color-palette-_error-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); --sm-bg-color-5: var(--sm-color-palette-_error-bg-color-5, var(--sm-color-palette-1-bg-color-5)); --sm-accent-color-5: var(--sm-color-palette-_error-accent-color-5, var(--sm-color-palette-1-accent-color-5)); --sm-fg1-color-5: var(--sm-color-palette-_error-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); --sm-fg2-color-5: var(--sm-color-palette-_error-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); --sm-bg-color-6: var(--sm-color-palette-_error-bg-color-6, var(--sm-color-palette-1-bg-color-6)); --sm-accent-color-6: var(--sm-color-palette-_error-accent-color-6, var(--sm-color-palette-1-accent-color-6)); --sm-fg1-color-6: var(--sm-color-palette-_error-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); --sm-fg2-color-6: var(--sm-color-palette-_error-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); --sm-bg-color-7: var(--sm-color-palette-_error-bg-color-7, var(--sm-color-palette-1-bg-color-7)); --sm-accent-color-7: var(--sm-color-palette-_error-accent-color-7, var(--sm-color-palette-1-accent-color-7)); --sm-fg1-color-7: var(--sm-color-palette-_error-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); --sm-fg2-color-7: var(--sm-color-palette-_error-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); --sm-bg-color-8: var(--sm-color-palette-_error-bg-color-8, var(--sm-color-palette-1-bg-color-8)); --sm-accent-color-8: var(--sm-color-palette-_error-accent-color-8, var(--sm-color-palette-1-accent-color-8)); --sm-fg1-color-8: var(--sm-color-palette-_error-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); --sm-fg2-color-8: var(--sm-color-palette-_error-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); --sm-bg-color-9: var(--sm-color-palette-_error-bg-color-9, var(--sm-color-palette-1-bg-color-9)); --sm-accent-color-9: var(--sm-color-palette-_error-accent-color-9, var(--sm-color-palette-1-accent-color-9)); --sm-fg1-color-9: var(--sm-color-palette-_error-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); --sm-fg2-color-9: var(--sm-color-palette-_error-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); --sm-bg-color-10: var(--sm-color-palette-_error-bg-color-10, var(--sm-color-palette-1-bg-color-10)); --sm-accent-color-10: var(--sm-color-palette-_error-accent-color-10, var(--sm-color-palette-1-accent-color-10)); --sm-fg1-color-10: var(--sm-color-palette-_error-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); --sm-fg2-color-10: var(--sm-color-palette-_error-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); --sm-bg-color-11: var(--sm-color-palette-_error-bg-color-11, var(--sm-color-palette-1-bg-color-11)); --sm-accent-color-11: var(--sm-color-palette-_error-accent-color-11, var(--sm-color-palette-1-accent-color-11)); --sm-fg1-color-11: var(--sm-color-palette-_error-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); --sm-fg2-color-11: var(--sm-color-palette-_error-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); --sm-bg-color-12: var(--sm-color-palette-_error-bg-color-12, var(--sm-color-palette-1-bg-color-12)); --sm-accent-color-12: var(--sm-color-palette-_error-accent-color-12, var(--sm-color-palette-1-accent-color-12)); --sm-fg1-color-12: var(--sm-color-palette-_error-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); --sm-fg2-color-12: var(--sm-color-palette-_error-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); } .woocommerce-message { --sm-bg-color-1: var(--sm-color-palette-_success-bg-color-1, var(--sm-color-palette-1-bg-color-1)); --sm-accent-color-1: var(--sm-color-palette-_success-accent-color-1, var(--sm-color-palette-1-accent-color-1)); --sm-fg1-color-1: var(--sm-color-palette-_success-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); --sm-fg2-color-1: var(--sm-color-palette-_success-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); --sm-bg-color-2: var(--sm-color-palette-_success-bg-color-2, var(--sm-color-palette-1-bg-color-2)); --sm-accent-color-2: var(--sm-color-palette-_success-accent-color-2, var(--sm-color-palette-1-accent-color-2)); --sm-fg1-color-2: var(--sm-color-palette-_success-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); --sm-fg2-color-2: var(--sm-color-palette-_success-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); --sm-bg-color-3: var(--sm-color-palette-_success-bg-color-3, var(--sm-color-palette-1-bg-color-3)); --sm-accent-color-3: var(--sm-color-palette-_success-accent-color-3, var(--sm-color-palette-1-accent-color-3)); --sm-fg1-color-3: var(--sm-color-palette-_success-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); --sm-fg2-color-3: var(--sm-color-palette-_success-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); --sm-bg-color-4: var(--sm-color-palette-_success-bg-color-4, var(--sm-color-palette-1-bg-color-4)); --sm-accent-color-4: var(--sm-color-palette-_success-accent-color-4, var(--sm-color-palette-1-accent-color-4)); --sm-fg1-color-4: var(--sm-color-palette-_success-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); --sm-fg2-color-4: var(--sm-color-palette-_success-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); --sm-bg-color-5: var(--sm-color-palette-_success-bg-color-5, var(--sm-color-palette-1-bg-color-5)); --sm-accent-color-5: var(--sm-color-palette-_success-accent-color-5, var(--sm-color-palette-1-accent-color-5)); --sm-fg1-color-5: var(--sm-color-palette-_success-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); --sm-fg2-color-5: var(--sm-color-palette-_success-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); --sm-bg-color-6: var(--sm-color-palette-_success-bg-color-6, var(--sm-color-palette-1-bg-color-6)); --sm-accent-color-6: var(--sm-color-palette-_success-accent-color-6, var(--sm-color-palette-1-accent-color-6)); --sm-fg1-color-6: var(--sm-color-palette-_success-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); --sm-fg2-color-6: var(--sm-color-palette-_success-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); --sm-bg-color-7: var(--sm-color-palette-_success-bg-color-7, var(--sm-color-palette-1-bg-color-7)); --sm-accent-color-7: var(--sm-color-palette-_success-accent-color-7, var(--sm-color-palette-1-accent-color-7)); --sm-fg1-color-7: var(--sm-color-palette-_success-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); --sm-fg2-color-7: var(--sm-color-palette-_success-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); --sm-bg-color-8: var(--sm-color-palette-_success-bg-color-8, var(--sm-color-palette-1-bg-color-8)); --sm-accent-color-8: var(--sm-color-palette-_success-accent-color-8, var(--sm-color-palette-1-accent-color-8)); --sm-fg1-color-8: var(--sm-color-palette-_success-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); --sm-fg2-color-8: var(--sm-color-palette-_success-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); --sm-bg-color-9: var(--sm-color-palette-_success-bg-color-9, var(--sm-color-palette-1-bg-color-9)); --sm-accent-color-9: var(--sm-color-palette-_success-accent-color-9, var(--sm-color-palette-1-accent-color-9)); --sm-fg1-color-9: var(--sm-color-palette-_success-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); --sm-fg2-color-9: var(--sm-color-palette-_success-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); --sm-bg-color-10: var(--sm-color-palette-_success-bg-color-10, var(--sm-color-palette-1-bg-color-10)); --sm-accent-color-10: var(--sm-color-palette-_success-accent-color-10, var(--sm-color-palette-1-accent-color-10)); --sm-fg1-color-10: var(--sm-color-palette-_success-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); --sm-fg2-color-10: var(--sm-color-palette-_success-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); --sm-bg-color-11: var(--sm-color-palette-_success-bg-color-11, var(--sm-color-palette-1-bg-color-11)); --sm-accent-color-11: var(--sm-color-palette-_success-accent-color-11, var(--sm-color-palette-1-accent-color-11)); --sm-fg1-color-11: var(--sm-color-palette-_success-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); --sm-fg2-color-11: var(--sm-color-palette-_success-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); --sm-bg-color-12: var(--sm-color-palette-_success-bg-color-12, var(--sm-color-palette-1-bg-color-12)); --sm-accent-color-12: var(--sm-color-palette-_success-accent-color-12, var(--sm-color-palette-1-accent-color-12)); --sm-fg1-color-12: var(--sm-color-palette-_success-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); --sm-fg2-color-12: var(--sm-color-palette-_success-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); } .woocommerce-info { --sm-bg-color-1: var(--sm-color-palette-_info-bg-color-1, var(--sm-color-palette-1-bg-color-1)); --sm-accent-color-1: var(--sm-color-palette-_info-accent-color-1, var(--sm-color-palette-1-accent-color-1)); --sm-fg1-color-1: var(--sm-color-palette-_info-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); --sm-fg2-color-1: var(--sm-color-palette-_info-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); --sm-bg-color-2: var(--sm-color-palette-_info-bg-color-2, var(--sm-color-palette-1-bg-color-2)); --sm-accent-color-2: var(--sm-color-palette-_info-accent-color-2, var(--sm-color-palette-1-accent-color-2)); --sm-fg1-color-2: var(--sm-color-palette-_info-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); --sm-fg2-color-2: var(--sm-color-palette-_info-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); --sm-bg-color-3: var(--sm-color-palette-_info-bg-color-3, var(--sm-color-palette-1-bg-color-3)); --sm-accent-color-3: var(--sm-color-palette-_info-accent-color-3, var(--sm-color-palette-1-accent-color-3)); --sm-fg1-color-3: var(--sm-color-palette-_info-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); --sm-fg2-color-3: var(--sm-color-palette-_info-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); --sm-bg-color-4: var(--sm-color-palette-_info-bg-color-4, var(--sm-color-palette-1-bg-color-4)); --sm-accent-color-4: var(--sm-color-palette-_info-accent-color-4, var(--sm-color-palette-1-accent-color-4)); --sm-fg1-color-4: var(--sm-color-palette-_info-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); --sm-fg2-color-4: var(--sm-color-palette-_info-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); --sm-bg-color-5: var(--sm-color-palette-_info-bg-color-5, var(--sm-color-palette-1-bg-color-5)); --sm-accent-color-5: var(--sm-color-palette-_info-accent-color-5, var(--sm-color-palette-1-accent-color-5)); --sm-fg1-color-5: var(--sm-color-palette-_info-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); --sm-fg2-color-5: var(--sm-color-palette-_info-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); --sm-bg-color-6: var(--sm-color-palette-_info-bg-color-6, var(--sm-color-palette-1-bg-color-6)); --sm-accent-color-6: var(--sm-color-palette-_info-accent-color-6, var(--sm-color-palette-1-accent-color-6)); --sm-fg1-color-6: var(--sm-color-palette-_info-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); --sm-fg2-color-6: var(--sm-color-palette-_info-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); --sm-bg-color-7: var(--sm-color-palette-_info-bg-color-7, var(--sm-color-palette-1-bg-color-7)); --sm-accent-color-7: var(--sm-color-palette-_info-accent-color-7, var(--sm-color-palette-1-accent-color-7)); --sm-fg1-color-7: var(--sm-color-palette-_info-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); --sm-fg2-color-7: var(--sm-color-palette-_info-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); --sm-bg-color-8: var(--sm-color-palette-_info-bg-color-8, var(--sm-color-palette-1-bg-color-8)); --sm-accent-color-8: var(--sm-color-palette-_info-accent-color-8, var(--sm-color-palette-1-accent-color-8)); --sm-fg1-color-8: var(--sm-color-palette-_info-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); --sm-fg2-color-8: var(--sm-color-palette-_info-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); --sm-bg-color-9: var(--sm-color-palette-_info-bg-color-9, var(--sm-color-palette-1-bg-color-9)); --sm-accent-color-9: var(--sm-color-palette-_info-accent-color-9, var(--sm-color-palette-1-accent-color-9)); --sm-fg1-color-9: var(--sm-color-palette-_info-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); --sm-fg2-color-9: var(--sm-color-palette-_info-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); --sm-bg-color-10: var(--sm-color-palette-_info-bg-color-10, var(--sm-color-palette-1-bg-color-10)); --sm-accent-color-10: var(--sm-color-palette-_info-accent-color-10, var(--sm-color-palette-1-accent-color-10)); --sm-fg1-color-10: var(--sm-color-palette-_info-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); --sm-fg2-color-10: var(--sm-color-palette-_info-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); --sm-bg-color-11: var(--sm-color-palette-_info-bg-color-11, var(--sm-color-palette-1-bg-color-11)); --sm-accent-color-11: var(--sm-color-palette-_info-accent-color-11, var(--sm-color-palette-1-accent-color-11)); --sm-fg1-color-11: var(--sm-color-palette-_info-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); --sm-fg2-color-11: var(--sm-color-palette-_info-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); --sm-bg-color-12: var(--sm-color-palette-_info-bg-color-12, var(--sm-color-palette-1-bg-color-12)); --sm-accent-color-12: var(--sm-color-palette-_info-accent-color-12, var(--sm-color-palette-1-accent-color-12)); --sm-fg1-color-12: var(--sm-color-palette-_info-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); --sm-fg2-color-12: var(--sm-color-palette-_info-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); } /* Fallback Styles for Color Signal */ .is-style-dark { --sm-current-bg-color: var(--sm-bg-color-9); --sm-current-accent-color: var(--sm-accent-color-9); --sm-current-fg1-color: var(--sm-fg1-color-9); --sm-current-fg2-color: var(--sm-fg2-color-9); } .is-style-darker { --sm-current-bg-color: var(--sm-bg-color-11); --sm-current-accent-color: var(--sm-accent-color-11); --sm-current-fg1-color: var(--sm-fg1-color-11); --sm-current-fg2-color: var(--sm-fg2-color-11); } .is-style-accent { --sm-current-bg-color: var(--sm-bg-color-6); --sm-current-accent-color: var(--sm-accent-color-6); --sm-current-fg1-color: var(--sm-fg1-color-6); --sm-current-fg2-color: var(--sm-fg2-color-6); } .novablocks-announcement-bar.is-style-accent { --sm-current-bg-color: var(--sm-bg-color-6); --sm-current-accent-color: var(--sm-accent-color-6); --sm-current-fg1-color: var(--sm-fg1-color-6); --sm-current-fg2-color: var(--sm-fg2-color-6); } .novablocks-announcement-bar.is-style-alternative { --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1, var(--sm-color-palette-1-bg-color-1)); --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1, var(--sm-color-palette-1-accent-color-1)); --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2, var(--sm-color-palette-1-bg-color-2)); --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2, var(--sm-color-palette-1-accent-color-2)); --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3, var(--sm-color-palette-1-bg-color-3)); --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3, var(--sm-color-palette-1-accent-color-3)); --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4, var(--sm-color-palette-1-bg-color-4)); --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4, var(--sm-color-palette-1-accent-color-4)); --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5, var(--sm-color-palette-1-bg-color-5)); --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5, var(--sm-color-palette-1-accent-color-5)); --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6, var(--sm-color-palette-1-bg-color-6)); --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6, var(--sm-color-palette-1-accent-color-6)); --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7, var(--sm-color-palette-1-bg-color-7)); --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7, var(--sm-color-palette-1-accent-color-7)); --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8, var(--sm-color-palette-1-bg-color-8)); --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8, var(--sm-color-palette-1-accent-color-8)); --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9, var(--sm-color-palette-1-bg-color-9)); --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9, var(--sm-color-palette-1-accent-color-9)); --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10, var(--sm-color-palette-1-bg-color-10)); --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10, var(--sm-color-palette-1-accent-color-10)); --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11, var(--sm-color-palette-1-bg-color-11)); --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11, var(--sm-color-palette-1-accent-color-11)); --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12, var(--sm-color-palette-1-bg-color-12)); --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12, var(--sm-color-palette-1-accent-color-12)); --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); --sm-current-bg-color: var(--sm-bg-color-6); --sm-current-accent-color: var(--sm-accent-color-6); --sm-current-fg1-color: var(--sm-fg1-color-6); --sm-current-fg2-color: var(--sm-fg2-color-6); } .novablocks-announcement-bar.is-style-alert { --sm-bg-color-1: var(--sm-color-palette-_error-bg-color-1, var(--sm-color-palette-1-bg-color-1)); --sm-accent-color-1: var(--sm-color-palette-_error-accent-color-1, var(--sm-color-palette-1-accent-color-1)); --sm-fg1-color-1: var(--sm-color-palette-_error-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); --sm-fg2-color-1: var(--sm-color-palette-_error-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); --sm-bg-color-2: var(--sm-color-palette-_error-bg-color-2, var(--sm-color-palette-1-bg-color-2)); --sm-accent-color-2: var(--sm-color-palette-_error-accent-color-2, var(--sm-color-palette-1-accent-color-2)); --sm-fg1-color-2: var(--sm-color-palette-_error-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); --sm-fg2-color-2: var(--sm-color-palette-_error-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); --sm-bg-color-3: var(--sm-color-palette-_error-bg-color-3, var(--sm-color-palette-1-bg-color-3)); --sm-accent-color-3: var(--sm-color-palette-_error-accent-color-3, var(--sm-color-palette-1-accent-color-3)); --sm-fg1-color-3: var(--sm-color-palette-_error-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); --sm-fg2-color-3: var(--sm-color-palette-_error-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); --sm-bg-color-4: var(--sm-color-palette-_error-bg-color-4, var(--sm-color-palette-1-bg-color-4)); --sm-accent-color-4: var(--sm-color-palette-_error-accent-color-4, var(--sm-color-palette-1-accent-color-4)); --sm-fg1-color-4: var(--sm-color-palette-_error-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); --sm-fg2-color-4: var(--sm-color-palette-_error-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); --sm-bg-color-5: var(--sm-color-palette-_error-bg-color-5, var(--sm-color-palette-1-bg-color-5)); --sm-accent-color-5: var(--sm-color-palette-_error-accent-color-5, var(--sm-color-palette-1-accent-color-5)); --sm-fg1-color-5: var(--sm-color-palette-_error-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); --sm-fg2-color-5: var(--sm-color-palette-_error-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); --sm-bg-color-6: var(--sm-color-palette-_error-bg-color-6, var(--sm-color-palette-1-bg-color-6)); --sm-accent-color-6: var(--sm-color-palette-_error-accent-color-6, var(--sm-color-palette-1-accent-color-6)); --sm-fg1-color-6: var(--sm-color-palette-_error-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); --sm-fg2-color-6: var(--sm-color-palette-_error-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); --sm-bg-color-7: var(--sm-color-palette-_error-bg-color-7, var(--sm-color-palette-1-bg-color-7)); --sm-accent-color-7: var(--sm-color-palette-_error-accent-color-7, var(--sm-color-palette-1-accent-color-7)); --sm-fg1-color-7: var(--sm-color-palette-_error-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); --sm-fg2-color-7: var(--sm-color-palette-_error-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); --sm-bg-color-8: var(--sm-color-palette-_error-bg-color-8, var(--sm-color-palette-1-bg-color-8)); --sm-accent-color-8: var(--sm-color-palette-_error-accent-color-8, var(--sm-color-palette-1-accent-color-8)); --sm-fg1-color-8: var(--sm-color-palette-_error-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); --sm-fg2-color-8: var(--sm-color-palette-_error-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); --sm-bg-color-9: var(--sm-color-palette-_error-bg-color-9, var(--sm-color-palette-1-bg-color-9)); --sm-accent-color-9: var(--sm-color-palette-_error-accent-color-9, var(--sm-color-palette-1-accent-color-9)); --sm-fg1-color-9: var(--sm-color-palette-_error-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); --sm-fg2-color-9: var(--sm-color-palette-_error-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); --sm-bg-color-10: var(--sm-color-palette-_error-bg-color-10, var(--sm-color-palette-1-bg-color-10)); --sm-accent-color-10: var(--sm-color-palette-_error-accent-color-10, var(--sm-color-palette-1-accent-color-10)); --sm-fg1-color-10: var(--sm-color-palette-_error-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); --sm-fg2-color-10: var(--sm-color-palette-_error-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); --sm-bg-color-11: var(--sm-color-palette-_error-bg-color-11, var(--sm-color-palette-1-bg-color-11)); --sm-accent-color-11: var(--sm-color-palette-_error-accent-color-11, var(--sm-color-palette-1-accent-color-11)); --sm-fg1-color-11: var(--sm-color-palette-_error-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); --sm-fg2-color-11: var(--sm-color-palette-_error-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); --sm-bg-color-12: var(--sm-color-palette-_error-bg-color-12, var(--sm-color-palette-1-bg-color-12)); --sm-accent-color-12: var(--sm-color-palette-_error-accent-color-12, var(--sm-color-palette-1-accent-color-12)); --sm-fg1-color-12: var(--sm-color-palette-_error-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); --sm-fg2-color-12: var(--sm-color-palette-_error-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); --sm-current-bg-color: var(--sm-bg-color-7); --sm-current-accent-color: var(--sm-accent-color-7); --sm-current-fg1-color: var(--sm-fg1-color-7); --sm-current-fg2-color: var(--sm-fg2-color-7); } .novablocks-media.has-secondary-accent-color .novablocks-block { --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1, var(--sm-color-palette-1-bg-color-1)); --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1, var(--sm-color-palette-1-accent-color-1)); --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2, var(--sm-color-palette-1-bg-color-2)); --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2, var(--sm-color-palette-1-accent-color-2)); --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3, var(--sm-color-palette-1-bg-color-3)); --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3, var(--sm-color-palette-1-accent-color-3)); --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4, var(--sm-color-palette-1-bg-color-4)); --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4, var(--sm-color-palette-1-accent-color-4)); --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5, var(--sm-color-palette-1-bg-color-5)); --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5, var(--sm-color-palette-1-accent-color-5)); --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6, var(--sm-color-palette-1-bg-color-6)); --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6, var(--sm-color-palette-1-accent-color-6)); --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7, var(--sm-color-palette-1-bg-color-7)); --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7, var(--sm-color-palette-1-accent-color-7)); --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8, var(--sm-color-palette-1-bg-color-8)); --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8, var(--sm-color-palette-1-accent-color-8)); --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9, var(--sm-color-palette-1-bg-color-9)); --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9, var(--sm-color-palette-1-accent-color-9)); --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10, var(--sm-color-palette-1-bg-color-10)); --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10, var(--sm-color-palette-1-accent-color-10)); --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11, var(--sm-color-palette-1-bg-color-11)); --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11, var(--sm-color-palette-1-accent-color-11)); --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12, var(--sm-color-palette-1-bg-color-12)); --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12, var(--sm-color-palette-1-accent-color-12)); --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); } .novablocks-media.has-tertiary-accent-color .novablocks-block { --sm-bg-color-1: var(--sm-color-palette-2-bg-color-1, var(--sm-color-palette-1-bg-color-1)); --sm-accent-color-1: var(--sm-color-palette-2-accent-color-1, var(--sm-color-palette-1-accent-color-1)); --sm-fg1-color-1: var(--sm-color-palette-2-fg1-color-1, var(--sm-color-palette-1-fg1-color-1)); --sm-fg2-color-1: var(--sm-color-palette-2-fg2-color-1, var(--sm-color-palette-1-fg2-color-1)); --sm-bg-color-2: var(--sm-color-palette-2-bg-color-2, var(--sm-color-palette-1-bg-color-2)); --sm-accent-color-2: var(--sm-color-palette-2-accent-color-2, var(--sm-color-palette-1-accent-color-2)); --sm-fg1-color-2: var(--sm-color-palette-2-fg1-color-2, var(--sm-color-palette-1-fg1-color-2)); --sm-fg2-color-2: var(--sm-color-palette-2-fg2-color-2, var(--sm-color-palette-1-fg2-color-2)); --sm-bg-color-3: var(--sm-color-palette-2-bg-color-3, var(--sm-color-palette-1-bg-color-3)); --sm-accent-color-3: var(--sm-color-palette-2-accent-color-3, var(--sm-color-palette-1-accent-color-3)); --sm-fg1-color-3: var(--sm-color-palette-2-fg1-color-3, var(--sm-color-palette-1-fg1-color-3)); --sm-fg2-color-3: var(--sm-color-palette-2-fg2-color-3, var(--sm-color-palette-1-fg2-color-3)); --sm-bg-color-4: var(--sm-color-palette-2-bg-color-4, var(--sm-color-palette-1-bg-color-4)); --sm-accent-color-4: var(--sm-color-palette-2-accent-color-4, var(--sm-color-palette-1-accent-color-4)); --sm-fg1-color-4: var(--sm-color-palette-2-fg1-color-4, var(--sm-color-palette-1-fg1-color-4)); --sm-fg2-color-4: var(--sm-color-palette-2-fg2-color-4, var(--sm-color-palette-1-fg2-color-4)); --sm-bg-color-5: var(--sm-color-palette-2-bg-color-5, var(--sm-color-palette-1-bg-color-5)); --sm-accent-color-5: var(--sm-color-palette-2-accent-color-5, var(--sm-color-palette-1-accent-color-5)); --sm-fg1-color-5: var(--sm-color-palette-2-fg1-color-5, var(--sm-color-palette-1-fg1-color-5)); --sm-fg2-color-5: var(--sm-color-palette-2-fg2-color-5, var(--sm-color-palette-1-fg2-color-5)); --sm-bg-color-6: var(--sm-color-palette-2-bg-color-6, var(--sm-color-palette-1-bg-color-6)); --sm-accent-color-6: var(--sm-color-palette-2-accent-color-6, var(--sm-color-palette-1-accent-color-6)); --sm-fg1-color-6: var(--sm-color-palette-2-fg1-color-6, var(--sm-color-palette-1-fg1-color-6)); --sm-fg2-color-6: var(--sm-color-palette-2-fg2-color-6, var(--sm-color-palette-1-fg2-color-6)); --sm-bg-color-7: var(--sm-color-palette-2-bg-color-7, var(--sm-color-palette-1-bg-color-7)); --sm-accent-color-7: var(--sm-color-palette-2-accent-color-7, var(--sm-color-palette-1-accent-color-7)); --sm-fg1-color-7: var(--sm-color-palette-2-fg1-color-7, var(--sm-color-palette-1-fg1-color-7)); --sm-fg2-color-7: var(--sm-color-palette-2-fg2-color-7, var(--sm-color-palette-1-fg2-color-7)); --sm-bg-color-8: var(--sm-color-palette-2-bg-color-8, var(--sm-color-palette-1-bg-color-8)); --sm-accent-color-8: var(--sm-color-palette-2-accent-color-8, var(--sm-color-palette-1-accent-color-8)); --sm-fg1-color-8: var(--sm-color-palette-2-fg1-color-8, var(--sm-color-palette-1-fg1-color-8)); --sm-fg2-color-8: var(--sm-color-palette-2-fg2-color-8, var(--sm-color-palette-1-fg2-color-8)); --sm-bg-color-9: var(--sm-color-palette-2-bg-color-9, var(--sm-color-palette-1-bg-color-9)); --sm-accent-color-9: var(--sm-color-palette-2-accent-color-9, var(--sm-color-palette-1-accent-color-9)); --sm-fg1-color-9: var(--sm-color-palette-2-fg1-color-9, var(--sm-color-palette-1-fg1-color-9)); --sm-fg2-color-9: var(--sm-color-palette-2-fg2-color-9, var(--sm-color-palette-1-fg2-color-9)); --sm-bg-color-10: var(--sm-color-palette-2-bg-color-10, var(--sm-color-palette-1-bg-color-10)); --sm-accent-color-10: var(--sm-color-palette-2-accent-color-10, var(--sm-color-palette-1-accent-color-10)); --sm-fg1-color-10: var(--sm-color-palette-2-fg1-color-10, var(--sm-color-palette-1-fg1-color-10)); --sm-fg2-color-10: var(--sm-color-palette-2-fg2-color-10, var(--sm-color-palette-1-fg2-color-10)); --sm-bg-color-11: var(--sm-color-palette-2-bg-color-11, var(--sm-color-palette-1-bg-color-11)); --sm-accent-color-11: var(--sm-color-palette-2-accent-color-11, var(--sm-color-palette-1-accent-color-11)); --sm-fg1-color-11: var(--sm-color-palette-2-fg1-color-11, var(--sm-color-palette-1-fg1-color-11)); --sm-fg2-color-11: var(--sm-color-palette-2-fg2-color-11, var(--sm-color-palette-1-fg2-color-11)); --sm-bg-color-12: var(--sm-color-palette-2-bg-color-12, var(--sm-color-palette-1-bg-color-12)); --sm-accent-color-12: var(--sm-color-palette-2-accent-color-12, var(--sm-color-palette-1-accent-color-12)); --sm-fg1-color-12: var(--sm-color-palette-2-fg1-color-12, var(--sm-color-palette-1-fg1-color-12)); --sm-fg2-color-12: var(--sm-color-palette-2-fg2-color-12, var(--sm-color-palette-1-fg2-color-12)); } .novablocks-opentable:not([class*="sm-palette-"]):not([class*="sm-variation-"]) { --sm-current-bg-color: var(--sm-bg-color-10); --sm-current-accent-color: var(--sm-accent-color-10); --sm-current-fg1-color: var(--sm-fg1-color-10); --sm-current-fg2-color: var(--sm-fg2-color-10); } /* End Fallback Styles for Color Signal */ .wp-block-group__inner-container > *:not([class*='alignfull']) { width: 100%; } @media not screen and (min-width: 1024px) { .site-main { overflow-x: hidden; } } /* START body margin hack contain inline margin set to #content @todo find a better way o doing this */ body { float: left; width: 100%; } html:after { content: " "; display: table; clear: both; } /* END body margin hack */ body { --page-background-color: var(--sm-bg-color-1); } /* Site Content */ .site-content { padding-top: var(--theme-spacing-fluid-large); padding-bottom: var(--theme-spacing-fluid-large); } body.has-no-spacing-top .site-content { padding-top: 0; } body.has-no-spacing-bottom .site-content { padding-bottom: 0; } /* Hero bullets size fix */ .c-bully { --current-font-size: 12px; }