芝麻web文件管理V1.00
编辑当前文件:/home/elegucvf/public_html/wp-content-20250317205720/themes/atlas/scss/editor/editor-classic.css
@charset "UTF-8"; :root { --site_width: 1070; --content_width: 69; --box_radius: 10; --button_radius: 10; --image_radius: 10; --light-bg-color: #f7f9f8; --light-sec-bg-color: #ffffff; --light-text-color-color: #202124; --light-text-color-alpha: 1; --light-text-color-rgba: rgba(32,33,36,1); --light-text-color-heavier-color: #000000; --light-text-color-heavier-alpha: 1; --light-text-color-heavier-rgba: rgba(0,0,0,1); --light-text-color-lighter-color: #999999; --light-text-color-lighter-alpha: 1; --light-text-color-lighter-rgba: rgba(153,153,153,1); --light-line-color-color: #efefef; --light-line-color-alpha: 1; --light-line-color-rgba: rgba(239,239,239,1); --light-submenu-bg-color: #f5f5f5; --light-submenu-bg-alpha: 1; --light-submenu-bg-rgba: rgba(245,245,245,1); --dark-bg-color: #1c1c1c; --dark-sec-bg-color: #161617; --dark-text-color-color: #ffffff; --dark-text-color-alpha: 0.8; --dark-text-color-rgba: rgba(255,255,255,0.8); --dark-text-color-heavier-color: #ffffff; --dark-text-color-heavier-alpha: 1; --dark-text-color-heavier-rgba: rgba(255,255,255,1); --dark-text-color-lighter-color: #ffffff; --dark-text-color-lighter-alpha: 0.6; --dark-text-color-lighter-rgba: rgba(255,255,255,0.6); --dark-line-color-color: #ffffff; --dark-line-color-alpha: 0.1; --dark-line-color-rgba: rgba(255,255,255,0.1); --dark-submenu-bg-color: #000000; --dark-submenu-bg-alpha: 1; --dark-submenu-bg-rgba: rgba(0,0,0,1); --color-accent: #3d55ef; --color-accent-text: #ffffff; --primary_text-font-family: Poppins; --primary_text-font-weight: 400; --primary_text-font-size: 14px; --primary_text-line-height: 1.7; --primary_text-letter-spacing: 0; --second_text-font-family: Poppins; --second_text-font-weight: 400; --second_text-font-size: 12px; --second_text-line-height: 1.5; --second_text-letter-spacing: 0; --font_heading-font-family: Poppins; --font_heading-font-weight: 700; --h1_desktop-font-size: 28px; --h2_desktop-font-size: 24px; --h3_desktop-font-size: 21px; --h4_desktop-font-size: 18px; --h5_desktop-font-size: 16px; --h6_desktop-font-size: 14px; --h1_tablet-font-size: 28px; --h2_tablet-font-size: 24px; --h3_tablet-font-size: 21px; --h4_tablet-font-size: 18px; --h5_tablet-font-size: 16px; --h6_tablet-font-size: 14px; --h1_mobile-font-size: 28px; --h2_mobile-font-size: 24px; --h3_mobile-font-size: 21px; --h4_mobile-font-size: 18px; --h5_mobile-font-size: 18px; --h6_mobile-font-size: 14px; --logo_svg_width-width: 74px; --logo_svg_width-units: px; --logo_mobile_svg_width-width: 74px; --logo_mobile_svg_width-units: px; --logo_offcanvas_svg_width-width: 74px; --logo_offcanvas_svg_width-units: px; --header_space: 25; --mheader_space: 25; --reading_indicator_height: 3; --offcanvas_width-width: 300px; --offcanvas_width-units: px; --off_overlay_light-color: #f5f8fa; --off_overlay_light-alpha: 1; --off_overlay_dark-color: #161617; --off_overlay_dark-alpha: 1; --site_width_amp: 880; --primary_space: 30px; --h_space: 30px; --v_space: 30px; --line-size: 1px; --box-line-size: 1px; --btn-line-size: 1px; --box-radius: calc(var(--box_radius,6) * 1px); --button-radius: calc(var(--button_radius,10) * 1px); --image-radius: calc(var(--image_radius,10) * 1px); --box-padding: 20px; --box-padding-small: 10px; --shadow-size: 0; --loader-size: 36px; --loader-size_small: 24px; --container-default-padding-top: 0; --container-default-padding-bottom: 0; --container-default-padding-left: 0; --container-default-padding-right: 0; --container-default-padding-block-start: 0; --container-default-padding-inline-end: 0; --container-default-padding-block-end: 0; --container-default-padding-inline-start: 0; --gallery-block--gutter-size: 15px; --off-overlay-light: var(--off_overlay_light-rgba, #f5f8fa); --off-overlay-dark: var(--off_overlay_dark-rgba, #161617); } @media screen and (max-width: 880px) { :root { --primary_space: 20px; } } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body { font-family: var(--primary_text-font-family); font-weight: var(--primary_text-font-weight); font-style: var(--primary_text-font-style); font-size: var(--primary_text-font-size); letter-spacing: var(--primary_text-letter-spacing); line-height: var(--primary_text-line-height); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; color: var(--light-text-color-rgba); margin: 0; padding: 0; overflow-x: hidden; word-break: normal; overflow-wrap: anywhere; } body.s-nobox { --h_space: 40px; } .head1, .head2, .head3, .head4, .head5, .head6, h1, h2, h3, h4, h5, h6 { font-family: var(--font_heading-font-family); font-weight: var(--font_heading-font-weight); font-style: var(--font_heading-font-style); text-transform: var(--font_heading-text-transform); line-height: var(--font_heading-line-height, normal); letter-spacing: var(--font_heading-letter-spacing); color: var(--light-text-color-heavier-rgba); padding: 0; } .bg-dark .head1, .bg-dark .head2, .bg-dark .head3, .bg-dark .head4, .bg-dark .head5, .bg-dark .head6, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6 { color: var(--dark-text-color-heavier-rgba); } .head1, h1 { font-weight: 700; } .head1, h1 { font-size: var(--h1_desktop-font-size); } .head2, h2 { font-size: var(--h2_desktop-font-size); } .head3, h3 { font-size: var(--h3_desktop-font-size); } .head4, h4 { font-size: var(--h4_desktop-font-size); } .head5, h5 { font-size: var(--h5_desktop-font-size); } .head6, h6 { font-size: var(--h6_desktop-font-size); } @media screen and (max-width: 880px) { .head1, h1 { font-size: var(--h1_tablet-font-size); } .head2, h2 { font-size: var(--h2_tablet-font-size); } .head3, h3 { font-size: var(--h3_tablet-font-size); } .head4, h4 { font-size: var(--h4_tablet-font-size); } .head5, h5 { font-size: var(--h5_tablet-font-size); } .head6, h6 { font-size: var(--h6_tablet-font-size); } } @media screen and (max-width: 767px) { .head1, h1 { font-size: var(--h1_mobile-font-size); } .head2, h2 { font-size: var(--h2_mobile-font-size); } .head3, h3 { font-size: var(--h3_mobile-font-size); } .head4, h4 { font-size: var(--h4_mobile-font-size); } .head5, h5 { font-size: var(--h5_mobile-font-size); } .head6, h6 { font-size: var(--h6_mobile-font-size); } } p { padding: 0; } p:empty { display: none; } p.has-background { padding: var(--box-padding); } strong { font-weight: 600; } cite, dfn, em, i { font-style: italic; } address { font-style: normal; } pre, pre.wp-block-verse { font-size: 14px; font-family: "Courier 10 Pitch", Courier, monospace; overflow: auto; padding: 20px; white-space: pre-wrap; border: none; line-height: 2; border: 1px solid var(--light-line-color-rgba); } .bg-dark pre, .bg-dark pre.wp-block-verse { border-color: var(--dark-line-color-rgba); } code, kbd, tt, var { font-size: 1em; font-family: Menlo, monaco, Consolas, Lucida Console, monospace; } abbr, acronym { border-bottom: 1px dotted currentColor; cursor: help; } ins, mark { background: yellow; text-decoration: none; } big { font-size: 125%; } figure { margin-left: 0; margin-right: 0; } :focus { outline: none; } .site ::selection { background-color: var(--color-accent); color: var(--color-accent-text); } .has-drop-cap:not(:focus)::first-letter { float: left; font-size: 5.2em; margin: 0.15em 0.2em 0 0; text-transform: uppercase; font-style: normal; color: var(--light-text-color-heavier-rgba); font-weight: 500; } .bg-dark .has-drop-cap:not(:focus)::first-letter { color: var(--dark-text-color-heavier-rgba); } .has-drop-cap:not(:focus)::first-letter::after { content: ""; display: table; clear: both; } .has-drop-cap:not(:focus)::after { padding: 0; } .icon-svg { display: inline-flex; width: 1em; height: 1em; box-sizing: content-box; } .icon-svg svg { width: 100%; height: 100%; fill: currentColor; } blockquote { quotes: "“" "”" "‘" "’"; position: relative; font-size: 1.8em; line-height: 1.5; position: relative; margin-bottom: 35px; margin-left: 0; margin-right: 0; padding: 0; padding-left: 1.4em; color: var(--light-text-color-heavier-rgba); } .bg-dark blockquote { color: var(--dark-text-color-heavier-rgba); } blockquote::before { content: open-quote; font-size: 2em; display: inline-block; vertical-align: middle; line-height: 1; position: absolute; left: 0; top: 0.1em; } blockquote::after { content: no-close-quote !important; } blockquote > p:last-of-type { margin-bottom: 0; } blockquote .wp-block-pullquote__citation, blockquote .wp-block-quote__citation, blockquote cite, blockquote footer { font-size: 1rem !important; font-style: normal; font-weight: normal; text-transform: none; margin-top: 20px; letter-spacing: normal; font-family: var(--primary_text-font-family); display: block; position: relative; padding-left: 30px; } blockquote .wp-block-pullquote__citation:before, blockquote .wp-block-quote__citation:before, blockquote cite:before, blockquote footer:before { content: ''; width: 20px; height: 1px; background-color: currentColor; position: absolute; left: 0; top: 50%; } blockquote.has-text-align-center, .has-text-align-center blockquote { padding-left: 1.4em; padding-right: 1.4em; } blockquote.has-text-align-center .wp-block-pullquote__citation, blockquote.has-text-align-center .wp-block-quote__citation, blockquote.has-text-align-center cite, blockquote.has-text-align-center footer, .has-text-align-center blockquote .wp-block-pullquote__citation, .has-text-align-center blockquote .wp-block-quote__citation, .has-text-align-center blockquote cite, .has-text-align-center blockquote footer { padding-left: 0; padding-right: 0; } blockquote.has-text-align-center .wp-block-pullquote__citation:before, blockquote.has-text-align-center .wp-block-quote__citation:before, blockquote.has-text-align-center cite:before, blockquote.has-text-align-center footer:before, .has-text-align-center blockquote .wp-block-pullquote__citation:before, .has-text-align-center blockquote .wp-block-quote__citation:before, .has-text-align-center blockquote cite:before, .has-text-align-center blockquote footer:before { display: none; } blockquote.has-text-align-right, .has-text-align-right blockquote { padding-left: 0; padding-right: 1.4em; } blockquote.has-text-align-right::before, .has-text-align-right blockquote::before { left: auto; right: 0; } blockquote.has-text-align-right.has-background, .has-text-align-right blockquote.has-background { padding-top: var(--box-padding); padding-bottom: var(--box-padding); padding-left: var(--box-padding); padding-right: calc(var(--box-padding) + 1.4em); } blockquote.has-text-align-right.has-background::before, .has-text-align-right blockquote.has-background::before { left: auto; right: var(--box-padding); } blockquote.has-text-align-right .wp-block-pullquote__citation, blockquote.has-text-align-right .wp-block-quote__citation, blockquote.has-text-align-right cite, blockquote.has-text-align-right footer, .has-text-align-right blockquote .wp-block-pullquote__citation, .has-text-align-right blockquote .wp-block-quote__citation, .has-text-align-right blockquote cite, .has-text-align-right blockquote footer { padding-left: 0; padding-right: 30px; } blockquote.has-text-align-right .wp-block-pullquote__citation:before, blockquote.has-text-align-right .wp-block-quote__citation:before, blockquote.has-text-align-right cite:before, blockquote.has-text-align-right footer:before, .has-text-align-right blockquote .wp-block-pullquote__citation:before, .has-text-align-right blockquote .wp-block-quote__citation:before, .has-text-align-right blockquote cite:before, .has-text-align-right blockquote footer:before { left: auto; right: 0; } .wp-block-quote { border-left: none; border-right: none; } .wp-block-quote p { font-size: inherit; font-style: inherit; line-height: inherit; } .wp-block-quote.has-background { padding-top: var(--box-padding); padding-bottom: var(--box-padding); padding-left: calc(var(--box-padding) + 1.4em); padding-right: var(--box-padding); } .wp-block-quote.has-background::before { top: calc(var(--box-padding) + 0.1em); left: var(--box-padding); } .wp-block-quote.is-style-plain { padding: 0 30px; border-left: 4px solid var(--color-accent); } .wp-block-quote.is-style-plain::before { display: none; } .wp-block-quote.is-style-plain.has-background { padding: var(--box-padding); } .wp-block-quote.is-style-plain.has-text-align-center { border-right: 4px solid var(--color-accent); } .wp-block-quote.is-style-plain.has-text-align-right { border-left: 0; border-right: 4px solid var(--color-accent); } .wp-block-pullquote { border-left: none; border-right: none; padding: 0; border: none; color: var(--light-text-color-heavier-rgba); } .bg-dark .wp-block-pullquote { color: var(--dark-text-color-heavier-rgba); } .wp-block-pullquote blockquote { margin: 0; color: inherit !important; } .wp-block-pullquote p { font-size: inherit !important; font-style: inherit; line-height: inherit; } .wp-block-pullquote.has-background { color: inherit; padding: var(--box-padding); } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p, .wp-block[data-align=left] > .wp-block-pullquote p, .wp-block[data-align=right] > .wp-block-pullquote p { font-size: inherit; font-style: inherit; line-height: inherit; } .wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right { max-width: 100%; } .wp-block-pullquote.has-text-align-center { text-align: center !important; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="range"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input:not([type]), select, textarea { box-shadow: none; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; line-height: inherit; max-width: 100%; width: 100%; border-radius: 0; display: block; float: none; padding: 6px 15px; height: 45px; color: inherit; transition: all 0.2s linear; background-color: var(--light-sec-bg-color); border-radius: var(--button-radius); border: var(--btn-line-size) solid var(--light-line-color-rgba); color: var(--light-text-color-rgba); } .bg-dark .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single, .bg-dark input[type="email"], .bg-dark input[type="number"], .bg-dark input[type="password"], .bg-dark input[type="search"], .bg-dark input[type="tel"], .bg-dark input[type="range"], .bg-dark input[type="text"], .bg-dark input[type="url"], .bg-dark input[type="color"], .bg-dark input[type="date"], .bg-dark input[type="month"], .bg-dark input[type="week"], .bg-dark input[type="time"], .bg-dark input[type="datetime"], .bg-dark input[type="datetime-local"], .bg-dark input:not([type]), .bg-dark select, .bg-dark textarea { background-color: var(--dark-sec-bg-color); border: var(--btn-line-size) solid var(--dark-line-color-rgba); color: var(--dark-text-color-rgba); } .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single::placeholder, input[type="email"]::placeholder, input[type="number"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="range"]::placeholder, input[type="text"]::placeholder, input[type="url"]::placeholder, input[type="color"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="week"]::placeholder, input[type="time"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input:not([type])::placeholder, select::placeholder, textarea::placeholder { color: var(--light-text-color-rgba); opacity: 0.5; } .bg-dark .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single::placeholder, .bg-dark input[type="email"]::placeholder, .bg-dark input[type="number"]::placeholder, .bg-dark input[type="password"]::placeholder, .bg-dark input[type="search"]::placeholder, .bg-dark input[type="tel"]::placeholder, .bg-dark input[type="range"]::placeholder, .bg-dark input[type="text"]::placeholder, .bg-dark input[type="url"]::placeholder, .bg-dark input[type="color"]::placeholder, .bg-dark input[type="date"]::placeholder, .bg-dark input[type="month"]::placeholder, .bg-dark input[type="week"]::placeholder, .bg-dark input[type="time"]::placeholder, .bg-dark input[type="datetime"]::placeholder, .bg-dark input[type="datetime-local"]::placeholder, .bg-dark input:not([type])::placeholder, .bg-dark select::placeholder, .bg-dark textarea::placeholder { color: var(--dark-text-color-rgba); } .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single:-webkit-input-placeholder, input[type="email"]:-webkit-input-placeholder, input[type="number"]:-webkit-input-placeholder, input[type="password"]:-webkit-input-placeholder, input[type="search"]:-webkit-input-placeholder, input[type="tel"]:-webkit-input-placeholder, input[type="range"]:-webkit-input-placeholder, input[type="text"]:-webkit-input-placeholder, input[type="url"]:-webkit-input-placeholder, input[type="color"]:-webkit-input-placeholder, input[type="date"]:-webkit-input-placeholder, input[type="month"]:-webkit-input-placeholder, input[type="week"]:-webkit-input-placeholder, input[type="time"]:-webkit-input-placeholder, input[type="datetime"]:-webkit-input-placeholder, input[type="datetime-local"]:-webkit-input-placeholder, input:not([type]):-webkit-input-placeholder, select:-webkit-input-placeholder, textarea:-webkit-input-placeholder { color: var(--light-text-color-rgba); opacity: 0.5; } .bg-dark .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single:-webkit-input-placeholder, .bg-dark input[type="email"]:-webkit-input-placeholder, .bg-dark input[type="number"]:-webkit-input-placeholder, .bg-dark input[type="password"]:-webkit-input-placeholder, .bg-dark input[type="search"]:-webkit-input-placeholder, .bg-dark input[type="tel"]:-webkit-input-placeholder, .bg-dark input[type="range"]:-webkit-input-placeholder, .bg-dark input[type="text"]:-webkit-input-placeholder, .bg-dark input[type="url"]:-webkit-input-placeholder, .bg-dark input[type="color"]:-webkit-input-placeholder, .bg-dark input[type="date"]:-webkit-input-placeholder, .bg-dark input[type="month"]:-webkit-input-placeholder, .bg-dark input[type="week"]:-webkit-input-placeholder, .bg-dark input[type="time"]:-webkit-input-placeholder, .bg-dark input[type="datetime"]:-webkit-input-placeholder, .bg-dark input[type="datetime-local"]:-webkit-input-placeholder, .bg-dark input:not([type]):-webkit-input-placeholder, .bg-dark select:-webkit-input-placeholder, .bg-dark textarea:-webkit-input-placeholder { color: var(--dark-text-color-rgba); } .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="range"]:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="color"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="week"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input:not([type]):-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder { color: var(--light-text-color-rgba); opacity: 0.5; } .bg-dark .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single:-moz-placeholder, .bg-dark input[type="email"]:-moz-placeholder, .bg-dark input[type="number"]:-moz-placeholder, .bg-dark input[type="password"]:-moz-placeholder, .bg-dark input[type="search"]:-moz-placeholder, .bg-dark input[type="tel"]:-moz-placeholder, .bg-dark input[type="range"]:-moz-placeholder, .bg-dark input[type="text"]:-moz-placeholder, .bg-dark input[type="url"]:-moz-placeholder, .bg-dark input[type="color"]:-moz-placeholder, .bg-dark input[type="date"]:-moz-placeholder, .bg-dark input[type="month"]:-moz-placeholder, .bg-dark input[type="week"]:-moz-placeholder, .bg-dark input[type="time"]:-moz-placeholder, .bg-dark input[type="datetime"]:-moz-placeholder, .bg-dark input[type="datetime-local"]:-moz-placeholder, .bg-dark input:not([type]):-moz-placeholder, .bg-dark select:-moz-placeholder, .bg-dark textarea:-moz-placeholder { color: var(--dark-text-color-rgba); } .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="range"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="color"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input:not([type])::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { color: var(--light-text-color-rgba); opacity: 0.5; } .bg-dark .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single::-moz-placeholder, .bg-dark input[type="email"]::-moz-placeholder, .bg-dark input[type="number"]::-moz-placeholder, .bg-dark input[type="password"]::-moz-placeholder, .bg-dark input[type="search"]::-moz-placeholder, .bg-dark input[type="tel"]::-moz-placeholder, .bg-dark input[type="range"]::-moz-placeholder, .bg-dark input[type="text"]::-moz-placeholder, .bg-dark input[type="url"]::-moz-placeholder, .bg-dark input[type="color"]::-moz-placeholder, .bg-dark input[type="date"]::-moz-placeholder, .bg-dark input[type="month"]::-moz-placeholder, .bg-dark input[type="week"]::-moz-placeholder, .bg-dark input[type="time"]::-moz-placeholder, .bg-dark input[type="datetime"]::-moz-placeholder, .bg-dark input[type="datetime-local"]::-moz-placeholder, .bg-dark input:not([type])::-moz-placeholder, .bg-dark select::-moz-placeholder, .bg-dark textarea::-moz-placeholder { color: var(--dark-text-color-rgba); } .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="range"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { color: var(--light-text-color-rgba); opacity: 0.5; } .bg-dark .woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single:-ms-input-placeholder, .bg-dark input[type="email"]:-ms-input-placeholder, .bg-dark input[type="number"]:-ms-input-placeholder, .bg-dark input[type="password"]:-ms-input-placeholder, .bg-dark input[type="search"]:-ms-input-placeholder, .bg-dark input[type="tel"]:-ms-input-placeholder, .bg-dark input[type="range"]:-ms-input-placeholder, .bg-dark input[type="text"]:-ms-input-placeholder, .bg-dark input[type="url"]:-ms-input-placeholder, .bg-dark input[type="color"]:-ms-input-placeholder, .bg-dark input[type="date"]:-ms-input-placeholder, .bg-dark input[type="month"]:-ms-input-placeholder, .bg-dark input[type="week"]:-ms-input-placeholder, .bg-dark input[type="time"]:-ms-input-placeholder, .bg-dark input[type="datetime"]:-ms-input-placeholder, .bg-dark input[type="datetime-local"]:-ms-input-placeholder, .bg-dark input:not([type]):-ms-input-placeholder, .bg-dark select:-ms-input-placeholder, .bg-dark textarea:-ms-input-placeholder { color: var(--dark-text-color-rgba); } form p:last-of-type { margin-bottom: 0; } input[type="checkbox"], input[type="radio"] { display: inline-block; border: none; background-color: transparent; margin: 0 8px 0 0; vertical-align: middle; } input[type="checkbox"] + *, input[type="radio"] + * { display: inline-block; margin-bottom: 0; font-family: var(--second_text-font-family); font-weight: var(--second_text-font-weight); font-style: var(--second_text-font-style); text-transform: var(--second_text-text-transform); font-size: var(--second_text-font-size); letter-spacing: var(--second_text-letter-spacing); line-height: var(--second_text-line-height); color: var(--light-text-color-lighter-rgba); } .bg-dark input[type="checkbox"] + *, .bg-dark input[type="radio"] + * { color: var(--dark-text-color-lighter-rgba); } input[type="checkbox"] + * a, input[type="radio"] + * a { color: var(--light-text-color-lighter-rgba); } .bg-dark input[type="checkbox"] + * a, .bg-dark input[type="radio"] + * a { color: var(--dark-text-color-lighter-rgba); } input[type="radio"] { border-radius: 50%; } select { max-width: 100%; text-transform: none; white-space: nowrap; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 13.171 4.95-4.95 1.414 1.415L12 16 5.636 9.636 7.05 8.222l4.95 4.95Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; background-size: 17px; padding-right: 35px; } .bg-dark select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(255,255,255,1)' d='m12 13.171 4.95-4.95 1.414 1.415L12 16 5.636 9.636 7.05 8.222l4.95 4.95Z'/%3E%3C/svg%3E"); } textarea { height: auto; padding-top: 20px; padding-bottom: 20px; } input:disabled, select:disabled, textarea:disabled { cursor: not-allowed; opacity: 0.8; } input:last-of-type, select:last-of-type, textarea:last-of-type { margin-bottom: 0; } label { display: block; text-transform: none; margin-bottom: 0.5em; color: var(--light-text-color-heavier-rgba); } .bg-dark label { color: var(--dark-text-color-heavier-rgba); } legend { font-family: var(--font_heading-font-family); font-weight: var(--font_heading-font-weight); font-style: var(--font_heading-font-style); text-transform: var(--font_heading-text-transform); line-height: var(--font_heading-line-height, normal); letter-spacing: var(--font_heading-letter-spacing); display: block; font-size: 1.5em; margin-bottom: 12px; color: var(--light-text-color-heavier-rgba); } .bg-dark legend { color: var(--dark-text-color-heavier-rgba); } fieldset { border-width: 0; padding: 0; margin-left: 0; } .required { color: red; } .form-group { width: 100%; float: left; } .label-inline { display: inline-block; font-weight: normal; margin-right: 0.5em; } .label-inline:last-child { margin-right: 0; } /* Chrome, Safari, Edge, Opera */ input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } /*-------------------------------------------------------------- # Separator --------------------------------------------------------------*/ .wp-block-separator, hr { border: 0; margin-bottom: 35px; margin-top: 35px; text-align: left; border-bottom: var(--line-size) solid var(--light-line-color-rgba); } .bg-dark .wp-block-separator, .bg-dark hr { border-bottom: var(--line-size) solid var(--dark-line-color-rgba); } .wp-block-separator.is-style-wide, hr.is-style-wide { border-bottom-width: calc(var(--line-size) * 2); } .wp-block-separator.is-style-dots, hr.is-style-dots { border-bottom: var(--line-size) dotted var(--light-line-color-rgba); } .bg-dark .wp-block-separator.is-style-dots, .bg-dark hr.is-style-dots { border-bottom: var(--line-size) dotted var(--dark-line-color-rgba); } .wp-block-separator.is-style-dots::before, hr.is-style-dots::before { display: none; } /* Block Divider */ .divider-inner { width: 100%; max-width: 100%; height: 1px; display: block; border: 0; border-color: var(--light-line-color-rgba); border-bottom-width: 1px; border-bottom-style: solid; text-indent: -9999px; margin: 0 auto; } .div-vertical .divider-inner { height: 35px; max-height: 100%; width: 1px; border-bottom: 0; border-left-width: 1px; border-left-style: solid; } .bg-dark .divider-inner, .site-dark .divider-inner { border-color: var(--dark-line-color-rgba); } /*-------------------------------------------------------------- # Lists --------------------------------------------------------------*/ ol li, ul li { margin: 0 0 12px; } ol li:last-child, ul li:last-child { margin-bottom: 0; } li > ol:not(.wp-block-gallery), li > ul:not(.wp-block-gallery) { margin-bottom: 0; margin-top: 12px; } dt { font-weight: 700; } dd { margin-left: 1.5em; } dd, dt { margin: 0 0 12px; } dd:last-child, dt:last-child { margin-bottom: 0; } /*-------------------------------------------------------------- # Media Captions --------------------------------------------------------------*/ .blocks-gallery-caption, .gallery-caption, .wp-caption-text, figcaption { font-family: var(--second_text-font-family); font-weight: var(--second_text-font-weight); font-style: var(--second_text-font-style); text-transform: var(--second_text-text-transform); font-size: var(--second_text-font-size); letter-spacing: var(--second_text-letter-spacing); line-height: var(--second_text-line-height); color: var(--light-text-color-lighter-rgba); text-align: center; } .bg-dark .blocks-gallery-caption, .bg-dark .gallery-caption, .bg-dark .wp-caption-text, .bg-dark figcaption { color: var(--dark-text-color-lighter-rgba); } .blocks-gallery-caption a, .gallery-caption a, .wp-caption-text a, figcaption a { color: var(--light-text-color-lighter-rgba); } .bg-dark .blocks-gallery-caption a, .bg-dark .gallery-caption a, .bg-dark .wp-caption-text a, .bg-dark figcaption a { color: var(--dark-text-color-lighter-rgba); } .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption { margin-top: 0.5em; margin-bottom: 0; } .blocks-gallery-grid .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-item figcaption { padding: 1em; } .wp-caption { max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.5em 0 0; } .blocks-gallery-caption { text-align: center; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft, .wp-block-gallery.alignleft, .wp-block-image .alignleft, .wp-block[data-align=left] > * { float: left; margin-right: 30px; margin-top: 0.5em; margin-left: 0; max-width: 50%; text-align: left; } .alignright, .wp-block-gallery.alignright, .wp-block-image .alignright, .wp-block[data-align=right] > * { float: right; margin-left: 30px; margin-top: 0.5em; margin-right: 0; max-width: 50%; text-align: right; } .aligncenter, .wp-block-gallery.aligncenter > *, .wp-block[data-align=center] { clear: both; margin-left: auto; margin-right: auto; text-align: center; } .alignleft.wp-block-cover, .alignleft.wp-block-cover-image, .alignleft.wp-block-pullquote, .alignright.wp-block-cover, .alignright.wp-block-cover-image, .alignright.wp-block-pullquote, .wp-block[data-align=left] > *.wp-block-cover, .wp-block[data-align=left] > *.wp-block-cover-image, .wp-block[data-align=left] > *.wp-block-pullquote, .wp-block[data-align=right] > *.wp-block-cover, .wp-block[data-align=right] > *.wp-block-cover-image, .wp-block[data-align=right] > *.wp-block-pullquote { width: 50%; max-width: 50%; } @media screen and (max-width: 575px) { .alignleft.wp-block-cover, .alignleft.wp-block-cover-image, .alignleft.wp-block-pullquote, .alignright.wp-block-cover, .alignright.wp-block-cover-image, .alignright.wp-block-pullquote, .wp-block[data-align=left] > *.wp-block-cover, .wp-block[data-align=left] > *.wp-block-cover-image, .wp-block[data-align=left] > *.wp-block-pullquote, .wp-block[data-align=right] > *.wp-block-cover, .wp-block[data-align=right] > *.wp-block-cover-image, .wp-block[data-align=right] > *.wp-block-pullquote { width: 100%; max-width: 100%; margin-bottom: 35px; } } .has-text-align-left { text-align: left; } .has-text-align-right { text-align: right; } /*-------------------------------------------------------------- # Links --------------------------------------------------------------*/ .is-link, .wp-block-freeform.block-library-rich-text__tinymce a, a { color: var(--light-text-color-heavier-rgba); transition: all 0.25s linear; cursor: pointer; text-decoration: none; } .bg-dark .is-link, .bg-dark .wp-block-freeform.block-library-rich-text__tinymce a, .bg-dark a { color: var(--dark-text-color-heavier-rgba); } .is-link.active, .is-link:active, .is-link:hover, .wp-block-freeform.block-library-rich-text__tinymce a.active, .wp-block-freeform.block-library-rich-text__tinymce a:active, .wp-block-freeform.block-library-rich-text__tinymce a:hover, a.active, a:active, a:hover { outline: 0; color: var(--color-accent); } a.title-text { width: calc(100%); background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px); background-repeat: no-repeat; background-size: 0 100%; transition: background-size 0.3s; } a.title-text:hover { color: currentColor; background-size: 100% 100%; } .wp-block-button__link { font-size: 1em; text-decoration: none !important; } /*-------------------------------------------------------------- # Tables --------------------------------------------------------------*/ .wp-block-table table, table { border: 0; border-collapse: collapse; border-spacing: 0; empty-cells: show; max-width: 100%; width: 100%; } .bg-dark .wp-block-table table, .bg-dark table { border-color: var(--dark-line-color-rgba); } td, th, .wp-block-table td, .wp-block-table th { text-align: left; border: 0; border-bottom: var(--line-size) solid var(--light-line-color-rgba); margin: 0; overflow: visible; padding: 15px; } .bg-dark td, .bg-dark th, .bg-dark .wp-block-table td, .bg-dark .wp-block-table th { border-color: var(--dark-line-color-rgba); } thead, .wp-block-table thead { vertical-align: bottom; white-space: nowrap; } th, .wp-block-table th { font-weight: 700; color: var(--light-text-color-heavier-rgba); } .bg-dark th, .bg-dark .wp-block-table th { color: var(--dark-text-color-heavier-rgba); } .wp-block-table thead { border-bottom: 0; } .wp-block-table.is-style-stripes { border-bottom: 0; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--light-sec-bg-color); } .bg-dark .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--dark-sec-bg-color); } .wp-block-table.is-style-stripes figcaption { margin-top: 0; padding-top: 0.5em; border-top: var(--line-size) solid var(--light-line-color-rgba); } .bg-dark .wp-block-table.is-style-stripes figcaption { border-color: var(--dark-line-color-rgba); } /*-------------------------------------------------------------- # Gutenberg Elements --------------------------------------------------------------*/ .has-accent-color { color: var(--color-accent); } .has-dark-color { color: var(--dark-sec-bg-color); } .has-light-color { color: var(--light-sec-bg-color); } .has-accent-background-color { background-color: var(--color-accent); } .has-dark-background-color { background-color: var(--dark-sec-bg-color); } .has-light-background-color { background-color: var(--light-sec-bg-color); } .bg-dark .has-light-background-color { background-color: var(--dark-sec-bg-color); } .has-border-color { padding: var(--box-padding); } /* Categories & Archives Lists */ .widget_archive ul, .widget_categories ul, .widget_meta ul, .widget_nav_menu ul, .widget_pages ul, ul.wp-block-archives, ul.wp-block-categories, ul.wp-block-page-list { padding-left: 0; list-style: none; } .widget_archive ul ul, .widget_categories ul ul, .widget_meta ul ul, .widget_nav_menu ul ul, .widget_pages ul ul, ul.wp-block-archives ul, ul.wp-block-categories ul, ul.wp-block-page-list ul { list-style: none; } ul.wp-block-categories__list { padding-left: 0; list-style: none; } ul.wp-block-categories__list ul { padding-left: 20px; list-style: none; } /* List with heading */ .widget_recent_comments ul, .widget_recent_entries ul, .widget_rss ul, ol.wp-block-latest-comments, ul.wp-block-latest-posts, ul.wp-block-rss { padding-left: 0; list-style: none; } .widget_recent_entries ul li, .widget_rss ul li, ul.wp-block-latest-posts li, ul.wp-block-rss li { display: block; overflow: hidden; } .widget_recent_entries ul li a, .widget_rss ul li a, ul.wp-block-latest-posts li a, ul.wp-block-rss li a { display: block; } .widget_recent_entries .post-date, .widget_rss .rss-date, .widget_rss cite, .wp-block-latest-comments__comment-date, .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date, .wp-block-rss__item-author, .wp-block-rss__item-publish-date { margin-right: 15px; display: inline-block; } .widget_recent_entries .post-date, .widget_rss .rss-date, .wp-block-latest-comments__comment-date { display: block; margin-top: 8px; } .rssSummary, .wp-block-latest-comments__comment-excerpt, .wp-block-latest-posts__post-excerpt, .wp-block-rss__item-excerpt { margin: 0; padding-top: 10px; padding-bottom: 15px; display: block; } .rssSummary { padding-bottom: 0; } .wp-block-latest-posts__featured-image { margin: 0; } .wp-block-latest-posts__featured-image.alignleft { margin-right: 20px; max-width: 80px; } .wp-block-latest-posts__featured-image.alignright { margin-left: 20px; max-width: 80px; } .wp-block-latest-posts__featured-image.aligncenter { max-width: 100%; margin: 20px 0; } .wp-block-latest-comments__comment article { overflow: hidden; } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 0; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { margin: 0; max-width: 80px; margin-right: 20px; height: auto; width: auto; } .wp-block-page-list__submenu-icon { display: none; } .wp-block-latest-comments__comment { line-height: inherit; } .has-avatars .wp-block-latest-comments__comment, .has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment { line-height: inherit; } /* Block Search */ .wp-block-search .wp-block-search__button { flex-shrink: 0; margin: 0; position: relative; outline: 0; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 45px; line-height: calc(45px - (var(--btn-line-size) * 2)); padding: 0 1.6em; text-align: center; text-decoration: none; white-space: nowrap; border: none; box-shadow: none !important; border-radius: var(--button-radius); -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; user-select: none; transition: all 0.2s linear; background-color: var(--color-accent); color: var(--color-accent-text); } .wp-block-search .wp-block-search__button:hover { box-shadow: none; } .wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button { padding: 0 1.5em; } .wp-block-search .wp-block-search__button.has-icon { line-height: 0 !important; padding: 0 10px !important; font-size: 20px; } .wp-block-search .wp-block-search__button svg { min-width: 1.5em; min-height: 1.5em; fill: currentColor; } .wp-block-search .wp-block-search__inside-wrapper { display: flex; flex: auto; flex-wrap: nowrap; max-width: 100%; } .wp-block-search .wp-block-search__label { width: 100%; } .wp-block-search .wp-block-search__input { flex-grow: 1; min-width: 3em; } .wp-block-search.wp-block-search__button-only .wp-block-search__button { margin-left: 0; } .wp-block-search.wp-block-search__button-outside .wp-block-search__button { margin-left: 10px; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 0; border: 1px solid var(--light-line-color-rgba); border-radius: var(--button-radius); background-color: transparent; } .bg-dark .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border: 1px solid var(--dark-line-color-rgba); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { border-radius: var(--button-radius); border: none; padding: 6px 15px; background-color: transparent; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { outline: none; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { padding: 0 2em; margin-left: 0; border-right: 0; border-top: 0; border-bottom: 0; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon { padding: 0 10px; } .wp-block-search.aligncenter .wp-block-search__inside-wrapper { margin: auto; } /* Block Table */ .wp-block-table.is-style-stripes { border-color: var(--light-line-color-rgba); } .bg-dark .wp-block-table.is-style-stripes { border-color: var(--dark-line-color-rgba); } /* Block Group */ .wp-block-group { margin-bottom: 35px; } .wp-block-group.has-background { padding: var(--box-padding); } .wp-block-media-text .wp-block-media-text__content { padding: 8%; } /* Block Image */ body > * { font-size: var(--post_content_typo-font-size, var(--primary_text-font-size)); letter-spacing: var(--post_content_typo-letter-spacing, var(--primary_text-letter-spacing)); line-height: var(--post_content_typo-line-height, var(--primary_text-line-height)); color: var(--light-text-color-rgba); } body > * a { color: var(--color-accent); } .wp-block { float: none; margin-left: auto; margin-right: auto; margin-bottom: 35px; /* Fix Old Guten */ } @media screen and (min-width: 881px) { .wp-block { width: calc(((var(--content_width) / 100) * (var(--site_width) * 1px)) - (var(--primary_space) * 2) - (var(--box-padding) * 2)); max-width: calc(((var(--content_width) / 100) * (var(--site_width) * 1px)) - (var(--primary_space) * 2) - (var(--box-padding) * 2)); } .wp-block .wp-block { width: 100%; max-width: 100%; } } .wp-block:last-child { margin-bottom: 0; } .wp-block.wp-block-gallery.alignleft, .wp-block.wp-block-gallery.alignright { float: none; margin-left: auto; margin-right: auto; max-width: calc(((var(--content_width) / 100) * (var(--site_width) * 1px)) - (var(--primary_space) * 2)); margin-bottom: 35px; margin-top: 0; } .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] { margin-left: 0; margin-right: 0; } .editor-post-title { margin-bottom: var(--h_space) !important; } .block-editor-block-list__block[data-type="core/pullquote"][data-align=left] .block-editor-rich-text p, .block-editor-block-list__block[data-type="core/pullquote"][data-align=right] .block-editor-rich-text p { font-size: inherit; } .blocks-gallery-grid .blocks-gallery-image:last-child, .blocks-gallery-grid .blocks-gallery-item:last-child, .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child { margin-bottom: 12px; } .wp-block-code > code { font-family: inherit; color: inherit; padding: 0; border: none; border-radius: 0; } .wp-block-separator:not(.is-style-wide):not(.is-style-dots), hr:not(.is-style-wide):not(.is-style-dots) { width: 100%; } /*-------------------------------------------------------------- # Classic Editor --------------------------------------------------------------*/ .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dt { margin-bottom: 0; } .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd { font-family: var(--second_text-font-family); font-weight: var(--second_text-font-weight); font-style: var(--second_text-font-style); text-transform: var(--second_text-text-transform); font-size: var(--second_text-font-size); letter-spacing: var(--second_text-letter-spacing); line-height: var(--second_text-line-height); color: var(--light-text-color-lighter-rgba); text-align: inherit; color: var(--light-text-color-lighter); } .bg-dark .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd { color: var(--dark-text-color-lighter-rgba); } .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd a { color: var(--light-text-color-lighter-rgba); } .bg-dark .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd a { color: var(--dark-text-color-lighter-rgba); } .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img { display: inline-block; } .wp-block-freeform.block-library-rich-text__tinymce .alignleft { float: left; margin-right: 30px; margin-top: 0.5em; margin-bottom: 1em; margin-left: 0; } .wp-block-freeform.block-library-rich-text__tinymce .alignright { float: right; margin-left: 30px; margin-top: 0.5em; margin-bottom: 1em; margin-right: 0; } .wp-block-freeform.block-library-rich-text__tinymce .aligncenter { clear: both; margin-left: auto; margin-right: auto; text-align: center; } .wp-block-freeform.block-library-rich-text__tinymce blockquote { padding-left: 0; box-shadow: none; border-left: none; } .wp-block-freeform.block-library-rich-text__tinymce blockquote p { margin-top: 0; }