/* Theme Name: Hama Text Domain: hama Version: 1.0 Requires at least: 4.7 Requires PHP: 5.2.4 Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors. Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready Author: the WordPress team Author URI: https://wordpress.org/ Theme URI: https://wordpress.org/themes/twentytwenty/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html All files, unless otherwise stated, are released under the GNU General Public License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) 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. CSS Reset 1. Document Setup 2. Element Base 3. Helper Classes 4. Site Header 5. Menu Modal 6. Search Modal 7. Page Templates a. Template: Cover Template c. Template: Full Width 8. Post: Archive 9. Post: Single 10. Blocks 11. Entry Content 12. Comments 13. Site Pagination 14. Error 404 15. Widgets 16. Site Footer 17. Media Queries ----------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* 0. CSS Reset /* -------------------------------------------------------------------------- */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); html, body { border: none; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td { border: none; font-size: inherit; line-height: inherit; margin: 0; padding: 0; text-align: inherit; } blockquote::before, blockquote::after { content: ""; } /* -------------------------------------------------------------------------- */ /* 1. Document Setup /* -------------------------------------------------------------------------- */ html { font-size: 62.5%; /* 1rem = 10px */ } body { background: #f5efe0; box-sizing: border-box; color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.8rem; text-align: left; font-weight: 500; } @supports ( font-variation-settings: normal ) { body { font-family: 'Montserrat', sans-serif; } } *, *::before, *::after { box-sizing: inherit; -webkit-font-smoothing: antialiased; word-break: break-word; word-wrap: break-word; } #site-content { overflow: hidden; } /* Clearing ---------------------------------- */ .group::after, .entry-content::after { clear: both; content: ""; display: block; } /* Base Transitions -------------------------- */ a, path { transition: all 0.15s linear; } /* Screen Reader Text ------------------------ */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Skip Link --------------------------------- */ .skip-link { left: -9999rem; top: 2.5rem; z-index: 999999999; text-decoration: underline; } .skip-link:focus { display: block; left: 6px; top: 7px; font-size: 14px; font-weight: 600; text-decoration: none; line-height: normal; padding: 15px 23px 14px; z-index: 100000; right: auto; } /* Fonts ------------------------------------- */ /* * Chrome renders extra-wide   characters for the Hoefler Text font. * This results in a jumping cursor when typing in both the classic editor and * block editor. The following font-face override fixes the issue by manually * inserting a custom font that includes just a Hoefler Text space replacement * for that character instead. */ @font-face { font-family: NonBreakingSpaceOverride; src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff"); } /* ---------------------------------------------- Inter variable font. Usage: @supports (font-variation-settings: normal) { html { font-family: 'Inter var', sans-serif; } } ---------------------------------------------- */ @font-face { font-family: "Inter var"; font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ font-style: normal; font-display: swap; src: url(./assets/fonts/inter/Inter-upright-var.woff2) format("woff2"); } @font-face { font-family: "Inter var"; font-weight: 100 900; /* stylelint-disable-line font-weight-notation */ font-style: italic; font-display: swap; src: url(./assets/fonts/inter/Inter-italic-var.woff2) format("woff2"); } /* Accessibility Settings -------------------- */ @media ( prefers-reduced-motion: reduce ) { * { animation-duration: 0s !important; transition-duration: 0s !important; } } /* -------------------------------------------------------------------------- */ /* 2. Element Base /* ---------------------------------------------*---------------------------- */ main { display: block; } h1, h2, h3, h4, h5, h6, .faux-heading { font-feature-settings: "lnum"; font-variant-numeric: lining-nums; font-weight: 700; /*letter-spacing: -0.0415625em;*/ line-height: 1; /*margin: 3.5rem 0 2rem;*/ } h1, .heading-size-1 { font-size: 3.6rem; font-weight: 800; line-height: 1.138888889; } h2, .heading-size-2 { font-size: 3.2rem; } h3, .heading-size-3 { font-size: 2.8rem; } h4, .heading-size-4 { font-size: 2.4rem; } h5, .heading-size-5 { font-size: 2.1rem; } h6, .heading-size-6 { font-size: 1.6rem; letter-spacing: 0.03125em; text-transform: uppercase; } p { line-height: 1.5; margin: 0 0 1em 0; } em, i, q, dfn { font-style: italic; } em em, em i, i em, i i, cite em, cite i { font-weight: bolder; } big { font-size: 1.2em; } small { font-size: 0.75em; } b, strong { font-weight: 700; } ins { text-decoration: underline; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } abbr, acronym { cursor: help; } address { line-height: 1.5; margin: 0 0 2rem 0; } hr { border-style: solid; border-width: 0.1rem 0 0 0; border-color: #dcd7ca; margin: 4rem 0; } .entry-content hr, hr.styled-separator { background: linear-gradient(to left, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px)); background-color: transparent !important; border: none; height: 0.1rem; overflow: visible; position: relative; } .entry-content hr:not(.has-background), hr.styled-separator { color: #6d6d6d; } .entry-content hr::before, .entry-content hr::after, hr.styled-separator::before, hr.styled-separator::after { background: currentColor; content: ""; display: block; height: 1.6rem; position: absolute; top: calc(50% - 0.8rem); transform: rotate(22.5deg); width: 0.1rem; } .entry-content hr::before, hr.styled-separator::before { left: calc(50% - 0.5rem); } .entry-content hr::after, hr.styled-separator::after { right: calc(50% - 0.5rem); } a { color: #000 !important; text-decoration: none; } a:hover, a:focus { text-decoration: none; } /* Lists ------------------------------------- */ ul, ol { margin: 0 0 3rem 3rem; } ul { list-style: disc; } ul ul { list-style: circle; } ul ul ul { list-style: square; } ol { list-style: decimal; } ol ol { list-style: lower-alpha; } ol ol ol { list-style: lower-roman; } li { line-height: 1.5; /*margin: 0.5rem 0 0 2rem;*/ } li > ul, li > ol { /*margin: 1rem 0 0 2rem;*/ } .reset-list-style, .reset-list-style ul, .reset-list-style ol { list-style: none; margin: 0; } .reset-list-style li { margin: 0; } dt, dd { line-height: 1.5; } dt { font-weight: 700; } dt + dd { margin-top: 0.5rem; } dd + dt { margin-top: 1.5rem; } /* Quotes ------------------------------------ */ blockquote { border-color: #cd2653; border-style: solid; /*rtl:ignore*/ border-width: 0 0 0 0.2rem; color: inherit; font-size: 1em; margin: 4rem 0; /*rtl:ignore*/ padding: 0.5rem 0 0.5rem 2rem; } cite { color: #6d6d6d; font-size: 1.4rem; font-style: normal; font-weight: 600; line-height: 1.25; } blockquote cite { display: block; margin: 2rem 0 0 0; } blockquote p:last-child { margin: 0; } /* Code -------------------------------------- */ code, kbd, pre, samp { font-family: monospace; font-size: 0.9em; padding: 0.4rem 0.6rem; } code, kbd, samp { background: rgba(0, 0, 0, 0.075); border-radius: 0.2rem; } pre { border: 0.1rem solid #dcd7ca; line-height: 1.5; margin: 4rem 0; overflow: auto; padding: 3rem 2rem; text-align: left; } pre code { background: transparent; padding: 0; } /* Media ------------------------------------- */ figure { display: block; margin: 0; } iframe { display: block; max-width: 100%; } video { display: block; } svg, img, embed, object { display: block; height: auto; max-width: 100%; } figcaption, .wp-caption-text { color: #6d6d6d; display: block; font-size: 1.5rem; font-weight: 500; line-height: 1.2; margin-top: 1.5rem; } figcaption a, .wp-caption-text a { color: inherit; } /* GALLERIES */ .gallery { display: flex; flex-wrap: wrap; margin: 3em 0 3em -0.8em; width: calc(100% + 1.6em); } .gallery-item { margin: 0.8em 0; padding: 0 0.8em; width: 100%; } .gallery-caption { display: block; margin-top: 0.8em; } /* Inputs ------------------------------------ */ fieldset { border: 0.2rem solid #dcd7ca; padding: 2rem; } legend { font-size: 0.85em; font-weight: 700; padding: 0 1rem; } label { display: block; font-size: 1.6rem; font-weight: 400; margin: 0 0 0.5rem 0; } label.inline, input[type="checkbox"] + label { display: inline; font-weight: 400; margin-left: 0.5rem; } input, textarea, button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button { font-family: 'Montserrat', sans-serif; line-height: 1; } @supports ( font-variation-settings: normal ) { input, textarea, button, .button, .faux-button, .faux-button.more-link, .wp-block-button__link, .wp-block-file__button { font-family: 'Montserrat', sans-serif; } } input, textarea { border-color: #dcd7ca; color: #000; } code, input[type="url"], input[type="email"], input[type="tel"] { /*rtl:ignore*/ direction: ltr; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea { -webkit-appearance: none; -moz-appearance: none; background: #fff; border-radius: 0; border-style: solid; border-width: 0.1rem; box-shadow: none; display: block; font-size: 1.6rem; letter-spacing: -0.015em; margin: 0; max-width: 100%; padding: 1.5rem 1.8rem; width: 100%; } select { font-size: 1em; } textarea { height: 12rem; line-height: 1.5; width: 100%; } input::-webkit-input-placeholder { line-height: normal; color: #333; opacity: 1; } input:-ms-input-placeholder { line-height: normal; color: #333; opacity: 1; } input::-moz-placeholder { line-height: normal; color: #333; opacity: 1; } input::-webkit-textarea-placeholder { line-height: normal; color: #333; opacity: 1; } input:-ms-textarea-placeholder { line-height: normal; color: #333; opacity: 1; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; background: #cd2653; border: none; border-radius: 0; color: #fff; cursor: pointer; display: inline-block; font-size: 1.5rem; font-weight: 600; letter-spacing: 0.0333em; line-height: 1.25; margin: 0; opacity: 1; padding: 1.1em 1.44em; text-align: center; text-decoration: none; text-transform: uppercase; transition: opacity 0.15s linear; } button:focus, button:hover, .button:focus, .button:hover, .faux-button:focus, .faux-button:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover { text-decoration: none; outline: none !important; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { /*border-color: currentColor;*/ outline: none; box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); } input[type="search"]:focus { outline: none; /*outline-offset: -4px;*/ } /* Tables ------------------------------------ */ table { border: 0.1rem solid #dcd7ca; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 1.6rem; margin: 4rem 0; max-width: 100%; overflow: hidden; width: 100%; } .alignleft > table { margin: 0; } .alignright > table { margin: 0; } th, td { border: 0.1rem solid #dcd7ca; line-height: 1.4; margin: 0; overflow: visible; padding: 0.5em; } caption { background: #dcd7ca; font-weight: 600; padding: 0.5em; text-align: center; } thead { vertical-align: bottom; white-space: nowrap; } th { font-weight: 700; } /* -------------------------------------------------------------------------- */ /* 3. Helper Classes /* -------------------------------------------------------------------------- */ /* Layout ------------------------------------ */ .no-margin { margin: 0; } .no-padding { padding: 0; } .screen-height { min-height: 100vh; } .admin-bar .screen-height { min-height: calc(100vh - 32px); } @media (max-width: 782px) { .admin-bar .screen-height { min-height: calc(100vh - 46px); } } .screen-width { position: relative; left: calc(50% - 50vw); width: 100vw; } /* Sections ---------------------------------- */ section { padding: 5rem 0; width: 100%; } .section-inner { /*margin-left: auto; margin-right: auto; max-width: 120rem; width: calc(100% - 4rem);*/ } .section-inner.max-percentage { width: 100%; } .section-inner.thin { max-width: 58rem; } .section-inner.small { max-width: 80rem; } .section-inner.medium { /*max-width: 100rem;*/ } .section-inner.no-margin { margin: 0; } /* Toggles ----------------------------------- */ .toggle { -moz-appearance: none; -webkit-appearance: none; color: inherit; cursor: pointer; font-family: inherit; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; text-align: inherit; user-select: none; } button.toggle { background: none; border: none; box-shadow: none; border-radius: 0; font-size: inherit; font-weight: 400; letter-spacing: inherit; padding: 0; text-transform: none; } /* Hiding and Showing ------------------------ */ .js .show-js { display: block !important; } .js .hide-js { display: none !important; } .no-js .show-no-js { display: block !important; } .no-js .hide-no-js { display: none !important; } /* Typography -------------------------------- */ .font-size-xl { font-size: 1.25em; } .font-size-xs { font-size: 0.8em; } .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Colors ------------------------------------ */ /* COLOR */ .color-accent, .color-accent-hover:focus, .color-accent-hover:hover { color: #000; } /* BACKGROUND COLOR */ .bg-accent, .bg-accent-hover:focus, .bg-accent-hover:hover { background-color: #cd2653; } /* BORDER COLOR */ .border-color-accent, .border-color-accent-hover:focus, .border-color-accent-hover:hover { border-color: #cd2653; } /* FILL COLOR */ .fill-children-accent, .fill-children-accent * { fill: #cd2653; } .fill-children-current-color, .fill-children-current-color * { fill: currentColor; } /* Opacity ----------------------------------- */ .opacity-0 { opacity: 0; } .opacity-5 { opacity: 0.05; } .opacity-10 { opacity: 0.1; } .opacity-15 { opacity: 0.15; } .opacity-20 { opacity: 0.2; } .opacity-25 { opacity: 0.25; } .opacity-30 { opacity: 0.3; } .opacity-35 { opacity: 0.35; } .opacity-40 { opacity: 0.4; } .opacity-45 { opacity: 0.45; } .opacity-50 { opacity: 0.5; } .opacity-55 { opacity: 0.55; } .opacity-60 { opacity: 0.6; } .opacity-65 { opacity: 0.65; } .opacity-70 { opacity: 0.7; } .opacity-75 { opacity: 0.75; } .opacity-80 { opacity: 0.8; } .opacity-85 { opacity: 0.85; } .opacity-90 { opacity: 0.9; } .blend-mode-exclusion { mix-blend-mode: exclusion; } .blend-mode-hue { mix-blend-mode: hue; } .blend-mode-saturation { mix-blend-mode: saturation; } .blend-mode-color { mix-blend-mode: color; } .blend-mode-luminosity { mix-blend-mode: luminosity; } /* Image Classes ----------------------------- */ .bg-image { background-position: center; background-repeat: no-repeat; background-size: cover; } .bg-attachment-fixed { background-attachment: fixed; } @supports ( -webkit-overflow-scrolling: touch ) { .bg-attachment-fixed { background-attachment: scroll; } } @media ( prefers-reduced-motion: reduce ) { .bg-attachment-fixed { background-attachment: scroll; } } .wp-block-image.is-resized { margin-left: auto; margin-right: auto; } /* Search Form ------------------------------- */ .search-form { align-items: stretch; display: flex; flex-wrap: nowrap; margin: 0 0 -0.8rem -0.8rem; } .search-form .search-field, .search-form .search-submit { margin: 0 0 0.8rem 0.8rem; } .search-form label { align-items: stretch; display: flex; font-size: inherit; margin: 0; width: 100%; } .search-form .search-field { width: 100%; } .search-form .search-submit { flex-shrink: 0; } .search-form .search-submit:focus, .search-form .search-submit:hover { text-decoration: none; } /* Social Icons ------------------------------ */ ul.social-icons { display: flex; flex-wrap: wrap; margin: -0.9rem 0 0 -0.9rem; width: calc(100% + 0.9rem); } ul.social-icons li { margin: 0.9rem 0 0 0.9rem; } .social-icons a { align-items: center; background: #cd2653; border-radius: 50%; color: #fff; display: flex; height: 4.4rem; justify-content: center; padding: 0; text-decoration: none; transition: transform 0.15s ease-in-out; width: 4.4rem; } .social-icons a:focus, .social-icons a:hover { transform: scale(1.1); text-decoration: none; } /* Cover Modals ------------------------------ */ .cover-modal { display: none; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .cover-modal::-webkit-scrollbar { display: none !important; } .cover-modal.show-modal { display: block; cursor: pointer; } .cover-modal.show-modal > * { cursor: default; } /* -------------------------------------------------------------------------- */ /* 4. Site Header /* -------------------------------------------------------------------------- */ #site-header { background: #fff; position: relative; } .header-inner { /*max-width: 168rem;*/ /*padding: 3.15rem 0;*/ z-index: 100; } /* Header Titles ----------------------------- */ .header-titles-wrapper { /*align-items: center; display: flex; justify-content: center; padding: 0 4rem; text-align: center;*/ } body:not(.enable-search-modal) .header-titles-wrapper { justify-content: flex-start; padding-left: 0; text-align: left; } .site-title, .site-logo, .site-description { margin: 0; } .site-title { font-size: 2.1rem; font-weight: 600; line-height: 1; } .site-title a { color: inherit; display: block; text-decoration: none; } .site-title a:hover, .site-title a:focus { text-decoration: underline; } .site-description { margin-top: 1rem; color: #6d6d6d; font-size: 1.8rem; font-weight: 500; display: none; letter-spacing: -0.0311em; transition: all 0.15s linear; } .site-logo a, .site-logo img { display: block; } .header-titles .site-logo .site-logo { margin: 0; } .site-logo img { /*max-height: 6rem; margin: 0 auto;*/ width: auto; } body:not(.enable-search-modal) .site-logo img { margin: 0; } /* Overlay Header ---------------------------- */ .overlay-header #site-header { background: transparent; margin: 0; position: absolute; left: 0; right: 0; top: 0; z-index: 2; } .overlay-header .header-inner { color: #fff; } .overlay-header .site-description, .overlay-header .toggle { color: inherit; } .overlay-header .header-inner .toggle-wrapper::before { background-color: currentColor; opacity: 0.25; } .admin-bar.overlay-header #site-header { top: 32px; } @media (max-width: 782px) { .admin-bar.overlay-header #site-header { top: 46px; } } /* Header Navigation ------------------------- */ .header-navigation-wrapper { display: none; } /* Header Toggles ---------------------------- */ .header-toggles { display: none; } .header-inner .toggle { align-items: center; display: flex; overflow: visible; padding: 0 2rem; } .header-inner .toggle svg { display: block; position: relative; z-index: 1; } .header-inner .toggle path { fill: currentColor; } .toggle-inner { display: flex; justify-content: center; height: 2.3rem; position: relative; } .toggle-icon { display: block; overflow: hidden; } .toggle-inner .toggle-text { color: #6d6d6d; font-size: 1rem; font-weight: 600; position: absolute; top: calc(100% + 0.5rem); width: auto; white-space: nowrap; word-break: break-all; } .overlay-header .toggle-text { color: inherit; } .header-inner .toggle:focus .toggle-text, .header-inner .toggle:hover .toggle-text { text-decoration: underline; } /* Search Toggle ----------------------------- */ .search-toggle { position: absolute; bottom: 0; left: 0; top: 0; } .search-toggle .toggle-icon, .search-toggle svg { height: 2.5rem; max-width: 2.3rem; width: 2.3rem; } /* Navigation Toggle ------------------------- */ .nav-toggle { position: absolute; bottom: 0; right: 0; top: 0; width: 6.6rem; } .nav-toggle .toggle-icon, .nav-toggle svg { height: 0.8rem; width: 2.6rem; } .nav-toggle .toggle-inner { padding-top: 0.8rem; } /* Primary Menu ---------------------------- */ .primary-menu-wrapper { display: none; } ul.primary-menu { display: flex; font-size: 1.8rem; font-weight: 500; /*letter-spacing: -0.0277em;*/ flex-wrap: wrap; justify-content: space-between; } .primary-menu .icon { display: block; height: 0.7rem; position: absolute; pointer-events: none; transform: rotate(-45deg); width: 1.3rem; } .primary-menu .icon::before, .primary-menu .icon::after { content: ""; display: block; background-color: currentColor; position: absolute; bottom: calc(50% - 0.1rem); left: 0; } .primary-menu .icon::before { height: 0.9rem; width: 0.2rem; } .primary-menu .icon::after { height: 0.2rem; width: 0.9rem; } .primary-menu li { font-size: inherit; line-height: 1.25; position: relative; } .primary-menu > li { /*margin: 0.8rem 0 0 1.6rem;*/ } .primary-menu > li.menu-item-has-children > a { padding-right: 2rem; } .primary-menu > li > .icon { right: -0.5rem; top: calc(50% - 0.4rem); } .primary-menu a { color: inherit; display: block; line-height: 1.2; text-decoration: none; } .primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor { text-decoration: underline; } .primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a { text-decoration: underline; } .primary-menu li.current-menu-item > a:hover, .primary-menu li.current-menu-item > .link-icon-wrapper > a:hover, .primary-menu li.current-menu-item > a:focus, .primary-menu li.current-menu-item > .link-icon-wrapper > a:focus { text-decoration: none; } /* SUB MENU */ .primary-menu ul { background: #000; border-radius: 0.4rem; color: #fff; font-size: 1.7rem; opacity: 0; padding: 1rem 0; position: absolute; right: 9999rem; top: calc(100% + 2rem); transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; transform: translateY(0.6rem); width: 20rem; z-index: 1; } .primary-menu li.menu-item-has-children:hover > ul, .primary-menu li.menu-item-has-children:focus > ul, .primary-menu li.menu-item-has-children.focus > ul { left: 0; opacity: 1; transform: translateY(0); transition: opacity 0.15s linear, transform 0.15s linear; } .primary-menu ul::before, .primary-menu ul::after { content: ""; display: block; position: absolute; bottom: 100%; } .primary-menu ul::before { height: 2rem; left: 0; right: 0; } .primary-menu ul::after { border: 0.8rem solid transparent; border-bottom-color: #000; right: 1.8rem; } .primary-menu ul a { background: transparent; border: none; color: inherit; display: block; padding: 1rem 2rem; transition: background-color 0.15s linear; width: 100%; } .primary-menu ul li.menu-item-has-children > a { padding-right: 4.5rem; } .primary-menu ul li.menu-item-has-children .icon { position: absolute; right: 1.5rem; top: calc(50% - 0.5rem); } /* DEEP DOWN */ .primary-menu ul ul { top: -1rem; } .primary-menu ul li.menu-item-has-children:hover > ul, .primary-menu ul li.menu-item-has-children:focus > ul, .primary-menu ul li.menu-item-has-children.focus > ul { right: calc(100% + 2rem); } .primary-menu ul ul::before { bottom: 0; height: auto; left: auto; right: -2rem; top: 0; width: 2rem; } .primary-menu ul ul::after { border-bottom-color: transparent; /*rtl:ignore*/ border-left-color: #000; bottom: auto; right: -1.6rem; top: 2rem; } .rtl .primary-menu ul ul::after { transform: rotate(180deg); } /* * Enable nav submenu expansion with tapping on arrows on large-viewport * touch interfaces (e.g. tablets or laptops with touch screens). * These rules are supported by all browsers (>IE11) and when JS is disabled. */ @media (any-pointer: coarse) { .primary-menu > li.menu-item-has-children > a { padding-right: 0; margin-right: 2rem; } .primary-menu ul li.menu-item-has-children > a { margin-right: 4.5rem; padding-right: 0; width: unset; } } /* Repeat previous rules for IE11 (when JS enabled for polyfill). */ body.touch-enabled .primary-menu > li.menu-item-has-children > a { padding-right: 0; margin-right: 2rem; } body.touch-enabled .primary-menu ul li.menu-item-has-children > a { margin-right: 4.5rem; padding-right: 0; width: unset; } /* -------------------------------------------------------------------------- */ /* 5. Menu Modal /* -------------------------------------------------------------------------- */ .menu-modal { background: #fff; display: none; opacity: 0; overflow-y: auto; overflow-x: hidden; position: fixed; bottom: 0; left: -99999rem; right: 99999rem; top: 0; transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s; z-index: 99; } .admin-bar .menu-modal { top: 32px; } @media (max-width: 782px) { .admin-bar .menu-modal { top: 46px; } } .menu-modal.show-modal { display: flex; } .menu-modal.active { left: 0; opacity: 1; right: 0; transition: opacity 0.25s ease-out; } .menu-modal-inner { background: #fff; display: flex; justify-content: stretch; overflow: auto; -ms-overflow-style: auto; width: 100%; } .menu-wrapper { display: flex; flex-direction: column; justify-content: space-between; position: relative; } button.close-nav-toggle { align-items: center; display: flex; font-size: 1.6rem; font-weight: 500; justify-content: flex-end; padding: 3.1rem 0; width: 100%; } button.close-nav-toggle svg { height: 1.6rem; width: 1.6rem; } button.close-nav-toggle .toggle-text { margin-right: 1.6rem; } .menu-modal .menu-top { flex-shrink: 0; } /* Main Menu --------------------------------- */ .modal-menu { position: relative; left: calc(50% - 50vw); width: 100vw; } .modal-menu li { border-color: #dedfdf; border-style: solid; border-width: 0.1rem 0 0 0; display: flex; flex-wrap: wrap; line-height: 1; justify-content: flex-start; margin: 0; } .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a { font-size: 2rem; font-weight: 700; letter-spacing: -0.0375em; } .modal-menu > li:last-child { border-bottom-width: 0.1rem; } .modal-menu .ancestor-wrapper { display: flex; justify-content: space-between; width: 100%; } .modal-menu a { display: block; padding: 2rem 2.5rem; text-decoration: none; width: 100%; } .modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a { text-decoration: underline; } button.sub-menu-toggle { border-left: 0.1rem solid #dedfdf; flex-shrink: 0; margin: 1rem 0; padding: 0 2.5rem; } button.sub-menu-toggle svg { height: 0.9rem; transition: transform 0.15s linear; width: 1.5rem; } button.sub-menu-toggle.active svg { transform: rotate(180deg); } .modal-menu ul { display: none; margin: 0; width: 100%; } .modal-menu ul li { border-left-width: 1rem; } .modal-menu ul li a { color: inherit; font-weight: 500; } /* Main menu animation ----------------------- */ .menu-wrapper .menu-item { position: relative; } .menu-wrapper .active { display: block; } .menu-wrapper.is-toggling { pointer-events: none; } .menu-wrapper.is-toggling .menu-item { position: absolute; top: 0; left: 0; margin: 0; width: 100%; } .menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item { width: auto; } .menu-wrapper.is-animating .menu-item, .menu-wrapper.is-animating .toggling-target { transition-duration: 250ms; } .menu-wrapper.is-animating .menu-item { transition-property: transform; } .menu-wrapper.is-toggling .toggling-target { display: block; position: absolute; top: 0; left: 0; opacity: 1; } .menu-wrapper.is-toggling .toggling-target.active { opacity: 0; } .menu-wrapper.is-animating.is-toggling .toggling-target { display: block; transition-property: opacity; opacity: 0; } .menu-wrapper.is-animating.is-toggling .toggling-target.active { opacity: 1; } .menu-wrapper.is-toggling .modal-menu > li:last-child li { border-top-color: transparent; border-bottom-width: 0.1rem; } @media (prefers-reduced-motion: reduce) { .menu-wrapper.is-animating .menu-item, .menu-wrapper.is-animating .toggling-target { transition-duration: 1ms !important; } } /* Expanded Menu ----------------------------- */ .expanded-menu { display: none; } .mobile-menu { display: block; } /* Menu Bottom ------------------------------- */ .menu-bottom { flex-shrink: 0; padding: 4rem 0; } .menu-bottom nav { width: 100%; } .menu-copyright { display: none; font-size: 1.6rem; font-weight: 500; margin: 0; } .menu-copyright a:focus, .menu-copyright a:hover { text-decoration: underline; } .menu-bottom .social-menu { justify-content: center; } /* -------------------------------------------------------------------------- */ /* 6. Search Modal /* -------------------------------------------------------------------------- */ .search-modal { background: rgba(0, 0, 0, 0.2); display: none; opacity: 0; position: fixed; bottom: 0; left: -9999rem; top: 0; transition: opacity 0.2s linear, left 0s 0.2s linear; width: 100%; z-index: 999; } .admin-bar .search-modal.active { top: 32px; } @media (max-width: 782px) { .admin-bar .search-modal.active { top: 46px; } } .search-modal-inner { background: #fff; transform: translateY(-100%); transition: transform 0.15s linear, box-shadow 0.15s linear; } .search-modal-inner .section-inner { display: flex; justify-content: space-between; max-width: 168rem; } .search-modal.active { left: 0; opacity: 1; transition: opacity 0.2s linear; } .search-modal.active .search-modal-inner { box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08); transform: translateY(0); transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear; } button.search-untoggle { align-items: center; display: flex; flex-shrink: 0; justify-content: center; margin-right: -2.5rem; padding: 0 2.5rem; } .search-modal button.search-untoggle { color: inherit; } .search-modal.active .search-untoggle { animation: popIn both 0.3s 0.2s; } .search-untoggle svg { height: 1.5rem; transition: transform 0.15s ease-in-out; width: 1.5rem; } .search-untoggle:focus svg, .search-untoggle:hover svg { transform: scale(1.15); } /* Modal Search Form ------------------------- */ .search-modal form { margin: 0; position: relative; width: 100%; } .search-modal .search-field { background: none; border: none; border-radius: 0; color: inherit; font-size: 2rem; letter-spacing: -0.0277em; height: 8.4rem; margin: 0 0 0 -2rem; max-width: calc(100% + 2rem); padding: 0 0 0 2rem; width: calc(100% + 2rem); } .search-modal .search-field::-webkit-input-placeholder { color: #333; opacity: 1; } .search-modal .search-field:-ms-input-placeholder { color: #333; opacity: 1; } .search-modal .search-field::-moz-placeholder { color: #333; line-height: 4; opacity: 1; } .search-modal .search-submit { position: absolute; right: -9999rem; top: 50%; transform: translateY(-50%); } .search-modal .search-submit:focus { right: 0; } /* -------------------------------------------------------------------------- */ /* 7a. Template: Cover Template /* -------------------------------------------------------------------------- */ .cover-header { display: flex; overflow: hidden; } .cover-header-inner-wrapper { display: flex; position: relative; flex-direction: column; justify-content: flex-end; width: 100%; } .cover-header-inner { padding: 10rem 0 5rem 0; width: 100%; } .cover-color-overlay, .cover-color-overlay::before { position: absolute; bottom: 0; left: 0; right: 0; top: 0; } .cover-color-overlay::before { background: currentColor; content: ""; display: block; } .cover-header .entry-header { position: relative; width: 100%; z-index: 1; } .cover-header .entry-header * { color: #fff; } body.template-cover .entry-header { background: transparent; padding: 0; } .cover-header h1, .cover-header h2, .cover-header h3, .cover-header h4, .cover-header h5, .cover-header h6, .cover-header .faux-heading { color: inherit; } .cover-header .entry-header a { color: inherit; } /* To The Content ---------------------------- */ .to-the-content-wrapper { position: absolute; left: 0; right: 0; top: calc(100% + 0.5rem); } .to-the-content { align-items: center; display: flex; justify-content: center; height: 4rem; text-decoration: none; } .to-the-content svg { height: 2rem; transition: transform 0.15s linear; transform: translateY(0); width: 1.767rem; } .to-the-content:focus svg, .to-the-content:hover svg { transform: translateY(20%); } /* -------------------------------------------------------------------------- */ /* 7c. Template: Full Width /* -------------------------------------------------------------------------- */ body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 120rem; } body.template-full-width .entry-content .alignleft, body.template-full-width .entry-content .alignright { position: static; } body.template-full-width .entry-content .alignleft, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 0; position: static; } body.template-full-width .entry-content > .alignleft, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 2rem; position: static; } body.template-full-width .entry-content .alignright, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 0; position: static; } body.template-full-width .entry-content > .alignright, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 2rem; position: static; } /* -------------------------------------------------------------------------- */ /* 8. Post: Archive /* -------------------------------------------------------------------------- */ /* Archive Header ---------------------------- */ .archive-header { background-color: #fff; padding: 4rem 0; } .reduced-spacing .archive-header { padding-bottom: 2rem; } .archive-title { font-size: 2.4rem; font-weight: 700; letter-spacing: -0.026666667em; margin: 0; } .archive-subtitle p:last-child { margin-bottom: 0; } /* Posts ------------------------------------- */ body:not(.singular) main > article:first-of-type { padding: 4rem 0 0; } /* Search Results ---------------------------- */ .no-search-results-form { padding-top: 5rem; } /* -------------------------------------------------------------------------- */ /* 9. Post: Single /* -------------------------------------------------------------------------- */ /* Post Header ------------------------------- */ .singular .entry-header { background-color: #fff; padding: 4rem 0; } .entry-categories { line-height: 1.25; margin-bottom: 2rem; } .entry-categories-inner { justify-content: center; display: flex; flex-wrap: wrap; margin: -0.5rem 0 0 -1rem; } .entry-categories a { border-bottom: 0.15rem solid currentColor; font-size: 1.4rem; font-weight: 700; letter-spacing: 0.036666667em; margin: 0.5rem 0 0 1rem; text-decoration: none; text-transform: uppercase; } .entry-categories a:focus, .entry-categories a:hover { border-bottom-color: transparent; } h1.entry-title, h2.entry-title { margin: 0; } .entry-title a { color: inherit; text-decoration: none; } .entry-title a:focus, .entry-title a:hover { text-decoration: underline; } .intro-text { margin-top: 2rem; } .singular .intro-text { font-size: 2rem; letter-spacing: -0.0315em; line-height: 1.4; } /* POST META */ .post-meta-single-top .post-meta { justify-content: center; } .post-meta-wrapper { margin-top: 2rem; margin-right: auto; margin-left: auto; max-width: 58rem; width: calc(100% - 4rem); } .post-meta { color: #6d6d6d; display: flex; flex-wrap: wrap; font-size: 1.5rem; font-weight: 500; list-style: none; margin: -1rem 0 0 -2rem; } .post-meta li { flex-shrink: 0; letter-spacing: -0.016875em; margin: 1rem 0 0 2rem; max-width: calc(100% - 2rem); } .post-meta a { color: inherit; text-decoration: none; } .post-meta a:focus, .post-meta a:hover { text-decoration: underline; } .post-meta .meta-wrapper { align-items: center; display: flex; flex-wrap: nowrap; } .post-meta .meta-icon { flex-shrink: 0; margin-right: 1rem; } .sticky .post-sticky { color: inherit; } .post-meta .post-author .meta-icon svg { width: 1.6rem; height: 1.8rem; } .post-meta .post-categories .meta-icon svg { width: 1.8rem; height: 1.7rem; } .post-meta .post-comment-link .meta-icon svg { width: 1.8rem; height: 1.8rem; } .post-meta .post-date .meta-icon svg { width: 1.7rem; height: 1.8rem; } .post-meta .post-edit .meta-icon svg { width: 1.8rem; height: 1.8rem; } .post-meta .post-sticky .meta-icon svg { width: 1.5rem; height: 1.8rem; } .post-meta .post-tags .meta-icon svg { width: 1.8rem; height: 1.8rem; } .post-meta svg * { fill: currentColor; } /* Featured Media ---------------------------- */ .featured-media { margin-top: 5rem; position: relative; } .singular .featured-media { margin-top: 0; } .singular .featured-media-inner { position: relative; left: calc(50% - 50vw); width: 100vw; } .singular .featured-media::before { background: #fff; content: ""; display: block; position: absolute; bottom: 50%; left: 0; right: 0; top: 0; } .featured-media img { margin: 0 auto; } .featured-media figcaption { margin: 1.5rem auto 0 auto; text-align: center; width: calc(100% - 5rem); } .post-inner { /* padding-top: 5rem;*/ } .reduced-spacing.missing-post-thumbnail .post-inner { padding-top: 0; } /* Post Footer ------------------------------- */ /* POST NAV LINKS */ .post-nav-links { border-radius: 0.4rem; display: flex; font-size: 0.9em; font-weight: 600; line-height: 1; margin-top: 3em; padding: 0 0.25em; } .post-nav-links > * { padding: 1em 0.75em; } /* POST META BOTTOM */ .post-meta-wrapper.post-meta-single-bottom { margin-top: 3rem; } /* Author Bio -------------------------------- */ .author-bio { margin-top: 4rem; margin-right: auto; margin-left: auto; max-width: 58rem; width: calc(100% - 4rem); } .hide-avatars .author-bio { padding-left: 0; } .author-bio .author-title-wrapper { align-items: center; display: flex; margin: 0 0 1rem 0; } .author-bio .avatar { border-radius: 50%; margin-right: 1.5rem; height: 5rem; width: 5rem; } .hide-avatars img.avatar { display: none; } .author-bio p:last-child { margin-bottom: 0; } .author-bio .author-title { margin: 0; } .author-bio .author-link { display: block; font-size: 1.6rem; font-weight: 600; margin-top: 1em; text-decoration: none; } .author-bio .author-link:focus, .author-bio .author-link:hover { text-decoration: underline; } /* Single Pagination ------------------------- */ .pagination-single { font-size: 1.8rem; margin-top: 5rem; } .pagination-single-inner { display: flex; flex-direction: column; } .pagination-single hr:first-child { margin: 0 0 2.8rem 0; } .pagination-single hr:last-child { margin: 2.8rem 0 0.8rem 0; } .pagination-single a { align-items: baseline; display: flex; font-weight: 600; letter-spacing: -0.0275em; text-decoration: none; flex: 1; } .pagination-single a + a { margin-top: 1rem; } .pagination-single a .arrow { margin-right: 1rem; } .pagination-single a:focus .title, .pagination-single a:hover .title { text-decoration: underline; } /* -------------------------------------------------------------------------- */ /* 10. Blocks /* -------------------------------------------------------------------------- */ /* Block Colors ------------------------------ */ .has-text-color a { color: inherit; } /* CUSTOM COLORS */ :root .has-accent-color { color: #cd2653; } :root .has-accent-background-color { background-color: #cd2653; color: #fff; } :root .has-primary-color { color: #000; } :root .has-primary-background-color { background-color: #000; color: #f5efe0; } :root .has-secondary-color { color: #6d6d6d; } :root .has-secondary-background-color { background-color: #6d6d6d; color: #fff; } :root .has-subtle-background-color { color: #dcd7ca; } :root .has-subtle-background-background-color { background-color: #dcd7ca; color: #000; } :root .has-background-color { color: #f5efe0; } :root .has-background-background-color { background-color: #f5efe0; color: #000; } /* Block Typography Classes ------------------ */ .has-text-align-left { /*rtl:ignore*/ text-align: left; } .has-text-align-center { text-align: center; } .has-text-align-right { text-align: right; } .has-drop-cap:not(:focus)::first-letter { color: #cd2653; font-family: 'Montserrat', sans-serif; font-size: 5.1em; font-weight: 800; margin: 0.05em 0.1em 0 0; } .has-drop-cap:not(:focus)::first-letter::after { content: ""; display: table; clear: both; } .has-drop-cap:not(:focus)::after { padding: 0; } /* Block Font Families ----------------------- */ .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-cover-image, .entry-content .wp-block-latest-comments, .entry-content .wp-block-latest-posts, .entry-content .wp-block-pullquote, .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large { font-family: 'Montserrat', sans-serif; } @supports ( font-variation-settings: normal ) { .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-latest-posts, .entry-content .wp-block-latest-comments, .entry-content .wp-block-cover-image p, .entry-content .wp-block-pullquote { font-family: 'Montserrat', sans-serif; } } /* Block Font Sizes -------------------------- */ .entry-content .has-small-font-size { font-size: 0.842em; } .entry-content .has-normal-font-size, .entry-content .has-regular-font-size { font-size: 1em; } .entry-content .has-medium-font-size { font-size: 1.1em; line-height: 1.45; } .entry-content .has-large-font-size { font-size: 1.25em; line-height: 1.4; } .entry-content .has-larger-font-size { font-size: 1.5em; line-height: 1.3; } /* Block: Base Margins ----------------------- */ *[class*="_inner-container"] > *:first-child { margin-top: 0; } *[class*="_inner-container"] > *:last-child { margin-bottom: 0; } .wp-block-archives:not(.alignwide):not(.alignfull), .wp-block-categories:not(.alignwide):not(.alignfull), .wp-block-code, .wp-block-columns:not(.alignwide):not(.alignfull), .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-media-text:not(.alignwide):not(.alignfull), .wp-block-preformatted, .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-verse, .wp-block-video:not(.alignwide):not(.alignfull) { margin-bottom: 3rem; margin-top: 3rem; } /* Block: Shared Nesting Alignment Resets ---- */ [class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright), [class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) { margin-left: auto; margin-right: auto; max-width: 58rem; } /* Block: Shared Widget Styles --------------- */ .wp-block-archives, .wp-block-categories, .wp-block-latest-posts, .wp-block-latest-comments { list-style: none; margin-left: 0; } .wp-block-archives ul, .wp-block-categories ul, .wp-block-latest-posts ul, .wp-block-latest-comments ul { list-style: none; } .entry-content .wp-block-archives > li, .entry-content .wp-block-categories > li, .entry-content .wp-block-latest-posts > li, .entry-content .wp-block-latest-comment > li { margin-left: 0; } .entry-content .wp-block-archives > li:last-child, .entry-content .wp-block-categories > li:last-child, .entry-content .wp-block-latest-posts > li:last-child, .entry-content .wp-block-latest-comment > li:last-child { margin-bottom: 0; } .entry-content .wp-block-archives *, .entry-content .wp-block-categories *, .entry-content .wp-block-latest-posts *, .entry-content .wp-block-latest-comments * { font-family: inherit; } .entry-content .wp-block-archives li, .entry-content .wp-block-categories li, .entry-content .wp-block-latest-posts li { color: #6d6d6d; } .wp-block-archives a, .wp-block-categories a, .wp-block-latest-posts a, .wp-block-latest-comments a { font-weight: 700; text-decoration: none; } .wp-block-archives a:hover, .wp-block-categories a:hover, .wp-block-latest-posts a:hover, .wp-block-latest-comments a:hover, .wp-block-archives a:focus, .wp-block-categories a:focus, .wp-block-latest-posts a:focus, .wp-block-latest-comments a:focus { text-decoration: underline; } .wp-block-latest-posts a, .wp-block-latest-comments__comment-meta { font-weight: 700; letter-spacing: -0.025em; line-height: 1.25; } .wp-block-latest-comments__comment-date, .wp-block-latest-posts__post-date { color: #6d6d6d; font-size: 0.7em; font-weight: 600; letter-spacing: normal; margin-top: 0.15em; } /* Block: Shared Media Styles ---------------- */ .wp-block-embed figcaption, .wp-block-image figcaption { color: #6d6d6d; font-size: 1.4rem; margin-bottom: 0; margin-top: 1.5rem; } /* Block: Audio ------------------------------ */ .wp-block-audio audio { width: 100%; } /* Block: Button ----------------------------- */ .wp-block-button { margin: 3rem 0; } .wp-block-button.is-style-outline { color: #cd2653; } .is-style-outline .wp-block-button__link:not(.has-text-color) { color: inherit; } .is-style-outline .wp-block-button__link { padding: calc(1.1em - 0.2rem) calc(1.44em - 0.2rem); } /* Block: Columns ---------------------------- */ .wp-block-columns.alignfull, .alignfull:not(.has-background) .wp-block-columns { padding-left: 2rem; padding-right: 2rem; } .wp-block-column { margin-bottom: 3.2rem; } .wp-block-column > *:first-child { margin-top: 0; } .wp-block-column > *:last-child { margin-bottom: 0; } /* Block: Cover ------------------------------ */ .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 4rem); padding: 2rem 0; } .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2 { max-width: 100%; padding: 0; } .wp-block-cover-image h2, .wp-block-cover h2 { font-size: 3.2rem; } /* Block: Embed ------------------------------ */ /* Block: File ------------------------------- */ .wp-block-file { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; } .wp-block-file a:not(.wp-block-file__button) { font-weight: 700; text-decoration: none; } .wp-block-file a:not(.wp-block-file__button):not(:last-child) { margin-right: 1rem; } .wp-block-file a:not(.wp-block-file__button):focus, .wp-block-file a:not(.wp-block-file__button):hover { text-decoration: underline; } .wp-block-file .wp-block-file__button { font-size: 1.5rem; padding: 1em 1.25em; } .wp-block-file a.wp-block-file__button:visited { opacity: 1; } .wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover { opacity: 1; text-decoration: underline; } /* Block: Gallery ---------------------------- */ .wp-block-gallery ul { list-style: none; margin: 0 0 -1.6rem 0; } figure.wp-block-gallery.alignnone, figure.wp-block-gallery.aligncenter { margin-bottom: 3rem; margin-top: 3rem; } figure.wp-block-gallery.alignleft { margin: 0.3rem 2rem 2rem 0; } figure.wp-block-gallery.alignright { margin: 0.3rem 0 2rem 2rem; } figure.wp-block-gallery.alignwide { margin-bottom: 4rem; margin-top: 4rem; } figure.wp-block-gallery.alignfull { margin-bottom: 5rem; margin-top: 5rem; } /* Block: Group ------------------------------ */ .wp-block-group.has-background { padding: 2rem; margin-bottom: 0; margin-top: 0; } .wp-block-group__inner-container { margin: 0 auto; } .wp-block-group__inner-container, .entry-content .wp-block-group p { max-width: 100%; } .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { padding-left: 2rem; padding-right: 2rem; } /* Block: Image ------------------------------ */ /* Block: Media And Text --------------------- */ .wp-block-media-text .wp-block-media-text__content { padding: 3rem 2rem; } .wp-block-media-text .wp-block-media-text__content p { max-width: none; } .wp-block-media-text__content > *:first-child { margin-top: 0; } .wp-block-media-text__content > *:last-child { margin-bottom: 0; } /* Block: Pullquote -------------------------- */ /* STYLE: DEFAULT */ .wp-block-pullquote { padding: 0; position: relative; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: calc(100% - 4rem); } .wp-block-pullquote::before { background: #fff; border-radius: 50%; color: #cd2653; content: "”"; display: block; font-size: 6.2rem; font-weight: 500; line-height: 1.2; margin: 0 auto 1.5rem auto; text-align: center; height: 4.4rem; width: 4.4rem; } .reduced-spacing .wp-block-pullquote::before { border: 0.1rem solid currentColor; font-size: 5.9rem; } .wp-block-pullquote blockquote { border: none; margin: 0; padding: 0; } .wp-block-pullquote blockquote p { font-family: inherit; font-size: 2.8rem; font-weight: 700; line-height: 1.178571429; letter-spacing: -0.041785714em; max-width: 100%; } .wp-block-pullquote p:last-of-type { margin-bottom: 0; } .wp-block-pullquote cite { color: #6d6d6d; font-size: 1.6rem; font-weight: 500; margin-top: 1.2rem; } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 2.8rem; } .wp-block-pullquote.alignleft { text-align: left; } .wp-block-pullquote.alignright { text-align: right; } .wp-block-pullquote.alignleft::before { margin-left: 0; } .wp-block-pullquote.alignright::before { margin-right: 0; } /* STYLE: SOLID BACKGROUND COLOR */ .wp-block-pullquote.is-style-solid-color { padding: 3rem 2rem; } .wp-block-pullquote.is-style-solid-color::before { position: absolute; top: 0; left: 50%; transform: translateY(-50%) translateX(-50%); } .wp-block-pullquote.is-style-solid-color.alignleft::before, .wp-block-pullquote.is-style-solid-color.alignright::before { transform: translateY(-50%); } .wp-block-pullquote.is-style-solid-color.alignleft::before { left: 2rem; } .wp-block-pullquote.is-style-solid-color.alignright::before { left: auto; right: 2rem; } .wp-block-pullquote.is-style-solid-color blockquote { max-width: 100%; text-align: inherit; } .wp-block-pullquote.is-style-solid-color cite { color: inherit; } /* Block: Separator ------------------------- */ hr.wp-block-separator { margin: 3rem 0; } /* STYLE: WIDE */ .wp-block-separator.is-style-wide { max-width: calc(100vw - 4rem); position: relative; width: 100%; } /* STYLE: DOTS */ .wp-block-separator.is-style-dots::before { background: none; color: inherit; font-size: 3.2rem; font-weight: 700; height: auto; letter-spacing: 1em; padding-left: 1em; position: static; transform: none; width: auto; } .wp-block-separator.is-style-dots::after { content: none; } /* Block: Search ----------------------------- */ .wp-block-search .wp-block-search__input { width: auto; } /* Block: Table ------------------------------ */ .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: #dcd7ca; } figure.wp-block-table.is-style-stripes { border-bottom: none; } .wp-block-table.is-style-stripes table { border-collapse: inherit; } /* Block: Quote ------------------------------ */ .wp-block-quote p, .wp-block-quote cite { text-align: inherit; } .wp-block-quote[style="text-align:center"] { border-width: 0; padding: 0; } .wp-block-quote[style="text-align:right"] { /*rtl:begin:ignore*/ border-width: 0 0.2rem 0 0; padding: 0 2rem 0 0; /*rtl:end:ignore*/ } /* STYLE: LARGE */ .wp-block-quote.is-large, .wp-block-quote.is-style-large { border: none; padding: 0; margin-left: auto; margin-right: auto; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-family: inherit; font-size: 2.4rem; font-style: normal; font-weight: 700; letter-spacing: -0.02em; line-height: 1.285; } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { font-size: 1.6rem; text-align: inherit; } /* Block: Widget Latest Comments ------------- */ .entry-content .wp-block-latest-comments li { margin: 2rem 0; } .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: 5.5rem; } .entry-content .wp-block-latest-comments a { text-decoration: none; } .entry-content .wp-block-latest-comments a:hover, .entry-content .wp-block-latest-comments a:focus { text-decoration: underline; } .wp-block-latest-comments__comment { font-size: inherit; } .wp-block-latest-comments__comment-date { margin-top: 0.4em; } .wp-block-latest-comments__comment-excerpt p { font-size: 0.7em; margin: 0.9rem 0 2rem 0; } /* Block: Widget Latest Posts ---------------- */ .wp-block-latest-posts.is-grid li { border-top: 0.2rem solid #dcd7ca; margin-top: 2rem; padding-top: 1rem; } .wp-block-latest-posts.has-dates { list-style: none; } .wp-block-latest-posts.has-dates:not(.is-grid) li { margin-top: 1.5rem; } .wp-block-latest-posts.has-dates:not(.is-grid) li:first-child { margin-top: 0; } /* -------------------------------------------------------------------------- */ /* 11. Entry Content /* -------------------------------------------------------------------------- */ .entry-content { line-height: 1.5; } .entry-content > * { margin-left: auto; margin-right: auto; /* margin-bottom: 1.25em;*/ } .entry-content > *:first-child { margin-top: 0; } .entry-content > *:last-child { margin-bottom: 0; } .read-more-button-wrap { margin-top: 1em; text-align: center; } .entry-content a:hover, .entry-content a:focus { text-decoration: none; } .entry-content p, .entry-content li { line-height: 1.4; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { /*margin: 3.5rem auto 2rem;*/ } .entry-content ul ul, .entry-content ol ol, .entry-content ul ol, .entry-content ol ul { margin-bottom: 1rem; } .entry-content hr { margin: 4rem auto; } /* Font Families ----------------------------- */ .entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt { font-family: 'Montserrat', sans-serif; letter-spacing: normal; } .entry-content cite, .entry-content figcaption, .entry-content .wp-caption-text { font-family: 'Montserrat', sans-serif; } @supports ( font-variation-settings: normal ) { .entry-content cite, .entry-content figcaption, .entry-content .wp-caption-text { font-family: 'Montserrat', sans-serif; } } /* Alignment Classes ------------------------- */ .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { /*max-width: 58rem; width: calc(100% - 4rem);*/ } [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 58rem; width: 100%; } .alignnone, .aligncenter, .alignleft, .alignright, .alignwide { margin-top: 4rem; margin-right: auto; margin-bottom: 4rem; margin-left: auto; } [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { margin-left: auto; margin-right: auto; } /* Full */ .alignfull { margin-top: 5rem; margin-right: auto; margin-bottom: 5rem; margin-left: auto; max-width: 100vw; position: relative; width: 100%; } [class*="__inner-container"] > .alignfull { max-width: 100%; } /* Wide */ .alignwide { max-width: 120rem; position: relative; width: calc(100% - 4rem); } [class*="__inner-container"] > .alignwide { width: 100%; } /* Center */ .aligncenter, .aligncenter img { margin-left: auto; margin-right: auto; } /* Left and right */ .alignleft, .alignright { max-width: 50%; } .alignleft { /*rtl:ignore*/ float: left; margin: 0.3rem 2rem 2rem 2rem; } .alignright { /*rtl:ignore*/ float: right; margin: 0.3rem 2rem 2rem 2rem; } [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 2rem; } [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 2rem; } /* Entry Media ------------------------------- */ .alignfull > figcaption, .alignfull > .wp-caption-text { margin-left: auto; margin-right: auto; max-width: 58rem; width: calc(100% - 4rem); } /* -------------------------------------------------------------------------- */ /* 12. Comments /* -------------------------------------------------------------------------- */ /* Comment Headers ----------------------------- */ .comments-wrapper { margin-top: 5rem; } .comment-reply-title { margin: 0 0 4rem 0; text-align: center; } /* Comment Item ----------------------------- */ /* COMMENT HEADER */ .comments .comment, .comments .pingback, .comments .trackback, .comments .review { padding-top: 3.5rem; } div.comment:first-of-type { margin-top: 3.5rem; padding-top: 0; } .comments .comments-header + div { margin-top: 0; padding-top: 0; } .comment-body { position: relative; } .comment .comment { padding-left: 5%; } .comment-meta { line-height: 1.1; margin-bottom: 1.5rem; min-height: 5rem; padding-left: 5rem; position: relative; } .hide-avatars .comment-meta { min-height: 0; padding-left: 0; } .comment-meta a { color: inherit; } .comment-author { font-size: 1.8rem; font-weight: 700; letter-spacing: -0.027777778em; } .comment-author a { text-decoration: underline; } .comment-author a:hover, .comment-author a:focus { text-decoration: none; } .comment-meta .avatar { height: 4rem; position: absolute; left: 0; top: 0; width: 4rem; } .comment-author .url { text-decoration: underline; } .comment-metadata { color: #6d6d6d; font-size: 1.4rem; font-weight: 500; margin-top: 0.6rem; } .comment-metadata a { text-decoration: none; } .comment-metadata a:focus, .comment-metadata a:hover { text-decoration: underline; } /* COMMENT CONTENT */ .comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { width: 100%; } .comment-content.entry-content .alignleft { /*rtl:ignore*/ margin-left: 0; } .comment-content.entry-content .alignright { /*rtl:ignore*/ margin-right: 0; } /* COMMENT FOOTER */ .comment-footer-meta { align-items: center; display: flex; flex-wrap: wrap; font-size: 1.2rem; font-weight: 600; justify-content: flex-start; letter-spacing: 0.030833333em; line-height: 1; margin: 1.5rem 0 -1rem -1.5rem; text-transform: uppercase; } .comment-footer-meta > * { margin: 0 0 1rem 1.5rem; } .comment-reply-link { background-color: #cd2653; color: #fff; display: block; padding: 0.7rem; } .bypostauthor .comment-footer-meta .by-post-author { display: block; } .comment-footer-meta a { text-decoration: none; } .comment-footer-meta a:focus, .comment-footer-meta a:hover { text-decoration: underline; } /* Pingbacks & Trackbacks ------------------------- */ .pingback .comment-meta, .trackback .comment-meta { padding-left: 0; } /* Comments Pagination ---------------------------- */ .comments-pagination { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 6rem; text-align: center; } .comments-pagination.only-next { justify-content: flex-end; } .comments-pagination .page-numbers { display: none; text-decoration: none; } .comments-pagination .page-numbers:focus, .comments-pagination .page-numbers:hover { text-decoration: underline; } .comments-pagination .prev, .comments-pagination .next { display: block; } .comments-pagination .prev { left: 0; } .comments-pagination .next { right: 0; text-align: right; } /* Comment Respond ---------------------------- */ .comment-respond::after { clear: both; content: ""; display: block; } .comment-respond .comment-notes, .comment-respond .logged-in-as { color: #6d6d6d; font-size: 1.6rem; line-height: 1.4; margin: -3rem 0 4rem 0; text-align: center; } .comment-respond .comment-notes a, .comment-respond .logged-in-as a { color: inherit; text-decoration: none; } .comment-respond .comment-notes a:focus, .comment-respond .comment-notes a:hover, .comment-respond .logged-in-as a:focus, .comment-respond .logged-in-as a:hover { text-decoration: underline; } .comment-respond p { line-height: 1.1; margin-bottom: 2rem; margin-left: auto; margin-right: auto; } .comment-respond p:not(.comment-notes) { max-width: 58rem; } .comment-form-cookies-consent { align-items: baseline; display: flex; } .comment-respond > p:last-of-type { margin-bottom: 0; } .comment-respond label { display: block; } .comment-respond input[type="checkbox"] + label { font-size: 1.5rem; line-height: 1.25; } .comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond textarea { margin-bottom: 0; } .comment-respond textarea { height: 15rem; } .comment-respond #submit { display: block; } .comment-respond .comments-closed { text-align: center; } /* Reply Respond ---------------------------- */ .comments .comment-respond { padding: 3rem 0 0; } .comments .comment-respond .comment-reply-title, .comments .comment-respond .comment-notes, .comments .comment-respond .logged-in-as { text-align: left; } .comment-reply-title small { display: block; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.0277em; margin: 0.5rem 0 0 0; white-space: nowrap; } .comment-reply-title small a { text-decoration: none; } .comment-reply-title small a:focus, .comment-reply-title small a:hover { text-decoration: underline; } /* -------------------------------------------------------------------------- */ /* 13. Site Pagination /* -------------------------------------------------------------------------- */ .pagination .nav-links { align-items: baseline; display: flex; flex-wrap: wrap; font-size: 1.8rem; font-weight: 600; margin: -1.5rem 0 0 -2.5rem; width: calc(100% + 2.5rem); } .pagination-separator { margin: 5rem 0; } .nav-links > * { margin: 1.5rem 0 0 2.5rem; } .nav-links .placeholder { display: none; visibility: hidden; } .pagination a { text-decoration: none; } .pagination a:focus, .pagination a:hover { text-decoration: underline; } .pagination .dots { transform: translateY(-0.3em); color: #6d6d6d; } .nav-short { display: none; } /* -------------------------------------------------------------------------- */ /* 14. Error 404 /* -------------------------------------------------------------------------- */ .error404 #site-content { padding-top: 4rem; } .error404-content { text-align: center; } .error404 #site-content .search-form { justify-content: center; margin-top: 3rem; } /* -------------------------------------------------------------------------- */ /* 15. Widgets /* -------------------------------------------------------------------------- */ /* Widget Base ------------------------------- */ .widget { margin-top: 3rem; } .widget:first-child { margin-top: 0; } .widget-content > div > *:first-child { margin-top: 0; } .widget-content > div > *:last-child { margin-bottom: 0; } .widget .widget-title { margin: 0 0 2rem; } .widget li { margin: 2rem 0 0 0; } .widget li:first-child, .widget li > ul, .widget li > ol { margin-top: 0; } .widget table, .widget table * { border-color: #dedfdf; } .widget table caption { background-color: #dedfdf; } .widget .post-date, .widget .rss-date { color: #6d6d6d; display: block; font-size: 0.85em; font-weight: 500; margin-top: 0.2rem; } .widget select { max-width: 100%; } /* Font Families ----------------------------- */ .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary { font-family: 'Montserrat', sans-serif; letter-spacing: normal; } .widget-content cite, .widget-content figcaption, .widget-content .wp-caption-text { font-family: 'Montserrat', sans-serif; } @supports ( font-variation-settings: normal ) { .widget-content cite, .widget-content figcaption, .widget-content .wp-caption-text { font-family: 'Montserrat', sans-serif; } } /* Base List Widget -------------------------- */ .widget_archive ul, .widget_categories ul, .widget_pages ul, .widget_meta ul, .widget_nav_menu ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_rss ul { list-style: none; margin: 0; } .widget_archive li, .widget_categories li, .widget_pages li, .widget_meta li, .widget_nav_menu li { color: #6d6d6d; margin: 0.3rem 0; } .widget_archive li li, .widget_categories li li, .widget_pages li li, .widget_meta li li, .widget_nav_menu li li { margin-left: 2rem; } .widget_archive a, .widget_categories a, .widget_pages a, .widget_meta a, .widget_nav_menu a { font-weight: 700; text-decoration: none; } .widget_archive a:focus, .widget_archive a:hover, .widget_categories a:focus, .widget_categories a:hover, .widget_pages a:focus, .widget_pages a:hover, .widget_meta a:focus, .widget_meta a:hover, .widget_nav_menu a:focus, .widget_nav_menu a:hover { text-decoration: underline; } /* Widget: Calendar -------------------------- */ .calendar_wrap { font-size: 2.4rem; } .calendar_wrap th, .calendar_wrap td { font-size: 1em; font-weight: 500; line-height: 1; padding: 2.5% 2.5% 1.75% 2.5%; text-align: center; } .calendar_wrap tfoot td { border-bottom: none; } .calendar_wrap tfoot a { text-decoration: none; } .calendar_wrap tfoot #prev { text-align: left; } .calendar_wrap tfoot #next { text-align: right; } /* Widget: Image ----------------------------- */ /* Widget: Gallery --------------------------- */ .widget_media_gallery .gallery { margin: 0 -0.4em -0.8em -0.4em; width: calc(100% + 0.8em); } .widget_media_gallery .gallery-item { margin: 0 0 0.8em 0; padding: 0 0.4em; } /* Widget: Nav Menu -------------------------- */ .widget_nav_menu .widget-content > div > ul { margin-left: 0; } /* Widget: Recent Comments ------------------- */ .widget_recent_comments li { font-weight: 700; } .widget_recent_comments a { text-decoration: none; } .widget_recent_comments a:focus, .widget_recent_comments a:hover { text-decoration: underline; } /* Widget: Recent Entries -------------------- */ .widget_recent_entries a { font-weight: 700; text-decoration: none; } .widget_recent_entries a:focus, .widget_recent_entries a:hover { text-decoration: underline; } /* Widget: RSS ------------------------------- */ .widget_rss .widget-title a.rsswidget:first-of-type { display: none; } .widget_rss .rsswidget { font-weight: 700; } .widget_rss a { text-decoration: none; } .widget_rss a:focus, .widget_rss a:hover { text-decoration: underline; } .widget_rss .rssSummary { margin-top: 0.5rem; } .widget_rss cite::before { content: "— "; } /* Widget: Search ---------------------------- */ .widget_search .search-field { border-color: #dedfdf; } /* Widget: Tag Cloud ------------------------- */ .widget_tag_cloud a { font-weight: 700; margin-right: 0.5rem; text-decoration: none; white-space: nowrap; } .widget_tag_cloud a:focus, .widget_tag_cloud a:hover { text-decoration: underline; } /* Widget: Text ------------------------------ */ /* -------------------------------------------------------------------------- */ /* 16. Site Footer /* -------------------------------------------------------------------------- */ .footer-nav-widgets-wrapper, #site-footer { background-color: #fff; border-color: #dedfdf; border-style: solid; border-width: 0; } .footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer { /*margin-top: 5rem;*/ } .reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, .reduced-spacing.footer-top-hidden #site-footer { border-top-width: 0.1rem; } .footer-top, .footer-widgets-outer-wrapper, #site-footer { padding: 3rem 0; } /* Footer Top -------------------------------- */ .footer-top { display: flex; border-bottom: 0.1rem solid #dedfdf; justify-content: space-between; } /* FOOTER MENU */ .footer-menu { font-size: 1.8rem; font-weight: 700; letter-spacing: -0.0277em; } .footer-menu li { line-height: 1.25; margin: 0.25em 0 0 0; } .footer-menu a { text-decoration: none; } .footer-menu a:hover, .footer-menu a:focus { text-decoration: underline; } /* FOOTER SOCIAL */ .footer-social-wrapper { margin: 0; width: 100%; } .has-footer-menu .footer-social-wrapper { flex-shrink: 0; margin-left: 1rem; width: 50%; } ul.footer-social { margin: -0.5rem 0 0 -0.5rem; } .has-footer-menu .footer-social { justify-content: flex-end; } ul.footer-social li { margin: 0.5rem 0 0 0.5rem; } .footer-social a { background-color: #cd2653; height: 3.6rem; width: 3.6rem; } .footer-social a::before { font-size: 1.6rem; } /* Footer Widgets ---------------------------- */ .footer-widgets-outer-wrapper { border-bottom: 0.1rem solid #dedfdf; } .footer-widgets + .footer-widgets { margin-top: 3rem; } /* Footer Bottom ----------------------------- */ #site-footer { font-size: 1.6rem; } #site-footer .section-inner { align-items: baseline; display: flex; justify-content: space-between; } #site-footer a { text-decoration: none; } #site-footer a:focus, #site-footer a:hover { text-decoration: underline; } .footer-copyright a, .powered-by-wordpress a { color: inherit; } .powered-by-wordpress, .to-the-top { color: #6d6d6d; } a.to-the-top > * { pointer-events: none; } .footer-copyright { font-weight: 600; margin: 0; } .powered-by-wordpress { display: none; margin: 0 0 0 2.4rem; } .to-the-top-long { display: none; } /* -------------------------------------------------------------------------- */ /* 17. Media Queries /* -------------------------------------------------------------------------- */ @media ( max-width: 479px ) { /* Blocks -------------------------------- */ .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { float: none; } /* Entry Content ------------------------- */ /* LISTS */ ul, ol { } li { } } @media ( min-width: 480px ) { /* Blocks -------------------------------- */ /* BLOCK: BASE ALIGNMENT WIDTH */ .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright, .wp-block-embed.alignleft, .wp-block-embed.alignright, .wp-block-gallery.alignleft, .wp-block-gallery.alignright { max-width: 26rem; } /* BLOCK: TABLE WIDTH */ .wp-block-table.alignleft, .wp-block-table.alignright { max-width: 100%; } /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ .alignleft, .alignright { max-width: 26rem; } } @media ( max-width: 599px ) { /* Blocks -------------------------------- */ /* BLOCK: COLUMNS */ /* While columns are stacked */ .wp-block-column:last-child { margin-bottom: 0; } .wp-block-columns + .wp-block-columns { margin-top: 0.2rem; } .wp-block-columns.alignwide + .wp-block-columns.alignwide { margin-top: -0.8rem; } .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -1.8rem; } } @media ( min-width: 600px ) { /* Blocks -------------------------------- */ /* BLOCK: COLUMNS */ .wp-block-columns.alignwide + .wp-block-columns.alignwide, .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -4rem; } } @media ( min-width: 660px ) { /* Blocks -------------------------------- */ /* BLOCK: GALLERY */ figure.wp-block-gallery.alignleft { /*rtl:ignore*/ margin-left: calc(( 100vw - 58rem - 8rem ) / -2); } figure.wp-block-gallery.alignright { /*rtl:ignore*/ margin-right: calc(( 100vw - 58rem - 8rem ) / -2); } /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ .entry-content > .alignleft { /*rtl:ignore*/ margin-left: 4rem; } .entry-content > p .alignleft, .entry-content > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: calc(( 100vw - 58rem - 8rem ) / -2); } [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 0; } .entry-content > .alignright { /*rtl:ignore*/ margin-right: 4rem; } .entry-content > p .alignright, .entry-content > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: calc(( 100vw - 58rem - 8rem ) / -2); } [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 0; } } @media ( min-width: 700px ) { /* Element Base ------------------------- */ ul, ol { margin-bottom: 4rem; } pre { padding: 3rem; } hr { margin: 8rem auto; } table { font-size: 1.8rem; } /* VANILLA GALLERIES */ .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } /* TITLES */ h1, .heading-size-1, h2, .heading-size-2, h3, .heading-size-3 { /*margin: 6rem auto 3rem;*/ } h4, .heading-size-4, h5, .heading-size-5, h6, .heading-size-6 { /*margin: 4.5rem auto 2.5rem;*/ } h1, .heading-size-1 { font-size: 6.4rem; } h2, .heading-size-2 { font-size: 4.8rem; } h3, .heading-size-3 { font-size: 4rem; } h4, .heading-size-4 { font-size: 3.2rem; } h5, .heading-size-5 { font-size: 2.4rem; } h6, .heading-size-6 { font-size: 1.8rem; } /* INPUTS */ fieldset { padding: 3rem; } legend { padding: 0 1.5rem; } button, .button, .faux-button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"] { font-size: 1.7rem; } /* MEDIA */ figcaption, .wp-caption-text { margin-top: 1.8rem; } /* Helper Classes ------------------------- */ /* SECTIONS */ section { padding: 8rem 0; } .section-inner { /*width: calc(100% - 8rem);*/ } /* Site Header --------------------------- */ .header-inner { /*padding: 3.8rem 0;*/ } .site-title { font-size: 2.4rem; font-weight: 700; } .site-description { display: block; } .site-logo img { /*max-height: 9rem; transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear;*/ } /* HEADER TOGGLES */ .toggle-inner .toggle-text { font-size: 1.2rem; } .search-toggle { left: 2rem; } .nav-toggle { right: 2rem; } /* Menu Modal ---------------------------- */ button.close-nav-toggle { font-size: 1.8rem; padding: 4rem 0; } button.close-nav-toggle svg { height: 2rem; width: 2rem; } button.close-nav-toggle .toggle-text { margin-right: 2.1rem; } .modal-menu { left: auto; width: 100%; } .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a { font-size: 2.4rem; padding: 2.5rem 0; } .modal-menu ul li { border-left-color: transparent; } .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle { padding: 0 3rem; } .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle svg { height: 1.1rem; width: 1.8rem; } .menu-bottom { align-items: center; display: flex; justify-content: space-between; padding: 4.4rem 0; } .menu-copyright { display: block; flex-shrink: 0; margin-right: 4rem; } /* Modal Search Form ------------------------- */ .search-modal form { position: relative; width: 100%; } .search-untoggle svg { height: 2.5rem; width: 2.5rem; } .search-modal .search-field { border: none; font-size: 3.2rem; height: 14rem; } .search-modal .search-field::-moz-placeholder { line-height: 4.375; opacity: 1; color: #333; } /* Sub Page ------------------------------ */ /* FEATURED MEDIA */ .featured-media figcaption { margin: 2rem auto 0 auto; width: calc(100% - 8rem); } /* Template: Cover Template -------------- */ .cover-header-inner { padding: 18rem 0 8rem 0; } .to-the-content-wrapper { top: calc(100% + 1.8rem); } .to-the-content { height: 6rem; } .to-the-content svg { height: 2.4rem; width: 2.12rem; } /* Template: Full Width ------------------ */ body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { width: calc(100% - 8rem); } body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { padding-left: 4rem; padding-right: 4rem; } body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 4rem; } body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 4rem; } /* Post: Archive ------------------------- */ .archive-header { padding: 8rem 0; } .reduced-spacing .archive-header { padding-bottom: 3rem; } .archive-title { font-size: 3.2rem; } body:not(.singular) main > article:first-of-type { padding: 8rem 0 0; } h2.entry-title { font-size: 6.4rem; } /* SEARCH RESULTS */ .no-search-results-form { padding-top: 8rem; } /* Post: Single -------------------------- */ /* POST HEADER */ .singular .entry-header { padding: 8rem 0; } .entry-categories { margin-bottom: 3rem; } .entry-categories-inner { margin: -1rem 0 0 -2rem; } .entry-categories a { font-size: 1.5rem; margin: 1rem 0 0 2rem; } .intro-text { font-size: 2rem; margin-top: 2.5rem; } .singular .intro-text { font-size: 2.6rem; } .post-meta-wrapper { margin-top: 3rem; } .post-meta { font-size: 1.6rem; margin: -1.4rem 0 0 -3rem; } .post-meta li { margin: 1.4rem 0 0 3rem; max-width: calc(100% - 3rem); } .featured-media { margin-top: 6rem; } .post-inner { /*padding-top: 8rem;*/ } /* POST FOOTER */ .post-meta-wrapper.post-meta-single-bottom { margin-top: 4rem; } /* AUTHOR BIO */ .author-bio { margin-top: 8rem; min-height: 8rem; padding-left: 10rem; position: relative; } .author-bio .avatar { position: absolute; left: 0; top: 0; height: 8rem; width: 8rem; } /* SINGLE PAGINATION */ .pagination-single { font-size: 2.4rem; margin-top: 8rem; } .pagination-single-inner { flex-direction: row; justify-content: space-between; } .pagination-single.only-next .pagination-single-inner { justify-content: flex-end; } .pagination-single hr:first-child { margin: 0 0 4rem 0; } .pagination-single hr:last-child { margin: 4rem 0 0.8rem 0; } .pagination-single a + a { margin: 0 0 0 4rem; } .pagination-single a .arrow { margin: 0 2rem 0 0; } .pagination-single .next-post { flex-direction: row-reverse; text-align: right; } .pagination-single .next-post .arrow { margin: 0 0 0 2rem; } /* Blocks -------------------------------- */ /* BLOCK: SHARED MEDIA STYLES */ .wp-block-embed figcaption, .wp-block-image figcaption { font-size: 1.6rem; } /* BLOCK: BASE MARGINS */ .wp-block-archives:not(.alignwide):not(.alignfull), .wp-block-categories:not(.alignwide):not(.alignfull), .wp-block-code, .wp-block-columns:not(.alignwide):not(.alignfull), .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-media-text:not(.alignwide):not(.alignfull), .wp-block-preformatted, .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-verse, .wp-block-video:not(.alignwide):not(.alignfull) { margin-bottom: 4rem; margin-top: 4rem; } /* BLOCK: COLUMNS */ .wp-block-columns.alignwide + .wp-block-columns.alignwide, .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -6rem; } .entry-content .wp-block-columns h1, .entry-content .wp-block-columns h2, .entry-content .wp-block-columns h3, .entry-content .wp-block-columns h4, .entry-content .wp-block-columns h5, .entry-content .wp-block-columns h6 { margin: 3.5rem 0 2rem; } /* BLOCK: COVER */ .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 8rem); } .wp-block-cover-image h2, .wp-block-cover h2 { font-size: 4.8rem; } /* BLOCK: GALLERY */ figure.wp-block-gallery.alignnone, figure.wp-block-gallery.aligncenter { margin-bottom: 4rem; margin-top: 4rem; } figure.wp-block-gallery.alignwide, figure.wp-block-gallery.alignfull { margin-bottom: 6rem; margin-top: 6rem; } /* BLOCK: GROUP */ .wp-block-group.has-background { padding: 4rem; margin-top: 0; margin-bottom: 0; } .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { padding-left: 0; padding-right: 0; } /* BLOCK: MEDIA AND TEXT */ .wp-block-media-text .wp-block-media-text__content { padding: 4rem; } /* BLOCK: PULLQUOTE */ .wp-block-pullquote blockquote p { font-size: 3.2rem; } .wp-block-pullquote cite { margin-top: 2rem; } .wp-block-pullquote.alignfull:not(.is-style-solid-color) { padding-left: 1rem; padding-right: 1rem; } .wp-block-pullquote.alignwide::before, .wp-block-pullquote.alignfull::before { font-size: 11.272727272rem; height: 8rem; margin-bottom: 2rem; width: 8rem; } .wp-block-pullquote.alignwide blockquote p, .wp-block-pullquote.alignfull blockquote p { font-size: 4.8rem; line-height: 1.203125; } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p, .wp-block-pullquote.alignleft.is-style-solid-color blockquote p, .wp-block-pullquote.alignright.is-style-solid-color blockquote p { font-size: 3.2rem; line-height: 1.1875; } .wp-block-pullquote.is-style-solid-color.alignwide, .wp-block-pullquote.is-style-solid-color.alignfull { padding: 6rem 4rem 4rem; } .wp-block-pullquote.alignleft.is-style-solid-color blockquote p, .wp-block-pullquote.alignright.is-style-solid-color blockquote p { font-size: 2.6rem; } /* BLOCK: QUOTE */ .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 2.8rem; } /* BLOCK: SEPARATOR */ hr.wp-block-separator { margin: 6rem auto; } .wp-block-separator.is-style-wide { max-width: calc(100vw - 8rem); } /* Entry Content ------------------------- */ .entry-content { font-size: 2.1rem; } .entry-content p, .entry-content li { line-height: 1.476; } .entry-content h1, .entry-content h2, .entry-content h3 { /*margin: 6rem auto 3rem;*/ } .entry-content h4, .entry-content h5, .entry-content h6 { margin: 4.5rem auto 2.5rem; } .alignnone, .aligncenter { margin-bottom: 4rem; margin-top: 4rem; } .alignleft { /*rtl:ignore*/ margin: 0.3rem 2rem 2rem 0; } .alignright { /*rtl:ignore*/ /*margin: 0.3rem 0 2rem 2rem;*/ } .entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background) { margin-bottom: 6rem; margin-top: 6rem; } .entry-content > .alignwide { max-width: calc(100vw - 8rem); width: calc(100vw - 8rem); } [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 4rem; } [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 4rem; } /* ENTRY MEDIA */ .alignfull > figcaption, .alignfull > .wp-caption-text { width: calc(100% - 8rem); } /* Comments ------------------------------ */ .comments-wrapper { margin-top: 8rem; } .comment-reply-title { margin-bottom: 4.6rem; } .comment-respond p.comment-notes, .comment-respond p.logged-in-as { font-size: 1.8rem; letter-spacing: -0.025em; margin: -2.5rem 0 4.4rem 0; } .comments .comment, .comments .pingback, .comments .trackback, .comments .review { padding-top: 5rem; } div.comment:first-of-type { margin-top: 5rem; } .comment-meta { margin-bottom: 2rem; min-height: 6rem; padding: 0.3rem 0 0 7.5rem; } .comment-meta .avatar { display: block; height: 6rem; position: absolute; left: 0; top: 0; width: 6rem; } .comment-author { font-size: 2.4rem; } .comment-metadata { font-size: 1.6rem; margin-top: 0.8rem; } .comment-footer-meta { margin-top: 2.5rem; } .comments-pagination { margin-top: 8rem; } /* PINGBACKS & TRACKBACKS */ .pingback .comment-body { padding: 0; } /* COMMENT RESPOND */ .comment-respond p { margin-bottom: 2.5rem; } .comment-form p.logged-in-as { margin: -2.5rem 0 4.4rem 0; } .comment-respond .comment-form-author, .comment-respond .comment-form-email { float: left; width: calc(50% - 1rem); } .comment-respond .comment-form-email { margin-left: 2rem; } .comments .comment-respond { padding: 5rem 0 0; } .comment-reply-title small { display: inline; margin: 0 0 0 0.5rem; } /* Site Pagination ----------------------- */ .pagination-separator { margin: 8rem 0; } /* Display the full text for Newer and Older Posts. */ .nav-short { display: inline; } .pagination .nav-links { font-size: 2.4rem; font-weight: 700; margin: -2.5rem 0 0 -4rem; } .nav-links > * { margin: 2.5rem 0 0 4rem; } /* Error 404 ----------------------------- */ .error404 #site-content { padding-top: 8rem; } /* Widgets ------------------------------- */ .widget .widget-title { margin-bottom: 3rem; } /* Site Footer --------------------------- */ .footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer { /* margin-top: 8rem;*/ } /* FOOTER TOP */ .footer-top { padding: 3.7rem 0; } .footer-menu { font-size: 2.4rem; margin: -0.8rem 0 0 -1.6rem; } .footer-menu li { margin: 0.8rem 0 0 1.6rem; } .has-footer-menu .footer-social-wrapper { flex: 1; margin-left: 4rem; width: auto; } /* FOOTER WIDGETS */ .footer-widgets-outer-wrapper { padding: 8rem 0; } .footer-widgets-wrapper { display: flex; justify-content: space-between; margin-left: -4rem; width: calc(100% + 4rem); } .footer-widgets { margin-left: 4rem; width: 50%; } .footer-widgets + .footer-widgets { margin-top: 0; } .footer-widgets .widget { border-top: none; margin-top: 5rem; padding-top: 0; } .footer-widgets .widget:first-child { margin-top: 0; } /* FOOTER BOTTOM */ #site-footer { font-size: 1.8rem; padding: 4.3rem 0; } .footer-credits { display: flex; } .footer-copyright { font-weight: 700; } .powered-by-wordpress { display: block; } .to-the-top-long { display: inline; } .to-the-top-short { display: none; } } @media (min-width: 782px) { /* Blocks -------------------------------- */ /* BLOCK: COLUMNS */ .wp-block-column { margin-bottom: 0; } .wp-block-columns.alignwide + .wp-block-columns.alignwide, .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -2.8rem; } } @media ( min-width: 1000px ) { /* Document Setup ------------------------ */ /* Helper Classes ------------------------ */ /* Site Header --------------------------- */ #site-header { z-index: 1; } .header-inner { /*align-items: center; display: flex; justify-content: space-between; padding: 2.8rem 0;*/ } .header-titles-wrapper { /*margin-right: 4rem; max-width: 50%; padding: 0; text-align: left;*/ } .header-titles { align-items: baseline; display: flex; flex-wrap: wrap; justify-content: flex-start; /*margin: -1rem 0 0 -2.4rem;*/ } .header-titles .site-title, .header-titles .site-logo, .header-titles .site-description { /*margin: 1rem 0 0 2.4rem;*/ } .wp-custom-logo .header-titles { align-items: center; } /* HEADER NAVIGATION */ .header-navigation-wrapper { align-items: center; display: flex; } .primary-menu-wrapper { display: block; width: 100%; } /* HEADER TOGGLES */ .mobile-search-toggle, .mobile-nav-toggle { display: none !important; } .primary-menu-wrapper + .header-toggles { margin-left: 3rem; } .header-toggles { display: flex; flex-shrink: 0; margin-right: -3rem; } .header-inner .toggle { height: 4.4rem; padding: 0 3rem; position: relative; bottom: auto; left: auto; right: auto; top: auto; width: auto; } .header-inner .toggle-wrapper { position: relative; } .header-inner .toggle-wrapper::before { background: #dedfdf; content: ""; display: block; height: 2.7rem; position: absolute; left: 0; top: calc(50% - 1.35rem); width: 0.1rem; } .header-inner .toggle-wrapper:first-child::before { content: none; } .header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before { content: ""; } .nav-toggle-wrapper:not(.has-expanded-menu) { display: none; } .toggle-inner { position: static; } .toggle-inner .toggle-text { left: 0; right: 0; text-align: center; top: calc(100% - 0.3rem); width: auto; } .header-toggles:only-child .nav-toggle .toggle-inner { padding-top: 0; } .header-toggles:only-child .toggle-inner { display: flex; flex-wrap: nowrap; align-items: center; } .header-toggles:only-child .toggle-inner .svg-icon { order: 1; } .header-toggles:only-child .toggle-inner .toggle-text { position: static; padding-right: 20px; font-size: 15px; color: inherit; } /* Menu Modal ---------------------------- */ .menu-modal { opacity: 1; justify-content: flex-end; padding: 0; transition: background-color 0.3s ease-in, left 0s 0.3s, right 0s 0.3s; } .menu-modal.cover-modal { background: rgba(0, 0, 0, 0); } .menu-modal.active { background: rgba(0, 0, 0, 0.2); transition: background-color 0.3s ease-out; } .menu-wrapper.section-inner { width: calc(100% - 8rem); } .menu-modal-inner { box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1); opacity: 0; padding: 0; transform: translateX(20rem); transition: transform 0.2s ease-in, opacity 0.2s ease-in; width: 50rem; } .menu-modal.active .menu-modal-inner { opacity: 1; transform: translateX(0); transition-timing-function: ease-out; } .mobile-menu { display: none; } .expanded-menu { display: block; } .menu-bottom { padding: 6rem 0; } .menu-bottom .social-menu { justify-content: flex-start; } /* Sub Page ------------------------------ */ /* FEATURED MEDIA */ .featured-media figcaption { width: 100%; } /* Template: Full Width ------------------ */ .template-full-width .wp-block-image .alignleft { /*rtl:ignore*/ margin-right: 2rem; } .template-full-width .wp-block-image .alignright { /*rtl:ignore*/ margin-left: 2rem; } /* Post: Archive ------------------------- */ /* Post: Single -------------------------- */ .singular .intro-text { font-size: 2.8rem; } /* Blocks -------------------------------- */ /* BLOCK: COLUMNS */ .wp-block-columns.alignwide + .wp-block-columns.alignwide, .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -4.8rem; } /* BLOCK: GALLERY */ figure.wp-block-gallery.alignwide, figure.wp-block-gallery.alignfull { margin-bottom: 8rem; margin-top: 8rem; } /* BLOCK: GROUP */ .entry-content > .wp-block-group.alignwide.has-background, .entry-content > .wp-block-group.alignfull.has-background { padding: 8rem 4rem; margin-bottom: 0; margin-top: 0; } /* BLOCK: IMAGE */ .wp-block-image .alignleft { /*rtl:ignore*/ margin-right: 0; } .wp-block-image .alignright { /*rtl:ignore*/ margin-left: 0; } /* BLOCK: SEPARATOR */ hr.wp-block-separator { margin: 8rem auto; } /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ .entry-content > .alignleft, .entry-content > p .alignleft, .entry-content > .wp-block-image .alignleft { position: absolute; /*rtl:ignore*/ right: calc((100vw - 58rem) / 2 + 58rem + 2rem); max-width: calc((100% - 58rem) / 2 - 6rem); } [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft { position: relative; /*rtl:ignore*/ right: inherit; max-width: inherit; } [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { position: absolute; /*rtl:ignore*/ right: calc((100% - 58rem) / 2 + 58rem + 4rem); max-width: calc((100% - 58rem) / 2 - 4rem); } [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ right: calc((100% - 58rem) / 2 + 58rem); } [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 4rem; } .entry-content > .alignright, .entry-content > p .alignright, .entry-content > .wp-block-image .alignright, [class*="__inner-container"] > .alignright { position: absolute; /*rtl:ignore*/ left: calc((100vw - 58rem) / 2 + 58rem + 2rem); max-width: calc((100% - 58rem) / 2 - 6rem); } [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright, [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright { position: relative; /*rtl:ignore*/ left: inherit; max-width: inherit; } [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { position: absolute; /*rtl:ignore*/ left: calc((100% - 58rem) / 2 + 58rem + 4rem); max-width: calc((100% - 58rem) / 2 - 4rem); } [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ left: calc((100% - 58rem) / 2 + 58rem + 4rem); } [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 4rem; } .entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background) { margin-bottom: 8rem; margin-top: 8rem; } /* ENTRY MEDIA */ .alignfull > figcaption, .alignfull > .wp-caption-text { width: calc(100% - 10rem); } /* Comments ------------------------------ */ .comment-meta { padding-left: 0; } .comment-meta .avatar { left: -8rem; } /* Site Pagination ----------------------- */ .pagination .nav-links { justify-content: space-between; margin: 0; width: 100%; } .nav-links > * { margin: 0 2rem; } .pagination .next, .pagination .prev { display: block; } .pagination .prev { margin: 0 auto 0 0; } .pagination .next { text-align: right; margin: 0 0 0 auto; } /* Site Footer --------------------------- */ /* FOOTER TOP */ .footer-top { align-items: center; } .footer-menu { align-items: baseline; display: flex; justify-content: flex-start; flex-wrap: wrap; font-size: 2.1rem; margin: -1.2rem 0 0 -2.4rem; } .footer-menu li { margin: 1.2rem 0 0 2.4rem; } } @media ( min-width: 1220px ) { /* Element Base -------------------------- */ /* TITLES */ h1, .heading-size-1 { font-size: 8.4rem; } /* Helper Classes ------------------------ */ /* Site Header --------------------------- */ /* PRIMARY MENU */ ul.primary-menu { /* margin: -0.8rem 0 0 -2.5rem;*/ } .primary-menu > li { /*margin: 0.8rem 0 0 2.5rem;*/ } /* HEADER TOGGLES */ .primary-menu-wrapper + .header-toggles { margin-left: 4rem; } .header-toggles { margin-right: -4rem; } .header-toggles .toggle { padding: 0 4rem; } /* Menu Modal ---------------------------- */ /* Search Modal -------------------------- */ /* Sub Page ------------------------------ */ /* Template: Cover Template -------------- */ .cover-header + .post-inner { padding-top: 10rem; } /* Post: Archive ------------------------- */ /* Post: Single -------------------------- */ .singular .intro-text { font-size: 3.2rem; letter-spacing: -0.03125em; line-height: 1.375; } /* Blocks -------------------------------- */ /* BLOCK: COLUMNS */ .wp-block-columns.alignfull + .wp-block-columns.alignfull { margin-top: -6rem; } /* BLOCK: GALLERY */ figure.wp-block-gallery.alignfull { margin-bottom: 10rem; margin-top: 10rem; } /* BLOCK: GROUP */ .entry-content > .wp-block-group.alignwide.has-background, .entry-content > .wp-block-group.alignfull.has-background { padding: 8rem 6rem; margin-bottom: 0; margin-top: 0; } /* BLOCK: PULLQUOTE */ .wp-block-pullquote.alignwide blockquote p, .wp-block-pullquote.alignfull blockquote p { font-size: 6.4rem; } .wp-block-pullquote.is-style-solid-color.alignwide, .wp-block-pullquote.is-style-solid-color.alignfull { padding: 9rem 4rem 8rem; } /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ .entry-content > .alignfull { margin-bottom: 10rem; margin-top: 10rem; } [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ right: calc((100% - 58rem) / 2 + 58rem - 2rem); } [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ left: calc((100% - 58rem) / 2 + 58rem + 6rem); } /* Comments ------------------------------ */ .comment-reply-title { font-size: 5.6rem; line-height: 1.2; margin-bottom: 6rem; } .comment-respond p.comment-notes, .comment-respond p.logged-in-as { margin: -4rem 0 6rem 0; } .comments .comment-respond .comment-reply-title { font-size: 4.8rem; } .comments .comment-respond p.comment-notes, .comments .comment-respond p.logged-in-as { margin: -4.5rem 0 4rem 0; } /* Site Pagination ----------------------- */ /* Widgets ------------------------------- */ .widget-content { font-size: 2.1rem; } /* Site Footer --------------------------- */ .footer-menu { font-size: 2.4rem; margin: -1.5rem 0 0 -3rem; } .footer-menu li { margin: 1.5rem 0 0 3rem; } ul.footer-social { margin: -1rem 0 0 -1rem; } ul.footer-social li { margin: 1rem 0 0 1rem; } .footer-social a { height: 4.4rem; width: 4.4rem; } .footer-social a::before { font-size: 2rem; } /* FOOTER WIDGETS */ .footer-widgets-wrapper { margin-left: -6rem; width: calc(100% + 6rem); } .footer-widgets { margin-left: 6rem; } } @media ( min-width: 1240px ) { /* Blocks -------------------------------- */ body.template-full-width .entry-content > .alignleft { /*rtl:ignore*/ margin-left: calc(( 100vw - 120rem ) / 2); } body.template-full-width .entry-content > .alignright { /*rtl:ignore*/ margin-right: calc(( 100vw - 120rem ) / 2); } } @media ( min-width: 1280px ) { /* Blocks -------------------------------- */ /* BLOCK: GALLERY */ figure.wp-block-gallery.alignleft { /*rtl:ignore*/ margin-left: -31rem; } figure.wp-block-gallery.alignright { /*rtl:ignore*/ margin-right: -31rem; } /* BLOCK: SEPARATOR */ .wp-block-separator.is-style-wide { max-width: 120rem; width: 120rem; } /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ .entry-content > .alignleft, .entry-content > p .alignleft, .entry-content > .wp-block-image .alignleft { /*rtl:ignore*/ right: calc((100vw - 58rem) / 2 + 58rem + 4rem); /*rtl:ignore*/ margin-left: -31rem; } .entry-content > .alignright, .entry-content > p .alignright, .entry-content > .wp-block-image .alignright { /*rtl:ignore*/ left: calc((100vw - 58rem) / 2 + 58rem + 4rem); /*rtl:ignore*/ margin-right: -31rem; } .entry-content > .alignwide { max-width: 120rem; width: 120rem; } [class*="__inner-container"] > .alignwide { max-width: 120rem; width: 100%; } .alignleft, .alignright, .entry-content > .alignleft, .entry-content > p .alignleft, .entry-content > .wp-block-image .alignleft, .entry-content > .alignright, .entry-content > p .alignright, .entry-content > .wp-block-image .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { max-width: 25rem; } /* Template: Full Width ------------------ */ body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { padding-left: 0; padding-right: 0; } body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 0; } body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 0; } } @media ( min-width: 1330px ) { /* Entry Content ------------------------- */ /* ALIGNMENT CLASSES */ .alignleft, .alignright, .entry-content > .alignleft, .entry-content > p .alignleft, .entry-content > .wp-block-image .alignleft, .entry-content > .alignright, .entry-content > p .alignright, .entry-content > .wp-block-image .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright { max-width: 29rem; } /* Blocks -------------------------------- */ /* BLOCK: PULLQUOTE */ .wp-block-pullquote.is-style-solid-color.alignleft::before, .wp-block-pullquote.is-style-solid-color.alignright::before { top: 0; } } /*********************siddhi*************************/ ul{margin: 0; list-style-type: none;} #site-header{background: #FFFEFE;border-bottom: 1px solid #E4E8EF;z-index: 2;} #site-header .header-top{padding: 13px 0;background: #FFFEFE;border-bottom: 1px solid #E4E8EF;} .main-menu{padding: 0px 0;} .main-menu .primary-menu > li > a{font-weight: 600;font-size: 12px;line-height: 25px;letter-spacing: 0.04em;color: #000000 !important; padding: 12px 20px; text-decoration: none;} .main-menu .primary-menu > li > a:hover{background: #B84516; color: #fff !important;} .main-menu .primary-menu > li > .icon{display: none;color: #000 !important;} .main-menu .primary-menu ul.sub-menu{background: #FFFFFF;border: 1px solid #E4E8EF;box-sizing: border-box;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);top: 100%;min-width: 281px;border-radius: 0;padding: 0;} .main-menu .primary-menu ul.sub-menu::before,.main-menu .primary-menu ul.sub-menu::after{display: none;} .main-menu .primary-menu ul.sub-menu li a{font-weight: 400;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #262626;padding: 10px 20px;border-bottom: 1px solid #E9EDF3; text-decoration: none;} .main-menu .primary-menu ul.sub-menu li a:hover{background: #B84516;color: #fff !important;} .main-menu .primary-menu ul.sub-menu > li:last-child a{border: 0;} .header-top .container .row{-webkit-box-align: center !important;-ms-flex-align: center !important;align-items: center !important;} .head-search form.wp-block-search{max-width: 341px;margin: 0 auto;} .head-search .wp-block-search__inside-wrapper{position: relative;border: 0.8px solid #CCCCCC;box-sizing: border-box;border-radius: 3px;overflow: hidden;} .head-search .wp-block-search .wp-block-search__input{height: 38px; border: 0;border-radius: 0;padding: 5px 5px 5px 34px;font-weight: 500;font-size: 14px;color: #979797;box-sizing: border-box;} .head-search .wp-block-search .wp-block-search__button{position: absolute;left: 11px;top: 0;bottom: 0;margin: auto;background: url(images/search.png) no-repeat center center;width: 14px;height: 14px;border: 0;padding: 0;font-size: 0;} .header-right .login-btn ul,.header-right .after-login ul{text-align: right;} .header-right .login-btn ul li,.header-right .after-login ul li{display: inline-block; list-style-type: none; vertical-align: middle;margin-left: 12px;margin-top: 0;} .header-right .login-btn ul li a{display: block; padding: 6px 28px;font-weight: 600;font-size: 14px;line-height: 17px; letter-spacing: 0.02em;color: #000000;border: 0.8px solid #b7b7b7;box-sizing: border-box;border-radius: 3px;} .header-right .login-btn ul li a:hover{background: #f7ede9; color: #B84516 !important; border-color: #B84516;} .header-right .login-btn ul li.signup-btn a{background: #B84516;color: #fff !important;border: 0.8px solid #B84516;} .header-right .login-btn ul li.signup-btn a:hover{background: #a63e14;color: #fff !important;border-color: #a63e14;} .header-right .after-login ul li{margin-left: 26px;position: relative;} .header-right .after-login ul li a img{filter: sepia(0) saturate(0) brightness(0.2) hue-rotate(20deg);} .header-right .after-login ul li a:hover img,.header-right .after-login ul li.select img{filter: inherit;} .header-right .after-login ul li.profile-icon img{width: 23px;height: 23px; border-radius: 50px;object-fit: cover;filter: inherit;} .header-right .after-login ul li span.not-count{position: absolute;top: -10px;right: -10px;font-size: 10px;font-weight: 600;background: #B84516;color: #fff;border-radius: 50px;padding: 3px 0px;width: 20px;height: 20px;display: inline-block;text-align: center;} .header-right .after-login ul li span.cart-count{position: absolute;left: 0;right: 0;text-align: center;font-size: 9px;top: 10px; font-weight: 700;color: #B84516;} .profile-nav{position: absolute; display: none;left: 0; min-width: 212px;background: #FFFFFF;border: 1px solid #E4E8EF;box-sizing: border-box;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);top: 100%;z-index: 1;} .header-right .profile-nav ul{text-align: left;} .header-right .profile-nav ul li{list-style-type: none;margin-left: 0;width: 100%;} .header-right .profile-nav ul li a{display: block;font-weight: 400;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #262626;padding: 14px 21px;border-bottom: 1px solid #E9EDF3;} .header-right .profile-nav ul li a:hover{background: #B84516;color: #fff !important;} .header-right .profile-nav ul li:last-child a{border: 0;} .header-right .after-login ul li.profile-icon:hover .profile-nav{display: block;} /**********************Home page***************/ .vc_custom_heading.section-title{font-weight: 700;font-size: 19px;line-height: 25px;letter-spacing: 0.04em;margin-bottom: 24px;} .home-banner.vc_row p{font-weight: 500;font-size: 16px;line-height: 30px;} .home-banner.vc_row .banner-btn .wpb_wrapper a{display: inline-block; vertical-align: middle;margin-right: 15px;} .home-banner.vc_row .banner-btn .wpb_wrapper a:hover{ background: #a63e14;} a.orange-btn{font-weight: 600;font-size: 14px;line-height: 17px;letter-spacing: 0.04em;padding: 10px 20px;background: #B84516; border-radius: 5px; color: #fff !important;} a.orange-btn:hover{background: #000;} .home-banner .vc_custom_heading.section-title{margin-bottom: 15px;} .homecat-slider .owl-theme .owl-nav,.owl-theme .owl-nav{margin: 0;} .homecat-slider .owl-carousel .owl-nav .owl-next,.homecat-slider .owl-carousel .owl-nav .owl-prev,#populer_category.owl-carousel .owl-nav .owl-next,#populer_category.owl-carousel .owl-nav .owl-prev{position: absolute;top: 50%; transform: translate(0,-50%); width: 48px; height: 48px; font-size: 0;margin: 0; padding: 0;} .homecat-slider .owl-carousel .owl-nav .owl-next,#populer_category.owl-carousel .owl-nav .owl-next{right: -60px; left: auto;background: url(images/next.png) no-repeat center center;} .homecat-slider .owl-carousel .owl-nav .owl-prev,#populer_category.owl-carousel .owl-nav .owl-prev{left: -60px; right: auto;background: url(images/back.png) no-repeat center center;} .homecat-slider .owl-carousel .owl-nav .owl-next:hover,#populer_category.owl-carousel .owl-nav .owl-next:hover{background: url(images/next.png) no-repeat center center;} .homecat-slider .owl-carousel .owl-nav .owl-prev:hover,#populer_category.owl-carousel .owl-nav .owl-prev:hover{background: url(images/back.png) no-repeat center center;} /*.homecat-slider .owl-carousel.owl-drag .owl-item{margin: 0 5px;}*/ .homecat-slider .owl-carousel.owl-drag .owl-item{text-align: center;border: 1px solid #D8DBE0;} .homecat-slider .owl-carousel.owl-drag .owl-item .item{box-sizing: border-box;font-weight: 500;font-size: 12px;line-height: 25px;letter-spacing: 0.04em;color: #4C4C4C;padding: 5px 5px;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 94px;margin: 0 auto;} .woocommerce ul.products, .woocommerce-page ul.products{margin: 0 -8px 0 -8px;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{margin-bottom: 0;margin-right: 0px;width: 25%;padding-right: 8px;padding-left: 8px;margin-bottom: 30px;} .woocommerce ul.products li.last, .woocommerce-page ul.products li.last{margin-right: 0;} .woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product{width: 16.66%; clear: none;} .hm-pop-categories .woocommerce ul.products{margin: 0 -8px 0 -8px;} .hm-pop-categories .woocommerce ul.products li.product{margin-bottom: 0;margin-right: 0px;width: 25%;padding-right: 8px;padding-left: 8px;} .hm-pop-categories .woocommerce ul.products li.product.last{margin-right: 0;} .hm-pop-categories .woocommerce ul.products li.product h2.woocommerce-loop-category__title{font-weight: 600;font-size: 16px;line-height: 25px;letter-spacing: 0.04em;color: #000000;text-align: center;padding-bottom: 0;padding-top: 12px;} .hm-pop-categories .woocommerce ul.products li.product a img{margin-bottom: 0;} .row.popu-row{margin: 0 -10px;} .popu-row .popu-catlist{padding: 0 10px;} .popu-catlist .catlist-img img{height: 265px; object-fit: cover;} .popu-catlist .catlist-img img,.popu-cont-list .popu-cont-img img{width: 100%;} .popu-cont-list .popu-cont-img img{height: 150px; object-fit: cover;} .popu-catlist h3{font-weight: 600;font-size: 16px;line-height: 25px;letter-spacing: 0.04em;color: #000000;text-align: center;padding-bottom: 0;padding-top: 12px;} .popu-cont-row{margin: 0 -7px;} .popu-cont-row .popu-cont-list{padding: 0 7px;} .popu-cont-list{margin-bottom: 32px;} .popu-cont-list span.pro-price{font-weight: 600;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333; display: block;padding-top: 5px;} .popu-cont-row .popu-cont-list.disabled-post .popu-cont-img a:before{z-index: 2; position: absolute; content: ""; background: rgba(0,0,0,0.4); top: 0; bottom: 0; left: 0; right: 0;} .popu-cont-row .popu-cont-list .popu-cont-list-inner .popu-cont-img a{display: block; position: relative;} .popu-cont-row .popu-cont-list .popu-cont-list-inner .popu-cont-img a .hidden-post{z-index: 3;color: #fff;text-transform: uppercase;font-size: 16px;font-weight: 600;position: absolute;top: 0;bottom: 0;left: 0;right: 0;text-align: center;height: 23px;margin: auto;} /*.homestory-wrap .homestory-list.disabled-post .story_main_body .story_main_img a:after{position: absolute; content: ""; background: rgba(0,0,0,0.4); top: 0; bottom: 0; left: 0; right: 0;} */ .homestory-wrap .homestory-list.disabled-post .story_main_body .story_main_img .carousel .carousel-item:after { position: absolute; content: ""; background: rgba(0, 0, 0, 0.4); top: 0; bottom: 0; left: 0; right: 0; } .hidden-post.home_page_hide_product{ z-index: 1 !important; } /**********************Home page***************/ /**********************Search page***************/ .search-catslider{padding-top: 26px;padding-bottom: 22px;} .home_page_cat_slider{padding-top: 26px;padding-bottom: 0px;} .cat-head{padding-bottom: 16px;margin-bottom: 18px;border-bottom: 1px solid #E4E8EF !important;} .vc_custom_heading.section-title.cat-title{font-size: 20px;margin-bottom: 0;} .homecat-slider.search-catslider .owl-carousel .owl-nav .owl-prev{left: -12px;} .homecat-slider.search-catslider .owl-carousel .owl-nav .owl-next{right: -12px;} .search_filters{margin-bottom: 20px;} .search_filters .search_filter_box{font-weight: 500;font-size: 15px;line-height: 25px;letter-spacing: 0.02em;color: #333333;margin-right: 39px; position: relative;} .searchfilter_result ul li{margin: 0 15px 17px 0 !important;border: 1px solid #B2B4B8;padding: 4px 13px; background: transparent none repeat scroll 0% 0%;border-radius: 2px;cursor: pointer;-moz-box-align: center;align-items: center; margin-right: 0.5rem;margin-bottom: 0.5rem;color: rgb(0, 0, 0);display: inline-flex;font-weight: 500;font-size: 12px;line-height: 25px; letter-spacing: 0.04em;color: #333333;} .searchfilter_result ul li span.close-btn{background: url(images/cancel-gray.png) no-repeat center center; width: 8px;height: 8px;display: inline-block; vertical-align: middle;margin-left: 12px;} .searchfilter_result ul li.activeFilterscheck{margin-right: 26px !important;} .check-container{position: relative;font-size: 12px;line-height: 25px;letter-spacing: 0.02em;color: #333333;margin: 0;padding-left: 26px;font-weight: 500;} .check-container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;} .checkmark { position: absolute;top: 0;left: 0;height: 17px;width: 17px; border: 1.2px solid #B2B4B8;bottom: 0;margin: auto;cursor: pointer;} .check-container:hover input ~ .checkmark { /*background-color: #ccc;*/} .check-container input:checked ~ .checkmark { border-color: #b84516;} .checkmark:after {content: "";position: absolute;display: none;} .check-container input:checked ~ .checkmark:after {display: block;} .check-container .checkmark:after {left: 5px;top: 1px;width: 6px;height: 10px; border: solid #b84516;; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .container-fluid{max-width: 1920px;} .searchfilter_result ul li.InSiw{color: #4C4C4C;} .search-result .popu-cont-list .popu-cont-img img{/*height: 233px;*/ /*height: 340px;*/ height: 22.5vw;} .search_filters .search_filter_box .search-field{cursor: pointer;} .search_filters .search_filter_box .search-field i.fa{font-size: 20px;margin-left: 9px;top: 3px;position: relative;} .search_filters .search_filter_box .search-field-data{animation: 0.07s ease-in 0s 1 normal none running jBcSpD;margin-top: 0.75rem;position: absolute;top: 100%;left: 0px;right: 0px;width: 17vw;border: 1px solid rgb(215, 215, 215);border-radius: 2px;box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 1.25rem 0px;z-index: 2;background: rgb(255, 255, 255) none repeat scroll 0% 0%;max-height: 31.25rem;overflow: auto;} .search_filters .search_filter_box .search-field-data .woocommerce-categories > ul > li{display: block;padding: 0;cursor: pointer;border-top: 1px solid rgb(234, 234, 234);text-transform: capitalize;position: relative;font-size: 14px;} .search_filters .search_filter_box .search-field-data .woocommerce-categories > ul > li span.name{display: block;padding: 1.2rem 1.2rem;} .search_filters .search_filter_box .search-field-data .woocommerce-categories > ul > li span.icon{font-size: 20px;position: absolute;right: 15px;top: 8px;} .search_filters .search_filter_box .search-field-data .woocommerce-categories > ul > li > ul{display: none;} .search_filters .search_filter_box .search-field-data .woocommerce-categories > ul > li > ul > li.woocommerce-category.all{padding: 1.2rem 1.2rem 1.2rem 3rem;} .search_filters .search_filter_box .search-field-data .woocommerce-categories > ul > li > ul > li{display: block;cursor: pointer;border-top: 1px solid rgb(234, 234, 234);text-transform: capitalize;} .search_filters .search_filter_box .search-field-data .woocommerce-categories > ul > li > ul > li span.name{padding-left: 3rem;} .search_filters .search_filter_box .woocommerce-categories input[type="text"]{background: url(images/search.png) no-repeat left 15px center;border: 0;padding: 5px 10px 5px 43px;height: 50px;} .search_filters .search_filter_box .woocommerce-categories input[type="text"]:focus{box-shadow: none;background-color: rgb(243, 243, 243);} .search_filters .search_filter_box .woocommerce-categories .form-control{padding: 0;} .search_filters .search_filter_box .woocommerce-categories optgroup:before,.search_filters .search_filter_box .woocommerce-categories option{cursor: pointer;border-top: 1px solid rgb(234, 234, 234);text-transform: capitalize;position: relative;font-size: 14px;display: block;padding: 1.2rem 1.2rem;} .search_filters .search_filter_box .woocommerce-categories optgroup:before:hover,.search_filters .search_filter_box .woocommerce-categories option:hover{background: #B84516;color: #FFFFFF !important;} .search_filters .search_filter_box .woocommerce-categories .select2-container{width: 100% !important;} .search_filters .search_filter_box .woocommerce-categories .select2-container--default .select2-selection--multiple{width: 100%;display: inline-block;background: url(images/search.png) no-repeat left 15px center;border: 0;padding: 5px 10px 5px 43px;height: 50px;} .search_filters .search_filter_box .woocommerce-categories .select2-container--default .select2-search--inline .select2-search__field{line-height: 40px;height: 40px;font-family: 'Montserrat', sans-serif;margin: 0;} .select2-container--default #select2-favorite_category-results .select2-results__option .select2-results__option{line-height: 1.476;padding: 1.2rem 1.2rem;cursor: pointer;border-top: 1px solid rgb(234, 234, 234);text-transform: capitalize;position: relative;font-size: 14px;} .search_filters .search_filter_box .search-field-data .price-filter{padding: 15px;} .price-filter .price-box{display: flex;justify-content: space-between;margin-bottom: 15px;position: relative;} .price-filter .price-box:after{position: absolute; width: 19px;height: 1px; background: rgb(175, 175, 175); top: 70%; transform: translate(0,-50%); left: 0; right: 0; margin: auto; content: "";} .price-filter .price-box > .price-box-inner{width: 90px;} .price-filter .price-box > .price-box-inner label{font-size: 13px;color: #333;} .price-filter .price-box > .price-box-inner input[type="number"]{height: 45px;width: 100%;border: 1px solid rgb(102, 102, 102);border-radius: 3px;font-size: 14px;text-align: center;padding: 2px;-moz-appearance: textfield;-webkit-appearance: none; font-weight: 500;} .price-filter .price-reset{display: flex;justify-content: space-between;} .price-filter .price-reset button.btn{background: #333;color: #fff;padding: 3px 5px;font-size: 12px;font-weight: 600;width: 45%;border: 2px solid #333;} .price-filter .price-reset button.btn.reset-btn{background: none; color: #333;} input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} .pagination{justify-content: center; padding-bottom: 25px;} .pagination a,.pagination span{padding: 1px 10px;min-width: 40px;text-align: center;border: 1px solid #D8DBE0;margin: 0 3px;font-size: 15px;line-height: 27px;transform: inherit !important; text-decoration: none;} .pagination a.current,.pagination span.current,.pagination a:hover,.pagination span:hover{background: #D8DBE0;text-decoration: none;} /**********************Search page***************/ /**********************Login page***************/ .loginpage{max-width: 400px; padding-top: 80px; padding-bottom: 80px;margin: 0 auto;color: #333333;min-height: 75vh;} .login-title{margin-bottom: 26px;} .login-title h2{text-align: center;font-weight: 700;font-size: 18px;line-height: 25px;letter-spacing: 0.04em;color: #000000;} .login-title span.small,.login-title small{font-weight: 400;font-size: 12px;line-height: 20px;letter-spacing: 0.04em;color: #333333;text-align: center; display: block;margin-top: 10px;} .responsive-form .form-row{margin-bottom: 17px;} .responsive-form .form-control{height: 44px !important;background: #FFFFFF;border: 1px solid #D8DBE0;box-sizing: border-box;font-weight: 400; font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333; padding: 5px 18px;border-radius: 0;} .responsive-form textarea.form-control{height: 137px !important;} .responsive-form input[type="number"].form-control{appearance: none !important;-webkit-appearance: none !important;-moz-appearance: textfield !important;} .responsive-form .form-control.phonenumber{height: 46px !important;} .responsive-form .form-control.phonenumber{display: flex; align-items: center;-webkit-align-items: center;-ms-align-items: center; position: relative;} .responsive-form .form-control.phonenumber .cc-picker{display: flex; align-items: center;-webkit-align-items: center;-ms-align-items: center;height: 42px;font-size: 17px;} .responsive-form .form-control.phonenumber .cc-picker .cc-picker-code{font-weight: 500;font-size: 14px;line-height: 1; letter-spacing: 0.04em;color: #000000;width: 54px;padding-left: 2px;} .responsive-form .form-control.phonenumber .cc-picker > .cc-picker-flag{top: 0px;width: 24px;} .responsive-form .form-control.phonenumber input.form-control{border: 0; height: auto;-webkit-appearance: none;-moz-appearance: textfield;} .responsive-form .form-control.phonenumber input.form-control:focus{box-shadow: none; border: 0;} .responsive-form .form-control.phonenumber .cc-picker-code-select-enabled::after {border-top: 5px solid #999;top: 18px;} .phonenumber .cc-picker-code-filter{padding: 5px 10px ;left: 0 !important;top: 100% !important;right: 0 !important;width: 100% ;margin: auto;display: block ;z-index: 7 !important;height: 40px;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;} .phonenumber .cc-picker-code-filter:focus{box-shadow: none; outline: none;} .phonenumber .cc-picker-code-list{left: 0 !important;top: 82px !important;right: 0 !important;width: 100%;margin: auto;display: block;z-index: 7 !important;border-radius: 0;} .cc-picker-code-list > li{padding: 5px 10px 5px 10px;margin: 0;font-size: 13px;} .cc-picker-code-list .cc-picker-code{content: #333; font-weight: 500;} .responsive-form .form-row.form-text,.responsive-form .form-row.form-text p{font-weight: 400;font-size: 12px;line-height: 20px;letter-spacing: 0.04em;color: #333333;} .responsive-form .form-row.form-text p{margin-bottom: 5px;} .responsive-form .form-row a.forg-pass{font-weight: 600;font-size: 14px;line-height: 20px;letter-spacing: 0.02em;margin-bottom: 17px;display: block;} .form-bottom{margin-top: 15px;} .responsive-form .form-btn{font-weight: 700;font-size: 14px;line-height: 17px;letter-spacing: 0.04em;color: #FFFFFF !important;padding: 14px 12px; display: block;display: flex;justify-content: center;align-items: center;width: 100%;text-decoration: none; text-transform: uppercase;} .responsive-form .form-btn img{margin-right: 8px;} .responsive-form .form-btn:hover{opacity: 0.8;} .responsive-form .form-btn.frorange-btn{background: #B84516;} .responsive-form .form-btn.fb-login{background: #3B5999;} .responsive-form .form-btn.signup-btn{border: 1px solid #262626;color: #262626 !important;} .responsive-form .form-btn.signup-btn:hover{background: #262626;color: #fff !important;} .responsive-form .form-row.donot-ac span{position: relative;display: block;margin: 8px 0;} .responsive-form .form-row.donot-ac span:before{content: ""; background: #C9C9C9; top: 8px; bottom: 0; left: 0; right: 0; margin: auto; height: 1px;position: absolute;z-index: 0;} .responsive-form .form-row.donot-ac span a{font-weight: 400;font-size: 12px;line-height: 20px;color: #333333 !important;padding: 0 6px ; display: inline-block;background: #FAFAFA;z-index: 1;position: relative;} .woocommerce form.responsive-form .form-row{padding: 0; margin: 0 0 17px 0;} .responsive-form .form-row .error-message, .form-row .error{font-size: 12px; font-weight: 400; color: red;} .server-response{text-align: center;} .server-response > span{display: block;font-weight: 500;font-size: 12px;line-height: 15px;letter-spacing: 0.04em;color: #000000;padding: 5px 10px;margin-bottom: 25px;} .server-response > span.top-error-message{border: 1px solid red; color: red;} .server-response > span.top-success-message{border: 1px solid green; color: green;} .page-template-login-page .header-middle .head-search{ display: none; } .page-template-login-page header .main-menu{display: none;} .page-template-login-page #site-header .header-top{border-bottom: 0;} .page-id-27 .header-middle .head-search{ display: none; } .page-id-27 header .main-menu{display: none;} .page-id-27 #site-header .header-top{border-bottom: 0;} .page-id-28 .header-middle .head-search{ display: none; } .page-id-28 header .main-menu{display: none;} .page-id-28 #site-header .header-top{border-bottom: 0;} .responsive-form .form-col-inner{position: relative;} .responsive-form .form-col-inner span.sign-icon{position: absolute; right: 15px; top: 10px;color: #666666; font-size: 15px;} .responsive-form .form-control option{padding: 10px;} .page .ps-page{border: 0 !important;padding: 0 !important;} .page .ps-page section{max-width: 400px;padding-top: 80px;padding-bottom: 80px;margin: 0 auto;color: #333333;height: 90vh; min-height: 767px;} .page .ps-page .cRegister h4{text-align: center;font-weight: 700;font-size: 18px;line-height: 25px;letter-spacing: 0.04em;color: #000000;margin: 0 0 10px 0;font-family: 'Montserrat', sans-serif;} .ps-register-recover p{color: #333;font-family: Montserrat;font-size: 12px;font-style: normal;font-weight: 400;line-height: 20px;letter-spacing: 0.48px; margin-bottom: 32px;text-align: center;} .page .ps-page .cRegister .ps-gap{padding: 0 ;} .page .ps-page .cRegister .ps-form{margin-top: 0px;} .page .ps-page .ps-form__row{margin-bottom: 25px;} .page .ps-page .cRegister input[type="email"].ps-input{height: 44px !important;background: #FFFFFF;border: 1px solid #D8DBE0;box-sizing: border-box;font-weight: 400;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;padding: 5px 18px;border-radius: 0;font-family: 'Montserrat', sans-serif;} .page .ps-page .cRegister input[type="email"].ps-input:focus{outline: none;box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);} .page .peepso .ps-btn{font-weight: 700;font-size: 14px;line-height: 17px;letter-spacing: 0.04em;color: #FFFFFF !important;padding: 14px 12px !important;display: block !important;display: flex;justify-content: center;align-items: center;width: 100%;text-decoration: none;text-transform: uppercase;font-family: 'Montserrat', sans-serif;background: #B84516 !important;} .page .peepso .ps-btn:hover{opacity: 0.8;} textarea::-webkit-input-placeholder { color: #999; } textarea:-moz-placeholder { /* Firefox 18- */ color: #999; } textarea::-moz-placeholder { /* Firefox 19+ */ color: #999; } textarea:-ms-input-placeholder { color: #999; } /**********************Login page***************/ /**********************Signup page***************/ .login-wrap.signup-right{background: #fff;padding-bottom: 40px;} .page-template-signup-page #site-header,.page-template-signup-page #site-footer,.page-template-signup-step2-page #site-header,.page-template-signup-step2-page #site-footer,.page-template-signupotp #site-header,.page-template-signupotp #site-footer,.page-template-edit-profile #site-footer,.page-template-signupotp #site-footer,.page-template-messages #site-footer{ display: none;} .entry-content.signup-page{position: relative;} .signup-imgleft{width: 50%;position: absolute;bottom: 0;right: 50%;top: 0; bottom: 0;} .signup-imgleft img{/*height: 100%;*/object-fit: cover;width: 100%;height: 100%;} .signup-right .loginpage{min-height: inherit;} .vh-100{height: 100vh!important;} .signupform{max-width: 400px;margin: 0 auto;padding-top: 80px;} .signup-topbar{position: relative;padding-left: 100px;margin-bottom: 60px;} .signup-topbar .back-btn{position: absolute; left: 0;} .back-btn a{font-weight: 500;font-size: 14px;line-height: 20px;letter-spacing: 0.04em;color: #333333 !important;display: flex;align-items: center; } .back-btn a img{display: inline-block; vertical-align: middle;margin-right: 10px;} .signupform ul#progressbar{width: 100%;display: flex;} .signupform ul#progressbar li{width: 33.33%;position: relative;margin: 0;height: 7px;} .signupform ul#progressbar li:before{content: ""; height: 7px;background: #F0F1F7;border-radius: 50px;left: 0; right: 0; display: inline-block;position: absolute;} .signupform ul#progressbar li:after{content: "";width: 11px;height: 11px;background: #B84516;border: 2px solid #FFFFFF;box-sizing: border-box;border-radius: 100%;right: 0;display: inline-block;position: absolute;top: 0px;bottom: 0;margin: auto;opacity: 0;} .signupform ul#progressbar li.active:before{background: #B84516;} .signupform ul#progressbar li.active:after{opacity: 1;} .responsive-form .form-row .digit-group{display: flex;justify-content: space-between;-webkit-justify-content: space-between;margin-bottom: 18px;} .responsive-form .form-row .digit-group input{background: #FFFFFF;border: 1px solid #B9B9B9; width: 25%;max-width: 79px;padding: 5px;height: 44px;text-align: center;font-size: 26px;font-weight: 600;} .add-photo{cursor: pointer;} .add-photo > img{display: inline-block;max-width: 80px;/*border: 2px solid #b74215;*/height: 80px;object-fit: cover; width: 80px;} .add-photo > img.preview-image-after-upload{border-radius: 50px;} .responsive-form .select2-container--default .select2-selection--single{height: 33px !important;background: #FFFFFF;border: 1px solid #D8DBE0;box-sizing: border-box;font-weight: 400;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;padding: 5px 18px; border-radius: 0;} .responsive-form .form-row .profile-type-box .select2-container--default .select2-selection--single{height: 44px !important;background: #FFFFFF;border: 1px solid #D8DBE0;box-sizing: border-box;font-weight: 400;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;padding: 5px 18px; border-radius: 0;} .responsive-form .form-row.category_div .select2-container--default .select2-selection--single,.responsive-form .form-row#size_div .select2-container--default .select2-selection--single{height: 44px !important;} .responsive-form .form-row .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 33px; padding: 0;color: #333;} .responsive-form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow{right: 15px;height: 43px;} .responsive-form .form-row .select2-container--default .select2-selection--multiple,.responsive-form .form-row .city-box .select2-container--default .select2-selection--single{min-height: 44px;background: #FFFFFF;border: 1px solid #D8DBE0;box-sizing: border-box;font-weight: 400;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;padding: 5px 18px; width: 100%;font-family: 'Montserrat', sans-serif;border-radius: 0;} .responsive-form .form-row .city-box .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 0; padding-right: 0;} .responsive-form .form-row .city-box .select2-container--default .select2-selection--single .select2-selection__arrow{height: 42px;right: 10px;} .responsive-form .form-row .city-box .select2-container--default .select2-selection--single .select2-selection__rendered, .responsive-form .form-row .city-box .select2-container--default .select2-selection--single .select2-selection__placeholder{color: #333;} .responsive-form .form-row .select2-container .select2-search--inline .select2-search__field{margin: 0 !important;height: 35px; line-height: 35px;letter-spacing: 0.02em;font-family: 'Montserrat', sans-serif;} .responsive-form .form-row .select2-container .select2-selection--multiple .select2-selection__rendered{display: inline-block;vertical-align: top;} .responsive-form .form-row .select2-container--default .select2-selection--multiple .select2-selection__choice{margin-right: 10px;margin-left: 0;background: #000;color: #fff;border-color: #000;} .responsive-form .form-row .select2-search.select2-search--inline{display: inline-block;padding-left: 0;vertical-align: middle;} .select2-container--default .select2-results__option--group{margin: 0;} .select2-container--default .select2-results__option .select2-results__option{margin-left: 0;font-size: 15px;} .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background: #B84516 !important;} .select2-container--default .select2-results__group{font-size: 16px;padding: 10px 14px !important;} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color: #fff !important;text-decoration: none;top: 2px !important;} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color: transparent !important;color: #fff !important;outline: none !important; text-decoration: none;} .form-control .country-select{width: 100%;} .form-control .country-select.inside input, .form-control .country-select.inside input[type="text"]{padding-top: 0;padding-bottom: 0;height: 32px;border: 0;width: 100% !important;max-width: 100%;font-weight: 400;font-size: 14px;color: #333;padding-left: 35px;} .form-control .country-select .selected-flag{padding-left: 0;} .form-control .country-select .selected-flag .arrow{display: none;} .form-control .country-select.inside .selected-flag{width: 24px;} .form-control .country-select.inside .flag-dropdown{margin-top: -18px;position: static;} .form-control .country-select.inside .flag-dropdown:hover .selected-flag{background: none;} .form-control .country-select.inside input:focus, .form-control .country-select.inside input[type="text"]:focus{outline: none; border: 0;} .form-control .country-select .country-list{margin: auto;width: auto;left: -18px;right: -18px;top: 38px !important;} .form-control .country-select .country-list .country,.country-select .country-list .divider{margin: 0 !important;width: 100%; overflow: hidden;} .form-control.country-box .select2-container{width: 100% !important;} .form-control.country-box .select2-container--default .select2-selection--single{border: 0; padding: 0;width: 100% !important;margin-bottom: 5px;} .form-control.country-box .select2-container--default .select2-selection--single .select2-selection__arrow{display: none;} .form-control.country-box .select2-container--default .select2-selection--single .select2-selection__rendered{padding: 0;} .form-control.country-box .select2-container--default .select2-selection--single .select2-selection__rendered > span > img{ display: inline-block; max-width: 24px; margin-right: 12px; } .form-control.country-box .select2-container--default .select2-selection--single .select2-selection__rendered > span > span{ display: inline-block; font-size: 14px;color: #333;} .select2-results #select2-country_selector-results .select2-results__option > span{display: inline-block;font-size: 14px;} .select2-results #select2-country_selector-results .select2-results__option > span > img{display: inline-block;max-width: 24px; margin-right: 10px;} /**********************Signup page***************/ .post-meta-wrapper.post-meta-edit-link-wrapper{display: none !important;} /**********************Help page***************/ .footer-remove #site-footer{display: none;} .top-menu-remove #site-header .main-menu{display: none;} .top-menu-remove #site-header .header-top{border: 0;} .border-section .border-sec-inner > .vc_column-inner > .wpb_wrapper{background: #FFFFFF;border: 1px solid #E4E8EF;box-sizing: border-box;max-width: 620px;margin: 0 auto; min-height: 100vh; position: relative;margin-top: -1px;} h2.vc_custom_heading.page-title{font-weight: 700;font-size: 18px;line-height: 25px;letter-spacing: 0.02em;color: #333333;margin-top: 36px;padding-bottom: 38px;} .page-accordian.vc_tta.vc_general{border-top: 1px solid #E4E8EF;;} .page-accordian.vc_tta.vc_general .vc_tta-panel-title{font-weight: 500;font-size: 14px;line-height: 20px;letter-spacing: 0.02em; color: #B84516;border-bottom: 1px solid #E4E8EF;margin: 0;} .page-accordian.vc_tta.vc_general .vc_tta-panel-title a{color: #B84516 !important;padding: 14px 29px;} .page-accordian.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before {transform: rotate(-45deg) translate(-25%,-25%);} .page-accordian.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon{transform: translateY(-50%);height: 14px;width: 14px;} .page-accordian.vc_tta .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before {-webkit-transform: rotate(225deg) translate(-25%,-25%);transform: rotate(225deg) translate(-25%,-25%);} .page-accordian.vc_tta-color-white.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {border-color: #B84516 !important;} .page-accordian.vc_tta-color-white.vc_tta-style-flat .vc_tta-controls-icon::before {border-color: #B84516 !important;} .page-accordian.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body{border-bottom: 1px solid #E4E8EF;padding: 14px 29px;} .page-accordian.vc_tta.vc_general p{font-weight: 400;font-size: 14px;line-height: 20px;letter-spacing: 0.02em;color: #333333;} .page-accordian.vc_tta.vc_general h3,.page-accordian.vc_tta.vc_general h4{font-weight: 500;font-size: 16px;line-height: 20px;letter-spacing: 0.02em;color: #333333;margin: 15px 0 30px 0;} .page-accordian.vc_tta.vc_general h4{font-size: 15px;} .page-accordian .sp-ea-one.sp-easy-accordion{border-top: 1px solid #E4E8EF;} .page-accordian .sp-easy-accordion > .sp-ea-single{background: none !important;;border: 0 !important;margin: 0;} .page-accordian .sp-easy-accordion .sp-ea-single .ea-header{font-weight: 500;font-size: 14px;line-height: 20px;letter-spacing: 0.02em; color: #B84516;border-bottom: 1px solid #E4E8EF;margin: 0;position: relative;} .page-accordian .sp-easy-accordion > .sp-ea-single > .ea-header a{color: #B84516 !important;padding: 14px 29px;font-size: 14px; line-height: 20px;font-weight: 500;} .page-accordian .sp-easy-accordion > .sp-ea-single > .ea-header a .ea-expand-icon.fa{float: right !important;color: #B84516 !important;margin: 0 !important;position: absolute;right: 20px;font-size: 28px !important;font-weight: 400;} .page-accordian .fa-plus::before {content: "\f105";} .page-accordian .fa-minus::before {content: "\f107";margin-right: -3px;} .page-accordian .sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body{border-bottom: 1px solid #E4E8EF;padding: 14px 29px;} .page-accordian .ea-body p,.page-accordian .ea-body ul li{font-weight: 400;font-size: 14px;line-height: 20px;letter-spacing: 0.02em;color: #333333;margin-bottom: 18px;} .page-accordian .ea-body h3,.page-accordian .ea-body h4{font-weight: 500;font-size: 16px;line-height: 20px;letter-spacing: 0.02em;color: #333333;margin: 15px 0 30px 0;} .page-accordian .ea-body h4{font-size: 15px;} .page-accordian .ea-body ul{margin: 0 0 0 16px;} .page-accordian .ea-body ul li{position: relative;padding-left: 23px;margin: 0; margin-bottom: 18px;} .page-accordian .ea-body ul li:before{content: ""; background: url(images/li-icon.png) no-repeat center center; width: 13px; height: 9px;display: inline-block; left: 0; top: 5px;position: absolute;} .page-accordian .sp-easy-accordion .sp-ea-single .ea-body p:last-of-type{margin-bottom: 18px;} .vc_btn3-container.page-back-btn{position: absolute;left: 8px;margin: 0;top: 32px;} .vc_btn3-container.page-back-btn a.vc_btn3{padding: 0;background: none;font-weight: 500;font-size: 14px;line-height: 20px; letter-spacing: 0.04em;color: #333333 !important;padding-left: 45px !important;} /**********************Help page***************/ /**********************Story page***************/ .home-storypage{padding-top: 26px;padding-bottom: 40px;} .home-story-slider{padding: 18px 0px 18px 18px;border: 1px solid #D8DBE0;background: #FFFFFF;margin-bottom: 26px;position: relative;} .loading_story{padding: 18px 0px 18px 18px;border: 1px solid #D8DBE0;background: #FFFFFF;margin-bottom: 26px; text-align: center;position: relative;} .loading_story .spinner{display: block; text-align: center;position: absolute; left: 0; right: 0; margin: auto; width: 25px; height: 25px; top: 0; bottom: 0;} .home-story-slider .owl-theme .owl-nav{margin: 0;} .home-story-slider{padding: 18px 18px 18px 18px;} .home-story-slider .stories.carousel{overflow: hidden;} .home-story-slider .slick-arrows{display: block;position: absolute;height: 100%;top: 0;bottom: 0;left: 0;right: 0;} .home-story-slider .slick-arrows .slick-arrow.slick-hidden {display: none; } .home-story-slider .owl-carousel .owl-nav .owl-next,.home-story-slider .owl-carousel .owl-nav .owl-prev,.home-story-slider .slick-arrow{position: absolute;top: 50%; transform: translate(0,-50%); width: 48px; height: 48px; font-size: 0;margin: 0; padding: 0;z-index: 1;} .home-story-slider .owl-carousel .owl-nav .owl-next,.home-story-slider .slick-arrow.next{right: -25px; left: auto;background: url(images/next.png) no-repeat center center;} .home-story-slider .owl-carousel .owl-nav .owl-prev,.home-story-slider .slick-arrow.prev{left: -25px; right: auto;background: url(images/back.png) no-repeat center center;} .home-story-slider .owl-carousel .owl-nav .owl-next:hover{background: url(images/next.png) no-repeat center center;} .home-story-slider .owl-carousel .owl-nav .owl-prev:hover{background: url(images/back.png) no-repeat center center;} .home-story-slider .item{position: relative;background: #C4C4C4;border-radius: 7px;overflow: hidden;} .home-story-slider .item img{height: 149px;object-fit: cover;} .home-story-slider .item:after{position: absolute; content: ""; bottom: 0; background: rgba(0,0,0,0.5); left: 0; right: 0; top: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 1%, rgba(0,0,0,0) 19%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0) 19%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 1%,rgba(0,0,0,0) 19%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .home-story-slider .item h3{font-weight: 600;font-size: 12px;letter-spacing: 0.02em;position: absolute;bottom: 5px;left: 0;right: 0; text-align: center;color: #fff;line-height: 25px;z-index: 1;} /*.home-story-slider .stories.carousel .story{max-width: inherit; width: 100%; cursor: pointer;} .home-story-slider .stories.carousel{overflow: inherit;}*/ .home-story-slider .stories.carousel .story > .item-link > .info{letter-spacing: 0.02em;position: absolute;bottom: 5px;left: 0;right: 0;text-align: center;z-index: 1;} .home-story-slider .stories.carousel .story > .item-link > .info strong{color: #fff;line-height: 25px;font-weight: 600;font-size: 12px;} .home-story-slider .stories.carousel .story > .item-link > .item-preview{max-height: inherit;height: auto;background: none;border-radius: 0;padding: 0;border: 0;} .home-story-slider .stories.snapgram .story > .item-link > .item-preview img{width: auto;height: 149px;border-radius: 0;border: 0;object-fit: cover;} .home-story-slider .stories.carousel .story.seen{width: 18vw;max-width: 120px;} .homestory-wrap{margin-top: 0px;} .homestory-list{margin-bottom: 29px;} .st-userimg img{border: 1px solid #B7410E;width: 56px;height: 56px; border-radius: 50px;object-fit: cover;min-width: 56px;} .homestory-list-inner{background: #FFFFFF;border: 1px solid #D8DBE0;} .homestory-list-top{padding: 15px 18px 12px;} .st-media-body{padding-left: 20px;} .st-media-body h4{font-weight: 500;font-size: 16px;line-height: 25px;letter-spacing: 0.02em;color: #000000;margin-top: 0; margin-bottom: 0;} .st-media-body .st-country{display: flex;align-items: center;font-weight: 500;font-size: 12px;line-height: 25px;letter-spacing: 0.02em;color: #7F7F7F;} .st-media-body .st-country img{margin-right: 10px;width: 18px;} .st-media-body .st-message,.st-media-body .st-time{font-weight: 400;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #767676;} .st-media-body .st-time{font-size: 12px;margin: 0;} .likelist .storytop-right{width: 25%; text-align: right;} .likelist .storytop-right span{font-weight: 500;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #666666;} .likelist .storytop-right span a{color: #B84516 !important;} .likelist .storytop-right span a#Following{color: #666666 !important;} .likelist .storytop-right span a.follow-user{color: #666666 !important;} .likelist .storytop-right span a.follow-user#Segui{color: #B84516 !important;} .homestory-list-top .storytop-right ul{margin-right: -15px;} .storytop-right ul li{display: inline-block; vertical-align: top;margin-left: 10px;} .storytop-right ul li a{display: block;} .hm_str_topcat{margin-top: 13px;} .hm_str_topcat ul li{display: inline-block; margin-right: 16px;margin-bottom: 5px;} .hm_str_topcat ul li a{text-align: center;border: 1px solid #D8DBE0;box-sizing: border-box;font-weight: 500;font-size: 12px;line-height: 25px;letter-spacing: 0.04em; color: #4C4C4C;padding: 4px 18px;cursor: pointer; display: block;} .story_main_body{position: relative;} .story_main_img img{width: 100%;} .story_main_img img,.story_main_img video{width: 100% !important;height: 600px;object-fit: cover;} .storybody-btn{position: absolute; right: 25px; bottom: 25px;} .storybody-btn ul li{margin-top: 10px; text-align: center;cursor: pointer;} .storybody-btn a{display: block; text-align: center;position: static; padding: 0;} .storybody-btn ul li a img{display: inline-block;} .storybody-btn span{font-weight: 500;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #FFFFFF;margin-top: -8px;display: block;} #zuck-modal-content .story-viewer .storybody-btn ul li a.tip{position: static; padding: 0; color: #fff !important;transform: inherit;background: none;} .hidden-post.home_page_hide_product{position: absolute;left: 0;right: 0;text-align: center;color: #fff;text-transform: uppercase;font-weight: 400;font-size: 36px;top: 0;bottom: 30px;height: 50px;margin: auto;} .hmstory-bottom{padding: 18px 18px 15px 18px;} .hmstory-bottom .product-dea{margin-bottom: 15px;} .hmstory-bottom .product-dea a.btn_buynow{border-radius: 50px;padding: 7px 23px;text-transform: none;} .hmstory-bottom .product-dea .contdet-price > span.price,.hmstory-bottom .contdet-price > span{padding-right: 0px;font-size: 16px;padding-left: 5px;} .story-des p{font-weight: 500;font-size: 14px;line-height: 1.5;letter-spacing: 0.04em;color: #4C4C4C;margin-bottom: 10px;} .comment-meta{padding-top: 0;margin: 0;min-height: inherit;padding-left: 0;display: flex;align-items: center;} .comment-meta > span{display: inline-block; vertical-align: middle;font-weight: 500;font-size: 12px;line-height: 25px;letter-spacing: 0.04em;color: #7F7F7F;padding-right: 10px; position: relative;margin-right: 8px;} .comment-meta > span a{color: #7F7F7F !important;} .comment-meta > span:after{position: absolute;content: ""; width: 3px;height: 3px;background: #7F7F7F; border-radius: 50px; right: 0;top: 2px; bottom: 0;margin: auto;} .comment-meta > span:last-child:after{display: none;} .comment-user > span{display: inline-block; vertical-align:middle ;position: relative;z-index: 4;margin-left: -4px;cursor: pointer;} .comment-user > span img{width: 25px;height: 25px; border-radius: 50px;border: 1px solid #fff;} .comment-user > span.count_plus{font-size: 15px;margin-left: 1px;color: #7F7F7F;} .comment-user a span{display: inline-block; vertical-align:middle ;position: relative;z-index: 4;margin-left: -4px;} .comment-user a span img{width: 21px;height: 21px; border-radius: 50px;border: 1px solid #B7410E;} .home-story-right-box{padding: 20px;background: #FFFFFF;border: 1px solid #D8DBE0;margin-bottom: 29px;} .home-story-right-box .homestory-list-top{padding: 0;padding-bottom: 25px;} .home-story-right-box .homestory-list-top:last-child{padding-bottom: 0;} .home-story-right-box > h3{color: #666666;font-weight: 600;font-size: 14px;margin-bottom: 20px;} .home-story-right-box .st-media-body{padding-left: 18px;} .home-story-right-box .st-userimg {min-width: 45px;} .home-story-right-box .st-userimg img{width: 45px; height: 45px; border: 0;min-width: 45px;} .home-story-right-box .st-media-body h4{font-size: 14px;line-height: 20px;} .home-story-right-box .storytop-right{min-width: 70px; text-align: right;line-height: normal;} .home-story-right-box .storytop-right span{font-weight: 600;font-size: 12px;line-height: 25px;letter-spacing: 0.02em;color: #B84516;} .home-story-right-box .storytop-right span a#Following,.home-story-right-box .storytop-right span a{color: #666 !important;} .home-story-right-box .storytop-right span a#Segui{color: #B84516 !important; display: block;line-height: 25px;} .modal.fade{background: rgba(0,0,0,0.5);} .modal.fade .modal-dialog{-webkit-transform: translate(0, 0%);transform: translate(0, 0%);max-width: 620px;border-radius: 0;} .modal-content{border: 0;border-radius: 0;} .modal-header{display: block; text-align: center;padding: 35px 40px;position: relative;} .modal-header h5.modal-title{font-weight: 700;font-size: 22px;line-height: 25px;letter-spacing: 0.02em;color: #333333;} .modal-header span{font-weight: 500;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #1B1B1B;position: absolute; right: 35px;top: 0;height: 25px;bottom: 0;margin: auto;} .modal-body{padding: 35px 35px 0px 35px;} .like-body-inner > .likelist{margin-bottom: 22px;padding-bottom: 22px;border-bottom: 1px solid #E4E8EF; cursor: pointer;} .like-body-inner > .likelist:last-child{margin-bottom: 0; border: 0;} .like-body-inner > .likelist .st-media-body h4{font-family: 'Montserrat';font-style: normal;font-weight: 400 !important;font-size: 16px;line-height: 25px; letter-spacing: 0.02em;color: #1B1B1B;} .like-body-inner > .likelist.not_seen .st-media-body h4{font-weight: 600;} .like-body-inner > .likelist .st-userimg{position: relative;} .st-userimg .read_dot{position: absolute;width: 6px;height: 6px;background: #B84516; top: -6px; left: -6px; border-radius: 50px;} #zuck-modal{background: #1A1A1A;} #zuck-modal-content .story-viewer .slides .item{max-width: 500px;margin: auto !important;right: 0;left: 0;} .story-viewer .head .st-media-body .st-country{color: #fff;} .story-viewer .head .st-media-body .st-country img{display: inline-block;} .story-viewer .story-view-inner .storybody-btn{bottom: 125px;} .story-viewer .story-view-inner{max-width: 500px;margin: 0 auto;height: 100%;position: relative;} .story-viewer .story-status-footer{position: absolute; bottom: 15px; left: 15px; right: 15px;z-index: 6;max-width: 500px; margin: auto;} .story-viewer .story-status-footer .story-st-btn-left > a{border-radius: 50px !important;padding: 11px 24px ;height: auto !important;display: inline-block;margin-right: 13px;} .story-status-footer .story-st-btn{margin-bottom: 23px;align-items: center;} .story-status-footer .story-st-btn a.view_content{font-weight: 600;font-size: 14px;line-height: 17px;letter-spacing: 0.04em;color: #FFFFFF !important;padding: 11px 20px;border: 1px solid #FFFFFF;border-radius: 50px;display: inline-block;} .story-viewer .story-status-footer .story-st-btn-right span{color: #fff;font-weight: 600;font-size: 18px;line-height: 25px;} .story-status-footer .hm_str_topcat ul li a{color: #FFFFFF !important;} #zuck-modal-content .story-viewer .slides .item .storybody-btn{bottom: 135px;right: 15px;} #zuck-modal-content .story-viewer .story-view-inner .slides-pointers{left: 0;right: 0;width: 100%;} #zuck-modal-content .story-viewer .story-view-inner .head{top: 25px;} #zuck-modal-content .story-viewer .head .right{position: fixed; right: 38px;} /**********************Story page***************/ /**********************content detail page***************/ .contentdetail-topsection{margin-bottom: 45px;} .content-detailpage .col-md-6.contdetail-left{-ms-flex: 0 0 53%;flex: 0 0 53%;max-width: 53%;} .content-detailpage .col-md-6.contdetail-right{-ms-flex: 0 0 47%;flex: 0 0 47%;max-width: 47%;} .content-detailpage .hm_str_topcat{padding-top: 22px;padding-bottom: 22px;} .contdetail-right .storytop-right{line-height: normal;} .contdetail-right .storytop-right span{font-weight: 500;font-size:15px;line-height: 25px;letter-spacing: 0.02em;color: #666666;} .contdetail-right .storytop-right span a{color: #666 !important;} .contdetail-right .storytop-right span a#Segui{color: #B84516 !important;display: block;line-height: 25px;} .contdetail-right .st-media-body .st-country img{width: 18px;} .contdetail-right .rating__item {font-size: 20px; cursor: pointer;} ul.rating {padding:0;margin:0;list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:flex-start;color:#333;} ul.rating li {padding: 0 2px;line-height: 1;} .rating__item { font-size: 16px;display: block;font-family: FontAwesome;} .rating__item::after {content: "\f006";} .rating[data-rating="5.5"] .rating__item:nth-child(-n+5):after, .rating[data-rating="5"] .rating__item:nth-child(-n+5):after, .rating[data-rating="4.5"] .rating__item:nth-child(-n+4):after, .rating[data-rating="4"] .rating__item:nth-child(-n+4):after, .rating[data-rating="3.5"] .rating__item:nth-child(-n+3):after, .rating[data-rating="3"] .rating__item:nth-child(-n+3):after, .rating[data-rating="2.5"] .rating__item:nth-child(-n+2):after, .rating[data-rating="2"] .rating__item:nth-child(-n+2):after, .rating[data-rating="1.5"] .rating__item:nth-child(-n+1):after, .rating[data-rating="1"] .rating__item:nth-child(-n+1):after, .rating[data-rating="0.5"] .rating__item:nth-child(-n+0):after, .rating[data-rating="0"] .rating__item:nth-child(-n+0):after{content: "\f005";color: #B84516 !important;} .rating[data-rating="1.5"] .rating__item:nth-child(2):after,.rating[data-rating="2.5"] .rating__item:nth-child(3):after,.rating[data-rating="3.5"] .rating__item:nth-child(4):after,.rating[data-rating="4.5"] .rating__item:nth-child(5):after{content: "\f123";color: #B84516;} .contdetail-right .rating-wrap{margin-top: 20px !important;} .contdetail-right .story-des{max-width: 100%;display: block; margin-top: 15px;} .contdetail-right .story-des p{font-size: 13px;line-height: 20px;font-weight: 400;color: #333333;} /*.detailtime{margin-top: 10px;margin-bottom: 22px;}*/ .detail-icon{margin-bottom: 23px;margin-top: 23px;} .detail-icon ul,.free-shiping{line-height: 1;} .detail-icon ul > li {display: inline-block;vertical-align: top;margin-right: 10px;position: relative;} .detail-icon ul > li a{cursor: pointer;} .detail-icon ul > li img {max-height: 19px;} .detail-icon ul li.detail-more,ul li.detail-more{padding-right: 15px;margin-right: 0; position: relative;} .detail-icon ul li.detail-more ul.more-subitem,ul li.detail-more ul.more-subitem{position: absolute; top: 0; left: 100%;min-width: 140px;background: #FFFFFF;border: 1px solid #E4E8EF;box-sizing: border-box;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);border-radius: 6px; opacity: 0; visibility: hidden;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-ms-transition: all ease 0.5s; overflow: hidden;z-index: 1;} .detail-icon ul.more-subitem li,ul li.detail-more ul.more-subitem li{display: block;border-bottom: 1px solid #E9EDF3;margin: 0;} .detail-icon ul.more-subitem li:last-child,ul li.detail-more ul.more-subitem li:last-child{border: 0;} .detail-icon ul.more-subitem li a,ul li.detail-more ul.more-subitem li a{display: block;font-weight: 400;font-size: 12px;line-height: 25px;color: #262626 !important;padding: 5px 12px;} .detail-icon ul.more-subitem li a:hover,ul li.detail-more ul.more-subitem li a:hover{background: #B84516;color: #fff !important;} .detail-icon ul li.detail-more:hover ul.more-subitem,ul li.detail-more:hover ul.more-subitem{opacity: 1; visibility: visible; transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-ms-transition: all ease 0.5s;} .contdet-price > span{font-weight: 600;font-size: 18px;line-height: 25px;letter-spacing: 0.02em;color: #333333;display: inline-block;vertical-align: middle;} .contdet-price > span.price{padding-right: 15px;} .contdet-price > span.customization_size img{max-width: 15px;} .free-shiping span{font-weight: 500;font-size: 12px;line-height: 25px;letter-spacing: 0.04em;color: #7F7F7F;} .buynow-btn{margin-top: 18px;} a.btn_buynow,.buynow-btn .added_to_cart.wc-forward{background: #B84516;font-weight: 600;font-size: 14px;line-height: 17px;letter-spacing: 0.04em;color: #FFFFFF !important;padding: 14px;display: block;text-align: center;text-transform: uppercase;} .buynow-btn .added_to_cart.wc-forward{margin-top: 5px;} .detail-secure{border-top: 1px solid #E4E8EF;border-bottom: 1px solid #E4E8EF;margin-top: 23px;padding: 7px 0;} span.secure-text{position: relative; display: inline-block;font-weight: 500;font-size: 14px;line-height: 20px;letter-spacing: 0.02em; color: #333333; vertical-align: middle;} span.secure-text:before{background: url(images/secure.png) no-repeat center; width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin-right: 4px;content: "";} .detail-bottom-row .vc_custom_heading.section-title{font-weight: 600; color: #000; font-size: 16px;} .contdetail-left .carousel-item img, .loader_imgs{height: 527px;object-fit: cover;object-position: center;} .contdetail-left .carousel-control-prev, .contdetail-left .carousel-control-next{opacity: 1;} .contdetail-left .carousel-control-prev-icon,.contdetail-left .carousel-control-next-icon{width: 48px;height: 48px;} .contdetail-left .carousel-control-prev-icon{background: url(images/single_back.png) no-repeat center center;} .contdetail-left .carousel-control-next-icon{background: url(images/single_next.png) no-repeat center center;} .contdetail-left .carousel-indicators{bottom: -20px; margin: 0;} .contdetail-left .carousel-indicators li{width: 6px;height: 6px;background: #C4C4C4; border-radius: 50px;} .contdetail-left .carousel-indicators .active{background: #B84516;} .contdetail-left .embed-responsive-16by9::before {padding: 0;} .contdetail-left .embed-responsive .embed-responsive-item, .contdetail-left .embed-responsive iframe{height: 442px; width: 100% !important;position: static;} .model_col input{height: 44px;background: #FFFFFF;border: 1px solid #D8DBE0;box-sizing: border-box;font-weight: 400;font-size: 14px; line-height: 25px;letter-spacing: 0.02em;color: #333333;padding: 5px 18px;border-radius: 0;max-width: 460px;margin: 0 auto;} .modal-footer{justify-content: center; border: 0;padding: 42px 0 60px 0;} .modal-footer a.btn{font-weight: 600;font-size: 14px;line-height: 17px;letter-spacing: 0.04em;min-width: 215px;padding: 14px 20px;border: 1px solid #B84516;background: #FFFFFF;text-transform: uppercase;color: #B84516 !important;border-radius: 0;margin: 0 14px;} .modal-footer a.btn:hover{opacity: 0.9;} .modal-footer a.btn.btn-primary{background: #B84516 ;color: #fff !important;} #usercomment.modal.fade .modal-dialog{max-width: 960px;} .comment-left{background: #000;} .comment-left .story_main_body{display: flex;align-items: center;height: 100%;} .comment-right-top{padding: 18px;border-bottom: 1px solid #E4E8EF;margin-bottom: 10px;} .comment-right-top .media{width: 100%;} .comment-right-top .media .st-userimg{width: 10%;} .comment-right-top .media .st-userimg img{width: 42px; height: 42px;min-width: inherit;} .comment-right-top .media .st-media-body {width: 90%;padding-left: 15px;} .comment-top-head{position: relative;padding-right: 25px;} .comment-top-head .storytop-right.ml-auto{position: absolute;right: 0; top: 0;} .comment-right-top .media .st-media-body p{font-weight: 400;font-size: 13px;line-height: 20px;letter-spacing: 0.02em;color: #333333;margin: 0;} .commnet-list{padding: 10px 18px;} .commnet-list .media{width: 100%;} .commnet-list .st-userimg{width: 13%;} .commnet-list .st-userimg img{width: 38px; height: 38px;min-width: inherit;} .commnet-list .st-media-body{width: 87%;border-bottom: 1px solid #E4E8EF;padding-left: 0;padding-bottom: 20px;} .commnet-list .comment-list-head {position: relative;} .comment-right .st-media-body h4{font-size: 14px;} .commnet-list .comment-list-head .comment-time{position: absolute; right: 0; top: 0;} .commnet-list .comment-list-head .comment-time {font-weight: 500;font-size: 12px;line-height: 20px;letter-spacing: 0.02em;color: #7F7F7F;} .commnet-list .comment-desc{font-weight: 400;font-size: 13px;line-height: 20px;letter-spacing: 0.02em;color: #333333;margin-bottom: 0;} .comment-right.p-0{padding-bottom: 70px !important;} .comment-footer{margin-top: 30px;position: absolute;bottom: 0;left: 0;right: 0;} .comment-footer .chatbox{position: relative;border-top:1px solid #E4E8EF;;} .chatbox .emoji-icon{position: absolute; left: 15px; top: 0; bottom: 0;margin: auto;height: 20px;} .chatbox a.user-comment-btn{position: absolute;right: 15px;top: 0;bottom: 0;margin: auto;background: none;border: 0;height: 19px;padding: 0;} .comment-footer .chatbox input.form-control{border: 0;font-weight: 500;font-size: 14px;line-height: 20px;letter-spacing: 0.02em;color: #7F7F7F; padding: 15px 45px;} .comment-footer .chatbox .emoji-wysiwyg-editor{padding: 13px 60px 13px 50px;height: 51px;font-weight: 500;font-size: 14px;line-height: 20px;letter-spacing: 0.02em;color: #7F7F7F;border: 0;} .comment-footer .chatbox .emoji-picker-icon{left: 15px;top: 12px;font-size: 28px;right: auto;} .comment-footer .chatbox .emoji-menu{left: 0;right: 0;width: auto;border: 0;border-radius: 0;} .modal button.close{background: none;opacity: 1;top: 20px;position: absolute;right: 20px;} .modal button.close > span{background: url(images/cancel.png) no-repeat center center; display: inline-block; width: 37px;height: 37px;font-size: 0;} .comment-footer .alert{display: block;font-size: 13px;padding: 5px 13px;border-radius: 0;margin-bottom: 0;} /**********************content detail page***************/ /**********************Profile content page***************/ .content-detail-top-user .st-userimg img{ width: 92px; height: 92px; border: 0;} .content-detail-top-user .st-media-body h4{font-weight: 700;font-size: 21px;line-height: 25px;letter-spacing: 0.02em;color: #333333;} .content-detail-top-user .st-media-body .st-country{font-size: 14px;} .content-detail-top-user ul.rating li{font-size: 20px; padding-left: 0;padding-right: 5px;margin-left: 0;} .pro-content-follow{margin-top: 5px;} .pro-content-follow ul li{margin-right: 35px;} .pro-content-follow ul li span{font-weight: 500;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;cursor: pointer;} .pro-content-follow ul li span img{filter: sepia(0) saturate(0) brightness(0.2) hue-rotate(20deg);} .pro-content-follow ul li span a{color: #666 !important;} .pro-content-follow ul li span a#Segui{color: #B84516 !important;line-height: 25px;} .pro-content-follow ul li span a#Following,.pro-content-follow ul li span a.user-following{color: #666666 !important;} .pro-content-follow ul li span a strong{color: #333333 !important;} .pro-cont-userdet.mt-4{margin-top: 20px !important;} .pro-cont-userdet-left ul li{font-weight: 400;font-size: 13px;line-height: 20px;letter-spacing: 0.02em;color: #333333;position: relative; padding-left: 30px; margin-bottom: 18px;} .pro-cont-userdet-left ul li:last-child{margin-bottom: 0;} .pro-cont-userdet-left ul li span{position: absolute; left: 0; top: 2px; width: 17px;} .pro-cont-userdet-right ul li{display: inline-block; margin-left: 25px;} .pro-cont-userdet-right ul li a{font-weight: 400;font-size: 12px;line-height: 25px;color: #333333; text-decoration: underline;} .border-top {border-top: 1px solid #E4E8EF !important;} .pro-content-btm-sec .nav-tab{margin-bottom: 17px !important;} .pro-content-btm-sec .nav-tab ul li{display: inline-block;margin-right: 25px;} .pro-content-btm-sec .nav-tab ul li a{font-weight: 500;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333 !important;} .pro-content-btm-sec .nav-tab ul li.active a{color: #B84516 !important;font-weight: 600;} #user-following-follower.modal.fade .modal-dialog{max-width: 700px;} #user-following-follower .modal-header,#show-user-feedback-model .modal-header{padding-bottom: 65px;} #user-following-follower .like-body-inner > .likelist{margin-bottom: 0;padding-bottom: 0;border:0;} #user-following-follower .modal-body,#show-user-feedback-model .modal-body{padding: 0;} #user-following-follower .modal-body .like-body-inner{padding: 21px 29px 21px 29px;} .like-body-inner .followers > .likelist,.like-body-inner .following > .likelist{margin-bottom: 22px;padding-bottom: 22px;border-bottom: 1px solid #E4E8EF;} .like-body-inner .followers > .likelist:last-child, .like-body-inner .following > .likelist:last-child{padding: 0;margin: 0; border: 0;} .like-body-tab{margin-top: -36px;} .like-body-tab ul li{font-weight: 500;font-size: 15px;line-height: 25px;letter-spacing: 0.02em;color: #666666;border-bottom: 1px solid #E4E8EF;padding-bottom: 10px; cursor: pointer ; width: 50%;} .like-body-tab ul li a{display: block;} .like-body-tab ul li.active{border-bottom: 1px solid #B84516; color: #B84516;} .upload-content-form .like-body-tab ul li.active a span{color: #B84516;} #user-following-follower .st-media-body h4{font-size: 18px;font-weight: 500;color: #000;} #user-following-follower .st-media-body .st-country{font-size: 14px;} .content-detail-top-user .rating-wrap{cursor: pointer;} #user-feedback.modal.fade .modal-dialog{max-width: 960px;} #show-user-feedback-model .modal-body .like-body-inner{padding: 21px 29px 21px 29px;} #show-user-feedback-model .like-body-inner > .likelist >.likelist{border-bottom: 1px solid #E4E8EF; padding-bottom: 20px;margin-bottom: 20px;} #show-user-feedback-model .like-body-inner > .likelist{border-bottom:0 padding-bottom: 0;margin-bottom: 0;} #show-user-feedback-model .like-body-inner > .likelist >.likelist:last-child{border: 0; margin-bottom: 0; padding-bottom: 0;} #show-user-feedback-model .like-body-inner > .likelist .media{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} #show-user-feedback-model .st-userimg img{width: 63px;height: 63px;} #show-user-feedback-model .like-body-inner > .likelist .Feedback-detail{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-top: 10px;} #show-user-feedback-model .rating__item{font-size: 20px;} #show-user-feedback-model .likelist .storytop-right img{ width: 105px; height: 105px; object-fit: cover;display: inline-block; } #show-user-feedback-model .like-body-inner > .likelist .Feedback-detail .rating-wrap{margin-bottom: 12px;} #show-user-feedback-model .like-body-inner > .likelist .Feedback-detail > div.comment p,#show-user-feedback-model .like-body-inner > .likelist .Feedback-detail > div.date p{font-weight: 400;font-size: 14px;line-height: 20px;letter-spacing: 0.02em;color: #333333;margin-bottom: 3px;} #show-user-feedback-model .like-body-inner > .likelist .Feedback-detail > div.date p{font-size: 12px;} /**********************Profile content page***************/ /**********************Edite Profile***************/ .edite-profile{background: #FFFFFF;border: 1px solid #E4E8EF;box-sizing: border-box;max-width: 665px;margin: 0 auto; margin-top: 0px;min-height: 100vh;position: relative;margin-top: -1px;} .edite-profile .edite-profile-inner{max-width: 400px;margin: 0 auto;} .form-title h2.vc_custom_heading.page-title{padding-bottom: 22px;} .responsive-form .form-row .form-check{padding: 8px 20px;background: #F4F4F4;width: 100%} .responsive-form .form-row .form-check span.switch-label{font-weight: 400;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;} .responsive-form .switch {position: absolute;display: inline-block;width: 40px;height: 21px;right: 20px;cursor: pointer;margin: auto;top: 0; bottom: 0;} .responsive-form .switch input {opacity: 0;height: 100%;z-index: 5;position: absolute;left: 0;right: 0;width: 100%;top: 0;bottom: 0; cursor: pointer;} .responsive-form .slider { position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s; transition: .4s;} .responsive-form .slider:before { position: absolute;content: "";height: 19px;width: 19px;left: 1px;bottom: 1px;background-color: white; -webkit-transition: .4s;transition: .4s;} .responsive-form .switch input:checked + .slider {background-color: #35C759;} .responsive-form .switch input:focus + .slider {box-shadow: 0 0 1px #35C759;} .responsive-form .switch input:checked + .slider:before {-webkit-transform: translateX(19px);-ms-transform: translateX(19px);transform: translateX(19px);} .responsive-form .switch .slider.round {border-radius: 34px;} .responsive-form .switch .slider.round:before{border-radius: 50%;} /**********************Edite Profile***************/ .paypal-settings-page{padding-top: 80px;} .paypal-settings-form{max-width: 400px;margin: 0 auto;min-height: 70vh;} #paypal_setinngs-form .form-title{margin-bottom: 32px;} #paypal_setinngs-form .form-title h6{font-weight: 700;font-size: 18px;line-height: 25px;letter-spacing: 0.04em;color: #000000;text-transform: none; margin-bottom: 10px;} #paypal_setinngs-form .form-title p{font-weight: 400;font-size: 12px;line-height: 20px;letter-spacing: 0.04em;color: #333333;margin-bottom: 0;} .responsive-form .form-btn{} /**********************Favorite***************/ .site-content #main-success-message{text-align: center; font-size: 12px;line-height: 15px;letter-spacing: 0.04em;padding: 5px 10px; margin-bottom: 25px;} .favorite-category-page .form-title{text-align: center; position: relative;border-bottom: 1px solid #D8DBE0;padding-top: 38px;padding-bottom: 38px;} .favorite-category-page .form-title span{position: absolute;right: 35px;top: 50%;margin: auto;font-weight: 500;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #1B1B1B;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);} .favorite-category-page .form-title h2.vc_custom_heading.page-title{margin: 0;padding: 0;font-size: 22px;} .favorite-cat-list{padding: 28px 33px;} .favorite-cat-list ul li{padding-bottom: 19px;border-bottom: 1px solid #E4E8EF;margin-bottom: 19px;} .favorite-cat-list ul li label{font-weight: 400;font-size: 16px;line-height: 25px;letter-spacing: 0.02em;color: #1B1B1B;position: relative;} .favorite-cat-list ul li input[type="checkbox"]{position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; cursor: pointer;z-index: 1;} .favorite-cat-list ul li:last-child .favorite-cat-list ul li .close {position: absolute; right: 0; top: 5px;} /**********************Favorite***************/ /**********************Message***************/ .page-template-messages #site-content .container{max-width: 100%; width: 100%;} .message_user_list ul{margin-top: 15px;} .message_left_box{background: none !important;} .message_left_box .list-group-item{border: 1px solid transparent !important; border-bottom: 1px solid #E4E8EF !important;margin-bottom: 12px;background: none;padding: 14px;} .message_left_box .list-group-item.active{background: #FFF;color: inherit;border: 1px solid #E4E8EF !important; padding: 14px !important;} /*.page-template-messages .left{width: 50% !important}*/ .message_left_box .list-group.pre-scrollable.nice-scroll.message_user_list.message_user_list_left{scrollbar-width: thin;scrollbar-color: #ccc transparent;border-radius: 13px;padding-right: 8px;padding-left: 8px;} .message_left_box .st-userimg{position: relative;} .message_left_box .st-userimg:before{position: absolute; content: "";width: 6px;height: 6px;left: -10px;top: 5px;background: #B84516;border-radius: 100%;opacity: 0; display: none;} .message_left_box .list-group-item.active .st-userimg:before{opacity: 1;} .message_left_box .list-group-item .media{position: relative;width: 72%;} .message_left_box .list-group-item .lastmessageTime{position: absolute;left: -6px;top: 0px;} .message_left_box .list-group-item .lastmessageTime .badge{width: 6px;height: 6px;background: #b84516 none repeat scroll 0 0; margin-top: 0px;} .message_left_box .st-userimg img{width: 53px;height: 53px;min-width: 53px;} .message_left_box .st-media-body h4{color: #1B1B1B;} .message_left_box .list-group-item.active .st-media-body h4{font-weight: 600;} .message_left_box p.last-message,.message_left_box p.message-time{font-weight: 400;font-size: 14px !important;line-height: 25px;letter-spacing: 0.02em;color: #7F7F7F;margin-bottom: 0;} .message_left_box p.message-time{margin-bottom: 0;font-size: 12px;} .message_left_box .message_user_list ul li a.active,.message_left_box .message_user_list ul li a:hover,.message_left_box .message_user_list ul li a.active:hover,.message_left_box .message_user_list ul li a:focus{background: none !important;border:0;min-height: inherit;} .message_left_box .profile_product{text-align: center; text-align: center;width: 20%;min-width: 70px;} .message_left_box .profile_product .image{display: block;text-align: center; } .message_left_box .profile_product .image img{width: 65px; height: 65px; display: inline-block; object-fit: cover;} .message_left_box .profile_product .mss-prise-size{justify-content: center;} .message_left_box .profile_product span.price,.message_left_box .profile_product span.size{display: inline-block; text-align: center;font-weight: 600;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;vertical-align: middle;} .message_left_box .profile_product span.size{margin-left: 10px; font-size: 14px;white-space: nowrap;width: 30px;overflow: hidden; text-overflow: ellipsis;text-align: left;} .message_last_box{margin-top: 15px;} ul#messages-list{max-height: 70vh;min-height: 70vh;} .message_list ul#messages-list li.msg-date{text-align: center;font-weight: 500;font-size: 14px;line-height: 25px;letter-spacing: 0.02em; color: #666666;} .masg-box .message_right_box .list-group-item.from_user .message_user_des .text_type{background: #B84516 !important;border: solid 1px #B84516 !important;border-radius: 50px 50px 0px 50px;/*font-weight: 500;font-size: 15px;line-height: 25px;letter-spacing: 0.02em;color: #FFFFFF;*/} .masg-box .message_right_box .list-group-item.to_user .message_user_des .text_type{background: #F4F4F4;border-radius: 50px 50px 50px 0px;border-color: #F4F4F4;} .message_right_box .message_user_des h5{text-align: right;display: block;margin: 0;float: right;width: 100%;font-weight: 500;font-size: 12px; line-height: 25px;letter-spacing: 0.02em;color: #666666;text-transform: uppercase;} .message_right_box .to_user .message_user_des h5{text-align: left; float: left;} .text_type .read-icon g{fill: #fff !important;} .type_message_box p.secure{display: block;text-align: center;width: 100%;margin-bottom: 0;font-weight: 500;font-size: 14px;line-height: 20px; letter-spacing: 0.02em;color: #333333;} .type_message_box p.secure img{display: inline-block;vertical-align: middle;margin-top: -3px;margin-right: 6px;} .message_right_box .type_message_box{padding: 10px 0;} .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #b84516 !important;} .message_right_box .comment-footer .chatbox .emoji-wysiwyg-editor{font-weight: 500;font-size: 15px;line-height: 25px;letter-spacing: 0.02em; color: #7F7F7F;} .message_right_box .mCSB_inside > .mCSB_container{margin-right: 0 !important;} .message_last_box .user-info{background: #FFFFFF;border: 1px solid #E4E8EF;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);border-radius: 6px;padding: 20px 18px; margin-bottom: 15px;} .message_last_box .user-info.top{text-align: center;padding: 28px 18px;} .message_last_box .user-info.top .image img{width: 53.6px;height: 52.5px; border-radius: 100%; display: inline-block;object-fit: cover;} .message_last_box .user-info.top .name{font-weight: 600;font-size: 16px;line-height: 25px;letter-spacing: 0.02em;color: #000000;margin-top: 8px;} .message_last_box .user-info.top .username{font-weight: 400;font-size: 13px;line-height: 25px;letter-spacing: 0.02em;color: #333333;} .message_last_box .user-info.top .rating-wrap{justify-content: center;margin-top: 6px !important;margin-bottom: 0 !important;} .user-info.bottom .heading{font-weight: 600;font-size: 15px;line-height: 25px;letter-spacing: 0.02em;color: #000000; display: block;margin-bottom: 18px;} .user-info.bottom .left .image img{width: 85px !important;height: 85px !important; object-fit:cover !important; min-width: 85px !important;} .user-info.bottom .right{padding-left: 20px;} .user-info.bottom .right .desc{font-weight: 500;font-size: 13px;line-height: 20px;letter-spacing: 0.02em;color: #7F7F7F;} .user-info.bottom .right .price{font-weight: 600;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;} .user-info.bottom .right .size{margin-left: 10px;font-size: 14px;font-weight: 600;} .mss-prise-size{display: flex;align-items: center;} /*.page-template-messages .user-info.bottom .left .image img{width:400px !important; height: 150px !important;}*/ .orders-right-box .user-item-detail-main div.item-detail .st-media-body .mss-prise-size .price{font-weight: 600;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;} .orders-right-box .user-item-detail-main div.item-detail .st-media-body .mss-prise-size .size{margin-left: 10px;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;font-weight: 600;} .user-info.bottom .under.buttons{margin-top: 27px;} .user-info.bottom .under.buttons .btn{font-weight: 700; font-size: 14px;line-height: 17px; letter-spacing: 0.04em;color: #FFFFFF !important; padding: 14px 12px;display: block;display: flex;justify-content: center;align-items: center;width: 100%;text-decoration: none;text-transform: uppercase;background: #B84516; border: 1px solid #B84516;border-radius: 0;} .user-info.bottom .under.buttons .btn.view-btn{background: none;color: #B84516 !important;margin-bottom: 15px;} .user-info.bottom .under.buttons .btn.view-btn:hover{background: #B84516;color: #fff !important;} /**********************Message***************/ /**********************Order page***************/ .orders-content.row{margin: 0;} .orders-left-box.col-md-3{padding-left: 0; padding-right: 0;background: #FAFAFA;} .orders-left-box .left-box-title{padding:14px 20px;} .orders-left-box .left-box-title h3{font-weight: 700;font-size: 16px;line-height: 25px;letter-spacing: 0.02em;color: #333333;} .ordarleft-tab{border-top: 1px solid #E4E8EF;border-bottom: 1px solid #E4E8EF;background: #FFFEFE;} .ordarleft-tab > div{padding: 0; text-align: center;} .ordarleft-tab > div a{padding: 10px; display: block;font-weight: 500;font-size: 15px;line-height: 25px;letter-spacing: 0.02em;color: #666666;float: none !important;cursor: pointer;margin-bottom: -1px;border-bottom: 1px solid #FAFAFA;} .ordarleft-tab > div.active a,.ordarleft-tab > div a:hover{color: #B84516 !important;border-bottom: 1px solid #B84516;} .ordertab-content{padding: 18px 8px 18px 8px;min-height: 600px;max-height: 700px; overflow-y:auto; overflow-x:hidden;margin-right: 0px;} .ordertab-content ul li{padding: 14px; border-bottom: 1px solid #E4E8EF;margin-bottom: 12px;} .ordertab-content ul li .st-userimg img{border: 0;} .ordertab-content ul li.active{border: 1px solid #E4E8EF; background: #fff;} .ordertab-content ul li .list-item-top .user-detail.media{width: 80%;} .ordertab-content ul li .list-item-top .product-detail{width: 30%; text-align: center;min-width: 100px;} .orders-left-box .product-detail .pro-img img{width: 65px;height: 65px; object-fit: cover;display: inline-block;} .orders-left-box .product-detail .product-price{font-weight: 600;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;text-align: center;} .orders-left-box .product-detail .product-price{display: flex;align-items: center;justify-content: center;} .orders-left-box .product-detail .product-price > span{margin-left: 5px;} .ordertab-content ul li .list-item-bottom{width: 100%; margin-top: 0px;} .ordertab-content ul li .list-item-bottom > div{font-weight: 400;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;} .orders-center-box{background: #fff;border: 1px solid #E4E8EF;border-top: 0; border-bottom: 0;} .details-of-orders{padding: 30px 15px 5px 15px;} .details-of-orders .order-detail-main .order-detailmain-top > div{padding-bottom: 25px; margin-bottom: 25px; border-bottom:1px solid #E4E8EF;} .details-of-orders .order-detail-main .order-detailmain-top > div h6{font-weight: 600;font-size: 15px;line-height: 25px;letter-spacing: 0.02em; color: #333333;margin-bottom: 3px;text-transform: none;} .details-of-orders .order-detail-main .order-detailmain-top > div.order-status h6{color: #B84516;} .details-of-orders .order-detail-main .order-detailmain-top > div p,.details-of-orders .order-detail-main .order-detailmain-top > div span{font-weight: 400;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;} .order-price-wrap > div.order-price-details{border-bottom: 1px solid #E4E8EF;margin-bottom: 24px;padding-bottom: 17px;} .order-price-wrap > div h6{font-weight: 600;font-size: 16px;line-height: 25px;letter-spacing: 0.02em;color: #000000;margin-bottom: 5px;} .order-price-wrap > div .st-media-body{padding: 0px 0;} .order-price-wrap > div .st-media-body div{font-weight: 400;font-size: 15px;line-height: 35px;letter-spacing: 0.02em;color: #333333;} .order-price-wrap .order-price-details > div div strong{font-weight: 600;} #myModalreview-model .user-detail .st-media-body h4{font-weight: 700;font-size: 21px;line-height: 25px;letter-spacing: 0.02em;color: #333333;} #myModalreview-model .user-detail .st-media-body span.stcountry{font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #7F7F7F;display: flex;align-items: center;font-weight: 500;} .revieworderswrite .checked{color: #B84516;} .rating6108 > input:checked ~ label, .rating6108:not(:checked) > label:hover, .rating6108:not(:checked) > label:hover ~ label,.rating6108 > input:checked + label:hover, .rating6108 > input:checked ~ label:hover, .rating6108 > label:hover ~ input:checked ~ label, .rating6108 > input:checked ~ label:hover ~ label{color: #B84516 !important;} .orders-center-box .list-of-link{margin: 0 -30px;margin-top: 16px;} .orders-center-box .list-of-link .link-title{padding: 0 !important; border-top: 1px solid #E4E8EF;} .orders-center-box .list-of-link .link-title a{padding: 14px 29px;font-weight: 500;font-size: 14px;line-height: 20px;letter-spacing: 0.02em;color: #B84516 !important; display: block;} .help-link .orders-center-box .list-of-link .link-title{position: relative;border-top: 0;border-bottom: 1px solid #E4E8EF;} .help-link .orders-center-box .list-of-link .link-title i.fa{top: 11px;bottom: 0;float: right !important;color: #B84516 !important;margin: 0 !important; position: absolute;right: 20px;font-size: 28px !important;font-weight: 400;} .orders-right-box{margin-top: 10px;} .orders-right-box .user-item-detail-main > div{background: #FFFFFF;border: 1px solid #E4E8EF;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);border-radius: 6px;padding: 20px 18px !important;margin-bottom: 15px;} .orders-right-box .user-item-detail-main > div.user-data .st-userimg{padding-top: 14px;padding-bottom: 10px;} .orders-right-box .user-item-detail-main > div.user-data .st-userimg img{display: inline-block; width: 63px; height: 63px; border: 0; object-fit: cover;} .orders-right-box .user-item-detail-main > div.user-data .user-full-name{font-weight: 500;font-size: 16px;line-height: 25px;letter-spacing: 0.02em;color: #000000; margin-bottom: 5px;} .orders-right-box .user-item-detail-main > div.user-data .user-email,.orders-right-box .user-item-detail-main > div.user-data .user-message a{color: #B84516 !important;font-weight: 400;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;} .orders-right-box .user-item-detail-main > div.user-data .user-message a{justify-content: center;align-items: center;} .orders-right-box .user-item-detail-main > div.user-data .user-message a img{width: 16px;height: 17px;margin-right: 7px;} .orders-right-box .user-item-detail-main > div.item-data h6{font-style: normal;font-weight: 600;font-size: 15px;line-height: 25px;letter-spacing: 0.02em;color: #000000; text-transform: none; margin-bottom: 20px;} .orders-right-box .user-item-detail-main div.item-detail{padding: 0 !important;margin-bottom: 15px;} .orders-right-box .user-item-detail-main .item-data > div.item-detail:last-child{margin-bottom: 0px;} .orders-right-box .user-item-detail-main div.item-detail .st-userimg img{width: 100%;height: 80px; border-radius: 0; border: 0;max-width: 85px;object-fit: cover;min-width: 85px;} .orders-right-box .user-item-detail-main div.item-detail .st-media-body span{font-weight: 500;font-size: 13px;line-height: 20px; letter-spacing: 0.02em;color: #7F7F7F;margin-bottom: 6px;display: block;} .orders-right-box .user-item-detail-main div.item-detail .st-media-body .item-price{font-weight: 600;font-size: 14px;line-height: 25px; letter-spacing: 0.02em;color: #333333;} .order-notfound{text-align: center; padding: 30px; font-size: 20px;text-transform: uppercase;font-weight: 600;letter-spacing: 2px;} .ordertab-content{scrollbar-width: thin;scrollbar-color: #ccc transparent;border-radius: 13px;} .ordertab-content:-webkit-scrollbar {width: 6px;border-radius: 13px;} .ordertab-content:-webkit-scrollbar-track {background: transparent;} .ordertab-content:-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 6px;border: 3px solid transparent;} /**********************Order page***************/ /**********************Upload Content page***************/ .upload-content-form{background: #FFFFFF;border: 1px solid #E4E8EF;box-sizing: border-box;max-width: 620px;margin: 0 auto; margin-top: 0px; min-height: 100vh;position: relative;margin-top: -1px;} .upload-photo-wrp{padding-top: 20px;} .upload-photo-wrp h4{font-weight: 500;font-size: 18px;line-height: 25px;letter-spacing: 0.02em;margin-bottom: 10px;} .upload-photo-wrp p{font-weight: 500;font-size: 11px;line-height: 25px;text-align: center;letter-spacing: 0.02em;color: #7F7F7F;line-height: 20px;} .upload-photo-wrp p.big-p{font-size: 14px;line-height: 26px} .upload-photo-sec{margin-top: 12px; margin-bottom: 12px;} .upload-photo-sec-inner{position: relative; max-width: 127px; margin: 0 auto;} .upload-photo-sec #file_preview{margin-top:20px;} .upload-photo-sec-inner input[type="file"]{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-width: 127px;opacity: 0;cursor: pointer;} .upload-photo-sec #content_image{background: url(images/camera-icon.png) no-repeat center; width: 125px; height: 107px; background-size: 100%;} .upload-content-form .form-for-publish,.upload-content-form .form-for-sell{padding-left: 30px; padding-right: 30px;} .upload-content-form .tag-list{margin-top: 20px;} .upload-content-form .tag-list ul li{text-align: center;background: #B84516;box-sizing: border-box;font-weight: 500;font-size: 14px;line-height: 17px;letter-spacing: 0.04em;color: #FFFFFF;padding: 8px 24px 10px 24px;cursor: pointer;margin-right: 12px;display: inline-block;position: relative;} .upload-content-form .tag-list ul li button.close{color: #fff;text-shadow: none;opacity: 1;background: none;font-size: 11px;position: absolute; right: 4px;top: 2px;} .upload-content-form .secure-box{padding: 15px 0;text-align: center;border-top: 1px solid #E4E8EF;border-bottom: 1px solid #E4E8EF;margin-top: 30px;margin-bottom: 30px;margin-left: -30px;margin-right: -30px;} .upload-content-form .secure-box img{display: inline-block;vertical-align: middle;margin-top: -3px;margin-right: 6px;} .upload-content-form .secure-box p{font-weight: 500;font-size: 14px;line-height: 20px;letter-spacing: 0.02em;color: #333333;} #file_preview{margin-top: 15px;} #file_preview ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -10px;margin-left: -10px;} #file_preview ul li{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;padding: 10px 10px;position: relative;} #file_preview ul li img{height: 125px; object-fit: cover;border: 1px solid #eaeaea;padding: 2px;width: 100%;object-position: top;} #file_preview ul li video{height: 125px !important;object-fit: cover;border: 1px solid #eaeaea;padding: 2px;width: 100% !important;object-position: top;} #file_preview ul li.file > span{position: absolute;right: 7px;font-size: 12px;background: #B84516;color: #fff;width: 23px;height: 23px;border-radius: 50px;font-weight: 700;top: 4px;cursor: pointer;line-height: 17px;padding: 3px 1px;z-index: 1;} textarea.required{color: #333333;} /**********************Upload Content page***************/ /*********************Search Page*****************/ /**********************Cart page***************/ .cart-page-title h2.vc_custom_heading.page-title{margin: 0;padding: 0;font-size: 16px;} .cart-page-title .cart-title{text-align: center;position: relative;border-bottom: 1px solid #D8DBE0;padding-top: 24px;padding-bottom: 24px;} .cart-title span{position: absolute;right: 35px;top: 50%;margin: auto;font-weight: 500;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #1B1B1B; transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);} .car-item-wrap{padding: 30px 30px 0px 30px;} .car-item-wrap .list-item-top{margin-bottom: 27px;padding-top: 30px;margin-top: 34px; border-top: 1px solid #E4E8EF;} .car-item-wrap .list-item-top .product-detail{text-align: right;} .car-item-wrap .list-item-top .product-detail .product-price{font-weight: 600;font-size: 16px;line-height: 25px;letter-spacing: 0.02em;color: #333333;} .car-item-wrap .list-item-top .product-detail .shipping-type{font-weight: 400;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;} .car-item-wrap .st-media-body .st-country{font-size: 14px;} .car-item-wrap .product-list-main{margin-bottom: 0px;} .car-item-wrap .product-list-main .product-list-item,.car-item-wrap .product-list-main .add-new-item{margin-bottom: 17px;} .car-item-wrap .product-list-item .pro-img{position: relative;} .car-item-wrap .product-list-item .pro-img img{width: 100%;height: 105px;object-fit: cover;} .car-item-wrap .product-list-item .pro-img .close{position: absolute;right: -10px;top: -10px;background: #b84516;opacity: 1;padding: 5px;border-radius: 50px;color: #fff;text-shadow: none;box-shadow: 0 3px 6px 0 rgba(255,255,255,0.5);width: 25px;text-align: center;height: 25px;} .car-item-wrap .product-list-item .product-price{display: flex;} .car-item-wrap .product-list-item .product-price .amount,.car-item-wrap .product-list-item .product-price .qty{font-weight: 600;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;} .car-item-wrap .product-list-item .product-price .qty{margin-left: auto;} .car-item-wrap .add-new-item-inner{height: calc(100% - 77px);text-align: center;align-items: center;display: flex;background: #FFFFFF;border: 1px dashed #999898;justify-content: center;padding: 10px;min-height: 104px;} .car-item-wrap .add-new-item-inner a{font-size: 12px;line-height: 15px;text-align: center;letter-spacing: 0.02em;color: #7F7F7F !important;display: block;text-align: center;} .car-item-wrap .add-new-item-inner .puls-icon{display: block;font-size: 36px;line-height: 25px;} .car-item-wrap .cart-order-btn{margin-bottom: 18px;} .car-item-wrap .cart-order-btn a{display: inline-block;width: auto;min-width: 232px;text-align: center;} .car-item-wrap .cart-order-btn a.bg-none{background: none; border: 2px solid #B84516;color: #B84516 !important;} .car-item-wrap .secure-box{padding: 15px 0;text-align: center;border-top: 1px solid #E4E8EF;border-bottom: 1px solid #E4E8EF;margin-top: 30px; margin-left: -30px;margin-right: -30px;} .car-item-wrap .secure-box p {font-weight: 500;font-size: 14px;line-height: 20px;letter-spacing: 0.02em;color: #333333;} .car-item-wrap .secure-box img {display: inline-block;vertical-align: middle;margin-top: -3px;margin-right: 6px;} .car-item-wrap .purchase-box{text-align: center;} .car-item-wrap .purchase-box a{font-weight: 500;font-size: 14px;line-height: 20px;letter-spacing: 0.02em;color: #B84516 !important;display: block;padding: 15px;} .car-item-wrap > .list-item-top:first-child{border: 0; padding-top: 0; margin-top: 0;} .wc-success p.text-success{margin: 0;padding: 15px; font-size: 16px; font-weight: 500;} /**********************Cart page***************/ /**********************Chckout page***************/ .checkout.woocommerce-checkout{padding-top: 23px;max-width: 620px;margin: 0 auto;border: 1px solid #E4E8EF;border-top: 0; border-bottom: 0;background: #fff;} .checkout.woocommerce-checkout .woocommerce-billing-fields > div{padding-left: 110px;padding-right: 110px;background: #fff;} .checkout.woocommerce-checkout h3{font-weight: 700;font-size: 16px;line-height: 25px;letter-spacing: 0.02em;color: #333333; text-align: center;padding-bottom: 23px;border-bottom: 1px solid #E4E8EF;margin-bottom: 35px;} .woocommerce form .form-row{width: 100%;padding: 0;margin-bottom: 25px;} .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;width: 100%;padding: 0;} .woocommerce form .form-row label{width: 100%; display: none;} .woocommerce form .woocommerce-input-wrapper{width: 100%;} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{height: 44px !important;background: #FFFFFF;border: 1px solid #D8DBE0;box-sizing: border-box;font-weight: 400;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;padding: 5px 18px; border-radius: 0;} .woocommerce form .form-row textarea {height: 220px !important; } .woocommerce form .form-row textarea::-webkit-input-placeholder { color: #333;opacity: 1; } .woocommerce form .form-row textarea:-moz-placeholder { /* Firefox 18- */ color: #333; opacity: 1; } .woocommerce form .form-row textarea::-moz-placeholder { /* Firefox 19+ */ color: #333; opacity: 1; } .woocommerce form .form-row textarea:-ms-input-placeholder { color: #333; opacity: 1; } .woocommerce form .form-row textarea:focus{box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);} .woocommerce form .select2-container--default .select2-selection--single{height: 39px !important;background: #FFFFFF;border: 1px solid #D8DBE0;box-sizing: border-box;font-weight: 400;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;padding: 5px 18px; border-radius: 0;padding:0 10px !important;} .woocommerce form .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 39px;padding: 0;} .woocommerce form .form-row .form-control.country-box .select2-container{} .woocommerce form .form-control.country-box .select2-container--default .select2-selection--single .select2-selection__arrow{display: block;} .woocommerce form .form-control.country-box .select2-container--default .select2-selection--single{margin-bottom: 0;} .woocommerce form .select2-container--default .select2-selection--single .select2-selection__arrow{height: 44px;} .checkout.woocommerce-checkout h3#order_review_heading{margin-top: 25px;} .checkout.woocommerce-checkout .woocommerce-billing-fields > div .col-md-12{padding-left: 0; padding-right: 0;} .select2-dropdown{border: 1px solid #D8DBE0;} .woocommerce td.product-name dl.variation{display: none;} .woocommerce table.shop_table td.product-name img{display: inline-block;margin-right: 15px; border-radius: 100%; width: 80px; height: 80px; object-fit: cover;/*float: left;*/} .woocommerce table.shop_table td.product-name{font-size: 16px;color: #222;} .woocommerce-checkout #payment ul.payment_methods li label{display: inline-block;} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{font-weight: 700;font-size: 14px;line-height: 17px;letter-spacing: 0.04em;color: #FFFFFF !important;padding: 14px 12px;display: flex;justify-content: center;align-items: center;width: 100%;text-decoration: none;text-transform: uppercase;background: #B84516;} .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{background-color: #B84516; opacity: 0.9;} .woocommerce-privacy-policy-text p{font-size: 16px;} /**********************Chckout page***************/ /**********************Congratulations page***************/ .woocommerce-congratulations{background: #FFFFFF;border-left: 1px solid #E4E8EF;border-right: 1px solid #E4E8EF;max-width: 620px; margin: 0 auto;} .thy-page-title{padding-top: 32px;padding-bottom: 32px;border-bottom: 1px solid #E4E8EF;} .thy-page-title h3{font-weight: 600;font-size: 18px;line-height: 25px;letter-spacing: 0.02em;color: #B84516;} .thy-page-title span{font-weight: 500;font-size: 15px;line-height: 25px;letter-spacing: 0.02em;color: #000000;} .cong-box{padding: 26px 30px 0px 30px;} .cong-box .order-status{border-bottom: 1px solid #E4E8EF;margin-bottom: 24px;padding-bottom: 27px;} .cong-box .order-status .st-media-body h6{font-weight: 500;font-size: 15px;line-height: 25px;letter-spacing: 0.02em;color: #000000;text-transform: none;margin: 0 0 8px 0;} .cong-box .order-status .st-media-body p{font-weight: 500;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #7F7F7F;margin-bottom: 0;} .cong-message-box label{font-weight: 500;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;} .cong-message-text{position: relative;} .cong-message-text input[type="text"]{height: 44px !important;background: #FFFFFF;border: 1px solid #D8DBE0;box-sizing: border-box;font-weight: 400;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;padding: 5px 18px;border-radius: 0;} .cong-message-text a.send_message{position: absolute;top: 0;bottom: 0;margin: auto;right: 15px;height: 17px;} .textbox-btn{margin-top: 23px;} .textbox-btn a.orange-btn{padding: 12px 34px;font-weight: 600;font-size: 14px;line-height: 17px;letter-spacing: 0.04em;color: #FFFFFF; border-radius: 0;display: inline-block;text-transform: uppercase;} .cong-box .list-of-link{margin: 0 -30px;margin-top: 0px;margin-top: 24px;} .cong-box .list-of-link .link-title {padding: 0 !important;border-top: 1px solid #E4E8EF;} .cong-box .list-of-link .link-title a{padding: 14px 29px;font-weight: 500;font-size: 14px;line-height: 20px;letter-spacing: 0.02em;color: #B84516 !important;display: block;} /**********************Congratulations page***************/ /**********************footer***************/ #site-footer{padding: 16px 0;margin: 0; border-top: 1px solid #E4E8EF !important;} #site-footer .widget_nav_menu li{display: inline-block; list-style-type: none;line-height: 1; vertical-align: middle; margin: 0;} #site-footer .ft-left .widget_nav_menu li a{font-weight: 600;font-size: 12px;line-height: 25px;letter-spacing: 0.04em;color: #000000; text-decoration: none; padding-right: 20px;} #site-footer .ft-right .widget-content{text-align: right;} #site-footer .ft-right .ft-icon{margin: 0; text-align: right;display: inline-block; vertical-align: middle;} #site-footer .ft-right .ft-icon li{display: inline-block; list-style-type: none;vertical-align: middle;margin: 0 0 0 12px;} #site-footer .ft-right .ft-icon.ft-social li a{padding: 9px;background: #FFFFFF;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);border-radius: 8px;display: block;} /**********************footer***************/ /**********************background***************/ body.custom-background.page-id-441,body.custom-background.page-template-orders,body.custom-background.page-template-cart-mini,body.custom-background.woocommerce-page,body.custom-background.page-template-favorite-category,body.custom-background.page-template-paypal-settings,body.custom-background.page-template-edit-profile,/*body.custom-background.page-id-443,*/body.custom-background.page-template-messages{background: #FAFAFA;} .sales_protection-text{margin-bottom: 18px;font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #333333;} body.page-id-443 p{ line-height: 0 !important; margin: 0 !important; } .sales_protection-text{padding: 14px 29px;border-top: 1px solid #E4E8EF;border-bottom: 1px solid #E4E8EF;} .sales_protection-text ul{margin: 0 0 0 16px;} .sales_protection-text ul li{position: relative;padding-left: 23px;margin: 0;font-weight: 400;font-size: 14px;line-height: 20px;letter-spacing: 0.02em; color: #333333;} .sales_protection-text ul li::before {content: "";background: url(images/li-icon.png) no-repeat center center;width: 13px;height: 9px;display: inline-block; left: 0; top: 5px;position: absolute;} /**********************background***************/ ::placeholder { color: #333; opacity: 1; } :-ms-input-placeholder { color: #333; } ::-ms-input-placeholder { color: #333; } .head-search .wp-block-search .wp-block-search__input::placeholder {color: #979797;} .head-search .wp-block-search .wp-block-search__input:-ms-input-placeholder {color: #979797;} .head-search .wp-block-search .wp-block-search__input::-ms-input-placeholder {color: #979797;} /**********************Contact page***************/ .contact-form{max-width: 400px;margin: 0 auto;} .contact-form .form-col{margin-bottom: 17px;} .contact-form .form-col input.wpcf7-form-control,.contact-form .form-col textarea.wpcf7-form-control{height: 44px !important;background: #FFFFFF;border: 1px solid #D8DBE0;box-sizing: border-box;font-weight: 400;font-size: 14px;line-height: 25px;letter-spacing: 0.02em;color: #333333;padding: 5px 18px;border-radius: 0;} .contact-form .form-col textarea.wpcf7-form-control{height: 85px !important;} .contact-form .form-col.submit-btn input.wpcf7-form-control{font-weight: 700;font-size: 14px;line-height: 17px;letter-spacing: 0.04em; color: #FFFFFF !important;padding: 14px 12px;display: block;display: flex;justify-content: center;align-items: center;width: 100%;text-decoration: none;text-transform: uppercase;background: #B84516;height: auto !important;} .contact-form .form-col.submit-btn input.wpcf7-form-control:hover{opacity: 0.8;} /**********************Contact page***************/ .return-to-shop a.button.wc-backward{font-weight: 700;font-size: 14px;line-height: 17px;letter-spacing: 0.04em;color: #FFFFFF !important;padding: 14px 12px;display: block;display: flex;justify-content: center;align-items: center;width: 100%;text-decoration: none;text-transform: uppercase;background: #B84516;} .woocommerce-info {border-top-color: #b84516;} .woocommerce-info::before {color: #b84516;} .woocommerce-error, .woocommerce-info, .woocommerce-message{color: #333;font-size: 15px;margin-top: 15px;} .story_nessun_div .homestory-wrap{padding: 18px 18px 18px 18px;border: 1px solid #D8DBE0;background: #FFFFFF;margin-top: 0;} .story_nessun_div .no_post{font-size: 16px;line-height: 30px;} .story_nessun_div .no_post p img{display: inline;max-width: 22px;} /*.story_nessun_div .home-story-right-box > h3{font-size: 16px;}*/ .home-storypage.story_nessun_div{min-height: 70vh;} .story_nessun_div .home-story-right-box p{color: #333; margin-bottom: 0;font-weight: 600;font-size: 16px;} /*.woocommerce-terms-and-conditions-wrapper{display: none;}*/ /**********************Responsive***************/ @media screen and (min-width: 1800px) { /**Search Page**/ .popu-cont-row .popu-cont-list.disabled-post .popu-cont-img a:before{z-index: 2;position: absolute; content: ""; background: rgba(0,0,0,0.4); top: 0; bottom: 0; left: 0; right: 0;} ul#messages-list{max-height: 75vh;min-height: 75vh;} } @media screen and (max-width: 1370px) { .popu-cont-row .popu-cont-list.disabled-post .popu-cont-img a:before{z-index: 2; position: absolute; content: ""; background: rgba(0,0,0,0.4); top: 0; bottom: 0; left: 0; right: 0;} .profile-nav{left: auto; right: 0;} ul#messages-list{max-height: 63vh;min-height: 63vh;} .message_left_box .profile_product span.price, .message_left_box .profile_product span.size,.message_left_box .profile_product span.size{font-size: 12px;} .orders-left-box .product-detail .product-price{font-size: 12px;} .message_left_box .st-media-body {padding-left: 10px;} .message_left_box .st-media-body h4{white-space: normal;} } @media screen and (max-width: 1199px) { .popu-cont-row .popu-cont-list.disabled-post .popu-cont-img a:before{z-index: 2; position: absolute; content: ""; background: rgba(0,0,0,0.4); top: 0; bottom: 0; left: 0; right: 0;} .main-menu .primary-menu > li > a{padding: 12px 5px;} .menu-wrapper .menu-item{border-left: 0;} .message_left_box .list-group-item{padding: 5px 5px;} .search_filters .search_filter_box .search-field-data{width: 300px;} } @media screen and (max-width: 999px) { .hidden-post.home_page_hide_product{font-size: 28px;} .popu-cont-row .popu-cont-list.disabled-post .popu-cont-img a:before{z-index: 2; position: absolute; content: ""; background: rgba(0,0,0,0.4); top: 0; bottom: 0; left: 0; right: 0;} .header-right .after-login ul li{margin-left: 10px;} .toggle.close-nav-toggle{display: none;} .menu-modal.show-modal{top: 65px;} .menu-wrapper{width: 100%;} .toggle-text{display: none;} .header-right .after-login .profile-nav ul li{margin-left: 0;} .header-right .profile-nav ul li a{padding: 8px 15px;} .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a,.modal-menu a{padding: 12px 20px;font-weight: 600;font-size: 12px;line-height: 25px;letter-spacing: 0.04em;color: #000000 !important; text-decoration: none !important;} .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle{padding: 0 2rem;} .modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle svg{height: 1.1rem;width: 1.0rem;} #site-header .header-top .container{padding-bottom: 60px;position: relative;} .header-middle.col-md-5{position: absolute;bottom: 0px;left: 0;right: 0;margin: auto;width: 100%;max-width: 540px;} .head-search form.wp-block-search{width: 100%;max-width: 100%;} .col-sm-3.main-logo{-webkit-box-flex: 0;-ms-flex: 0 0 35%;flex: 0 0 35%;max-width: 35%;} .col-sm-5.header-right{-webkit-box-flex: 0;-ms-flex: 0 0 65%;flex: 0 0 65%;max-width: 65%;padding-right: 60px;} #site-header .menu-toggle{position: absolute; right: 0px;top: 5px;left: auto;width: auto;} #site-header .menu-toggle button.nav-toggle.mobile-nav-toggle{position: static;padding: 0; width: auto;} .header-right .login-btn ul li a{padding: 6px 10px;} .home-banner .wpb_single_image.vc_align_right{text-align: center !important; margin-top: 20px;} .home-banner.vc_row .banner-btn .wpb_wrapper a{margin-right: 10px;} .home-banner a.orange-btn{ padding: 10px 10px;} .popu-catlist .catlist-img img{height: 180px;} .popu-catlist h3{font-size: 14px;} #site-footer .ft-right .ft-icon li{margin: 0 0 0 5px;} #site-footer .ft-right .ft-icon li img {max-width: 100px;} #site-footer .ft-right .ft-icon.ft-social li a {padding: 7px;} #site-footer .ft-right .ft-icon.ft-social li a img{max-width: 15px;} .page-template-login-page #site-header .header-top .container{padding-bottom: 0;} .page-template-login-page .menu-modal.show-modal{top: 57px;} .search_filters .search_filter_box .search-field-data{width: 300px;} .price-filter .price-box > .price-box-inner { /*width: 45%;*/ } } @media screen and (max-width: 768px) { .popu-cont-row .popu-cont-list.disabled-post .popu-cont-img a:before{z-index: 2; position: absolute; content: ""; background: rgba(0,0,0,0.4); top: 0; bottom: 0; left: 0; right: 0;} .vc_custom_heading.section-title{font-size: 16px;line-height: 1;} .popu-row .popu-catlist{width: 50%;} .popu-cont-row .popu-cont-list{-webkit-box-flex: 0;-ms-flex: 0 0 33.33%;flex: 0 0 33.33%;max-width: 33.33%;} .widget_nav_menu .widget-content > div > ul#menu-footer-menu{ text-align: center; margin-bottom: 15px; } #site-footer .ft-left .widget_nav_menu li a{padding-right: 5px;padding-left: 10px;} #site-footer .ft-right .widget-content{text-align: center;} #site-footer .ft-right .ft-icon li{margin: 0 2px 0 5px;} .homecat-slider.vc_row{padding-top: 30px !important;} .home-banner.vc_row{padding-top: 25px !important;padding-bottom: 25px !important;} .loginpage,.signupform{padding-top: 30px;padding-bottom: 30px;} .signup-imgleft{display: none;} .responsive-form .form-row a.forg-pass{margin-bottom: 10px;} .login-wrap.signup-right > .px-5{padding-left: 15px !important;padding-right: 15px !important;} .login-wrap.signup-right{padding-bottom: 0;} .content-detailpage .col-md-6.contdetail-left,.content-detailpage .col-md-6.contdetail-right{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .content-detailpage .col-md-6.contdetail-right{padding-top: 30px;} .pro-content-btm-sec .nav-tab ul li{margin-right: 10px;} .pro-content-btm-sec .nav-tab ul li a{font-size: 12px;} .message_user_list ul li{width: 40% !important;min-width: 295px;} .message_user_list .st-media-body { padding-left: 6px;text-align: left;} .message_left_box .list-group-item{min-height: 105px;} .message_right_box .comment-footer .chatbox .emoji-wysiwyg-editor{min-height: 60px;} } @media screen and (max-width: 650px) { .popu-cont-row .popu-cont-list.disabled-post .popu-cont-img a:before{z-index: 2; position: absolute; content: ""; background: rgba(0,0,0,0.4); top: 0; bottom: 0; left: 0; right: 0;} .homecat-slider .owl-carousel .owl-nav .owl-prev{left: 0px;} .homecat-slider .owl-carousel .owl-nav .owl-next{right: 0px;} .header-right .login-btn ul li{margin-left: 0px;} .header-right .after-login ul li{margin-left: 10px;} .header-right .login-btn ul li a{font-size: 12px;padding: 6px 8px;} .home-banner.vc_row .banner-btn .wpb_wrapper a{margin-right: 5px;} .home-banner.vc_row .banner-btn .wpb_wrapper a:last-child{margin-right: 0;} .home-banner.vc_row .banner-btn .wpb_wrapper a img {max-width: 88px;} .home-banner a.orange-btn{padding: 6px 7px;font-size: 11px;} .popu-cont-row .popu-cont-list{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} .login-title h2{font-size: 16px;} .responsive-form .form-btn{padding: 12px 12px;font-size: 12px;} .signup-topbar{margin-bottom: 35px;} .like-body-tab ul li{margin: 0;} .pro-content-follow ul li {margin-right: 10px;} .pro-cont-userdet-left ul li{font-size: 12px;} .checkout.woocommerce-checkout .woocommerce-billing-fields > div{padding-left: 20px;padding-right: 20px;} .search_filters .search_filters_row{position: relative;} .search_filters .search_filter_box{position: static;} .search_filters .search_filter_box{margin-right: 8px;} .search_filters .search_filter_box .search-field-data{width: 300px;} .price-filter .price-box > .price-box-inner { /*width: 45%;*/ } } @media screen and (max-width: 765px) { .popu-cont-row .popu-cont-list.disabled-post .popu-cont-img a:before{z-index: 2; position: absolute; content: ""; background: rgba(0,0,0,0.4); top: 0; bottom: 0; left: 0; right: 0;} .popu-row .popu-catlist{width: 100%; padding: 0;} .header-right .after-login ul li{margin-left: 10px;} .header-right .after-login ul li:first-child{margin-left: 0;} .col-sm-5.header-right{padding-left: 0;} .col-sm-5.header-right{padding-right: 55px;} #site-header .menu-toggle button.nav-toggle.mobile-nav-toggle{padding: 0;width: auto;} #site-header .menu-toggle{right:15px;} .responsive-form .form-row .digit-group input{width: 20%;} .header-right .after-login ul li span.not-count{top: -6px;right: -1px;width: 17px;height: 17px;font-size: 8px;} .modal-body { padding: 35px 20px 0px 20px; } #show-report-user-model .modal-footer,#reportbyproblem .modal-footer{padding: 42px 20px 60px 20px;} .modal-footer a.btn{min-width: 45%;padding: 14px 5px;} #file_preview ul li{-webkit-box-flex: 0;-ms-flex: 0 0 33.33%;flex: 0 0 33.33%;max-width: 33.33%;} } @media screen and (max-width: 575px) { .search-result .popu-cont-list .popu-cont-img img{height: 44.9vw;} } @media screen and (max-width: 360px) { .popu-cont-row .popu-cont-list.disabled-post .popu-cont-img a:before{z-index: 2; position: absolute; content: ""; background: rgba(0,0,0,0.4); top: 0; bottom: 0; left: 0; right: 0;} .popu-cont-row .popu-cont-list{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-bottom: 10px;} .popu-cont-list .popu-cont-img img{height: auto;} .popu-row .popu-catlist{width: 100%;margin-bottom: 10px;} .popu-catlist .catlist-img img{height: auto;} #site-footer .ft-left .widget_nav_menu li a{padding-right: 2px;padding-left: 5px;} #site-footer .ft-right .ft-icon li {margin: 0 0px 0 2px;} .header-right .after-login ul li a img{max-height: 20px;} .header-right .after-login ul li.profile-icon img{width: 20px;} .header-right .after-login ul li span.cart-count{top: 8px;} .pro-content-follow ul li span{font-size: 12px;} } h4.stusertitle { text-align: left; } span.stcountry { position: relative; right: 0 !important; } .stars input { position: absolute; left: -999999px; } .stars a { display: inline-block; font-size: 0; text-decoration: none; } .stars a:before { position: relative; font-size: 18px; font-family: 'FontAwesome', serif; display: block; content: "\f005"; color: #9e9e9e; } .stars a:hover:before, .stars a:hover ~ a:before, .stars a.active:before, .stars a.active ~ a:before { color: blue; } .reviewbutn { text-align: center; } p.review_error { color: #048f31; } button#reviewcse { display: none; } .modal-dialog.modal-dialog-centered { max-width: 960px !important; } button#reviewbutton { padding: 13px 51px; border: none; font-size: 14px; margin: 24px; background: #B84516; } #zuck-modal .storybody-btn{ z-index: 9999; } .mark-read{ cursor: pointer; } .like-body-inner > .likelist.purchased{ margin-bottom: 0; border: 0; } .homecat-slider .owl-item.selected{ background: #b84516; } .homecat-slider .owl-item.selected .item, #tag_top_bar .owl-item.selected .item{ color:#fff !important; } /*Reset Password*/ /*#post-27 #peepso-wrap{ margin-bottom:100px !important; }*/ #peepso-wrap #recoverpasswordform p{ color: green !important; margin: 100px !important; } .post-28 input::placeholder { color: #979797; } .post-28 .error-message{ margin: 10px; font-size: 12px; font-weight: 400; color: red; } .woocommerce-privacy-policy-text p{ display: none !important; } .woocommerce-checkout #payment{ background: #fff !important; } .woocommerce-checkout #payment ul.payment_methods{ border-bottom: none !important; } /*Deleted User Popup*/ .single-product #deleteduser { z-index: 9999 !important; } .page-template-profile-page #deleteduser { z-index: 9999 !important; } .page-template-template-home #deleteduser { z-index: 9999 !important; } /*Deleted User Popup*/ .page-template-template-home .row.popu-row{margin: 0 -10px; width: auto !important;} #usercomment .story_main_img { width: 100% !important; } .mk_loading { position: relative; } .mk_loading:after { content: ''; position: absolute; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-transition: all .25s ease; transition: all .25s ease; -webkit-transition-delay: 1s; transition-delay: 1s; background: #ff00ae; background: linear-gradient(45deg, #c7c7c7 0%, #ededed 50%, #c7c7c7 100%); background-size: 200% 200%; background-position: left bottom; -webkit-animation-name: animateGradient; animation-name: animateGradient; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @keyframes animateGradient { 0% { background-position: left bottom; } 50% { background-position: right top; } 100% { background-position: left bottom; } } .mk_loading img { position: relative; z-index: 1; } .mk_loading span { width: 100%; display: inline-block; background-color: #fff; position: relative; z-index: 1; } .chatbox .emoji-menu{ bottom: 100%; } .content_loader .popu-cont-list-inner .pro-price { padding: 0; margin-top: 10px; } .content_loader .hm_str_topcat ul li a, .content_loader .section-title, .content_loader .popu-cont-list-inner .pro-price, .content_loader .st-userimg, .content_loader .storytop-right span a.follow-user, .content_loader .st-media-body .st-usertitle a, .content_loader .st-media-body .st-country .user_img, .content_loader .st-media-body .st-country .user_subtile, .content_loader .story-des p, .content_loader .detailtime .comment-meta, .content_loader .detail-icon ul li a, .content_loader .comment-user span, .content_loader .customization_size, .content_loader .contdet-price .price, .content_loader .detail-secure .secure-text, .content_loader .buynow-btn .product_type_simple { position: relative; } .content_loader .hm_str_topcat ul li a::after, .content_loader .section-title::after, .content_loader .popu-cont-list-inner .pro-price::after, .content_loader .st-userimg::after, .content_loader .storytop-right span a.follow-user::after, .content_loader .st-media-body .st-usertitle a::after, .content_loader .st-media-body .st-country .user_img::after, .content_loader .st-media-body .st-country .user_subtile::after, .content_loader .story-des p::after, .content_loader .detailtime .comment-meta::after, .content_loader .detail-icon ul li a::after, .content_loader .comment-user span::after, .content_loader .customization_size::after, .content_loader .contdet-price .price::after, .content_loader .detail-secure .secure-text::after, .content_loader .buynow-btn .product_type_simple::after { content: ''; position: absolute; top: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: all .25s ease; transition: all .25s ease; -webkit-transition-delay: 1s; transition-delay: 1s; background: #ff00ae; background: linear-gradient(45deg, #c7c7c7 0%, #ededed 50%, #c7c7c7 100%); background-size: 200% 200%; background-position: left bottom; -webkit-animation-name: animateGradient; animation-name: animateGradient; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; top: 0; left: 0; } .content_loader .mk_loading::after { z-index: 1; } .content_loader .section-title::after, .content_loader .popu-cont-list-inner .pro-price::after { width: 40%; } .content_loader .st-userimg::after, .content_loader .st-media-body .st-country .user_img:after, .content_loader .comment-user span::after, .content_loader .customization_size::after { border-radius: 100%; } .content_loader .st-userimg img { border: none; } .content_loader .st-media-body .st-country { gap: 10px; } .content_loader .st-media-body .st-country .user_img:after { width: 28px; height: 28px; } .home-story-slider .stories.carousel .story{ width: 18vw !important; } .mk_loading span.hidden-post { background-color: transparent; } .comment-user > span { z-index: 1 !important; } .shimmer_radius:after { border-radius: 100%; } .shimmer { position: relative; overflow: hidden; display: block; margin-top: 5px; margin-right: 5px; } .shimmer::after { content: ''; position: absolute; top: 0; width: 100%; height: 100%; -webkit-transition: all .25s ease; transition: all .25s ease; -webkit-transition-delay: 1s; transition-delay: 1s; background: #ff00ae; background: linear-gradient(45deg, #c7c7c7 0%, #ededed 50%, #c7c7c7 100%); background-size: 200% 200%; background-position: left bottom; -webkit-animation-name: animateGradient; animation-name: animateGradient; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; top: 0; left: 0; } .main-menu .header-navigation-wrapper.shimmer:after { background: #f6f7f8; z-index: 99; animation: none; left: 0; content: ''; position: absolute; top: 0; width: 100%; height: 100%; -webkit-transition: all .25s ease; transition: all .25s ease; -webkit-transition-delay: 1s; transition-delay: 1s; background: #ff00ae; background: linear-gradient(45deg, #c7c7c7 0%, #ededed 50%, #c7c7c7 100%); background-size: 200% 200%; background-position: left bottom; -webkit-animation-name: animateGradient; animation-name: animateGradient; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; top: 0; left: 0; } .cat-head.shimmer::after { width: 40% !important; } .shimmer_img .home-story-right-box .st-userimg a { width: 45px; height: 45px; display: inline-block; position: relative; } .responsive-form .form-btn:disabled { background: #ccc !important; }