.wp-block-uagb-advanced-heading h1,.wp-block-uagb-advanced-heading h2,.wp-block-uagb-advanced-heading h3,.wp-block-uagb-advanced-heading h4,.wp-block-uagb-advanced-heading h5,.wp-block-uagb-advanced-heading h6,.wp-block-uagb-advanced-heading p,.wp-block-uagb-advanced-heading div{word-break:break-word}.wp-block-uagb-advanced-heading .uagb-heading-text{margin:0}.wp-block-uagb-advanced-heading .uagb-desc-text{margin:0}.wp-block-uagb-advanced-heading .uagb-separator{font-size:0;border-top-style:solid;display:inline-block;margin:0 0 10px 0}.wp-block-uagb-advanced-heading .uagb-highlight{color:#f78a0c;border:0;transition:all .3s ease}.uag-highlight-toolbar{border-left:0;border-top:0;border-bottom:0;border-radius:0;border-right-color:#1e1e1e}.uag-highlight-toolbar .components-button{border-radius:0;outline:none}.uag-highlight-toolbar .components-button.is-primary{color:#fff}.wp-block-uagb-separator{text-align:center;box-sizing:border-box;line-height:0}.wp-block-uagb-separator__inner{display:inline-block}.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{border-top-style:solid;-webkit-mask:var(--my-background-image);-webkit-mask-size:38px 100%;-webkit-mask-repeat:repeat-x}.wp-block-uagb-separator--text .wp-block-uagb-separator__inner,.wp-block-uagb-separator--icon .wp-block-uagb-separator__inner{display:flex;justify-content:center;align-items:center;margin:0 auto}.wp-block-uagb-separator--text .wp-block-uagb-separator__inner::before,.wp-block-uagb-separator--icon .wp-block-uagb-separator__inner::before{display:block;content:"";border-bottom:0;flex-grow:1;border-top-color:#333;border-top-style:solid;-webkit-mask:var(--my-background-image);-webkit-mask-size:38px 100%;-webkit-mask-repeat:repeat-x}.wp-block-uagb-separator--text .wp-block-uagb-separator__inner::after,.wp-block-uagb-separator--icon .wp-block-uagb-separator__inner::after{display:block;content:"";border-bottom:0;flex-grow:1;border-top-color:#333;border-top-style:solid;-webkit-mask:var(--my-background-image);-webkit-mask-size:38px 100%;-webkit-mask-repeat:repeat-x}.wp-block-uagb-separator--icon .wp-block-uagb-separator-element svg{font-size:30px;color:#333;fill:#333;width:30px;height:30px;line-height:30px;max-width:none}.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{word-break:initial;margin:0}.wp-block-uagb-advanced-heading.uagb-block-247018f7.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-247018f7.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-247018f7.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-247018f7.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.uagb-block-764628b5.wp-block-uagb-separator{text-align: center;}.uagb-block-764628b5.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;line-height: 1em;}.uagb-block-764628b5.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;border-top-width: 3px;width: 100%;border-top-color: #c0c0c0;border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}.wp-block-uagb-advanced-heading.uagb-block-362f6506.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-362f6506.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-362f6506.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-362f6506.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}@media only screen and (max-width: 976px) {.uagb-block-764628b5.wp-block-uagb-separator{text-align: center;}.uagb-block-764628b5.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;margin-bottom: initial;line-height: 1em;}.uagb-block-764628b5.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;width: 100%;border-top-color: #c0c0c0;border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}}@media only screen and (max-width: 767px) {.uagb-block-764628b5.wp-block-uagb-separator{text-align: center;}.uagb-block-764628b5.wp-block-uagb-separator--text .wp-block-uagb-separator-element .uagb-html-tag{font-style: normal;margin-bottom: initial;line-height: 1em;}.uagb-block-764628b5.wp-block-uagb-separator:not(.wp-block-uagb-separator--text):not(.wp-block-uagb-separator--icon) .wp-block-uagb-separator__inner{-webkit-mask-size: 5px 100%;width: 100%;border-top-color: #c0c0c0;border-top-style: solid;margin-top: 5px;margin-bottom: 5px;}}.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media(max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media(max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}} /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */.wp-embed-responsive .wp-block {outline: 0;}@font-face{font-family:'FontAwesome';src:url(/wp-content/plugins/woolentor-addons/assets/css/../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(/wp-content/plugins/woolentor-addons/assets/css/../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} @font-face { font-family: 'simple-line-icons'; src: url(/wp-content/plugins/woolentor-addons/assets/css/../fonts/Simple-Line-Icons.woff2?v=2.4.0) format('woff2'), url(/wp-content/plugins/woolentor-addons/assets/css/../fonts/Simple-Line-Icons.woff?v=2.4.0) format('woff'); font-weight: normal; font-style: normal; } .wp-embed-responsive .wp-block { outline: 0; } /* Use the following CSS code if you want to have a class per icon. Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector, but it's slower: */ .sli { font-family: 'simple-line-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sli-user:before { content: "\e005"; } .sli-people:before { content: "\e001"; } .sli-user-female:before { content: "\e000"; } .sli-user-follow:before { content: "\e002"; } .sli-user-following:before { content: "\e003"; } .sli-user-unfollow:before { content: "\e004"; } .sli-login:before { content: "\e066"; } .sli-logout:before { content: "\e065"; } .sli-emotsmile:before { content: "\e021"; } .sli-phone:before { content: "\e600"; } .sli-call-end:before { content: "\e048"; } .sli-call-in:before { content: "\e047"; } .sli-call-out:before { content: "\e046"; } .sli-map:before { content: "\e033"; } .sli-location-pin:before { content: "\e096"; } .sli-direction:before { content: "\e042"; } .sli-directions:before { content: "\e041"; } .sli-compass:before { content: "\e045"; } .sli-layers:before { content: "\e034"; } .sli-menu:before { content: "\e601"; } .sli-list:before { content: "\e067"; } .sli-options-vertical:before { content: "\e602"; } .sli-options:before { content: "\e603"; } .sli-arrow-down:before { content: "\e604"; } .sli-arrow-left:before { content: "\e605"; } .sli-arrow-right:before { content: "\e606"; } .sli-arrow-up:before { content: "\e607"; } .sli-arrow-up-circle:before { content: "\e078"; } .sli-arrow-left-circle:before { content: "\e07a"; } .sli-arrow-right-circle:before { content: "\e079"; } .sli-arrow-down-circle:before { content: "\e07b"; } .sli-check:before { content: "\e080"; } .sli-clock:before { content: "\e081"; } .sli-plus:before { content: "\e095"; } .sli-minus:before { content: "\e615"; } .sli-close:before { content: "\e082"; } .sli-event:before { content: "\e619"; } .sli-exclamation:before { content: "\e617"; } .sli-organization:before { content: "\e616"; } .sli-trophy:before { content: "\e006"; } .sli-screen-smartphone:before { content: "\e010"; } .sli-screen-desktop:before { content: "\e011"; } .sli-plane:before { content: "\e012"; } .sli-notebook:before { content: "\e013"; } .sli-mustache:before { content: "\e014"; } .sli-mouse:before { content: "\e015"; } .sli-magnet:before { content: "\e016"; } .sli-energy:before { content: "\e020"; } .sli-disc:before { content: "\e022"; } .sli-cursor:before { content: "\e06e"; } .sli-cursor-move:before { content: "\e023"; } .sli-crop:before { content: "\e024"; } .sli-chemistry:before { content: "\e026"; } .sli-speedometer:before { content: "\e007"; } .sli-shield:before { content: "\e00e"; } .sli-screen-tablet:before { content: "\e00f"; } .sli-magic-wand:before { content: "\e017"; } .sli-hourglass:before { content: "\e018"; } .sli-graduation:before { content: "\e019"; } .sli-ghost:before { content: "\e01a"; } .sli-game-controller:before { content: "\e01b"; } .sli-fire:before { content: "\e01c"; } .sli-eyeglass:before { content: "\e01d"; } .sli-envelope-open:before { content: "\e01e"; } .sli-envelope-letter:before { content: "\e01f"; } .sli-bell:before { content: "\e027"; } .sli-badge:before { content: "\e028"; } .sli-anchor:before { content: "\e029"; } .sli-wallet:before { content: "\e02a"; } .sli-vector:before { content: "\e02b"; } .sli-speech:before { content: "\e02c"; } .sli-puzzle:before { content: "\e02d"; } .sli-printer:before { content: "\e02e"; } .sli-present:before { content: "\e02f"; } .sli-playlist:before { content: "\e030"; } .sli-pin:before { content: "\e031"; } .sli-picture:before { content: "\e032"; } .sli-handbag:before { content: "\e035"; } .sli-globe-alt:before { content: "\e036"; } .sli-globe:before { content: "\e037"; } .sli-folder-alt:before { content: "\e039"; } .sli-folder:before { content: "\e089"; } .sli-film:before { content: "\e03a"; } .sli-feed:before { content: "\e03b"; } .sli-drop:before { content: "\e03e"; } .sli-drawer:before { content: "\e03f"; } .sli-docs:before { content: "\e040"; } .sli-doc:before { content: "\e085"; } .sli-diamond:before { content: "\e043"; } .sli-cup:before { content: "\e044"; } .sli-calculator:before { content: "\e049"; } .sli-bubbles:before { content: "\e04a"; } .sli-briefcase:before { content: "\e04b"; } .sli-book-open:before { content: "\e04c"; } .sli-basket-loaded:before { content: "\e04d"; } .sli-basket:before { content: "\e04e"; } .sli-bag:before { content: "\e04f"; } .sli-action-undo:before { content: "\e050"; } .sli-action-redo:before { content: "\e051"; } .sli-wrench:before { content: "\e052"; } .sli-umbrella:before { content: "\e053"; } .sli-trash:before { content: "\e054"; } .sli-tag:before { content: "\e055"; } .sli-support:before { content: "\e056"; } .sli-frame:before { content: "\e038"; } .sli-size-fullscreen:before { content: "\e057"; } .sli-size-actual:before { content: "\e058"; } .sli-shuffle:before { content: "\e059"; } .sli-share-alt:before { content: "\e05a"; } .sli-share:before { content: "\e05b"; } .sli-rocket:before { content: "\e05c"; } .sli-question:before { content: "\e05d"; } .sli-pie-chart:before { content: "\e05e"; } .sli-pencil:before { content: "\e05f"; } .sli-note:before { content: "\e060"; } .sli-loop:before { content: "\e064"; } .sli-home:before { content: "\e069"; } .sli-grid:before { content: "\e06a"; } .sli-graph:before { content: "\e06b"; } .sli-microphone:before { content: "\e063"; } .sli-music-tone-alt:before { content: "\e061"; } .sli-music-tone:before { content: "\e062"; } .sli-earphones-alt:before { content: "\e03c"; } .sli-earphones:before { content: "\e03d"; } .sli-equalizer:before { content: "\e06c"; } .sli-like:before { content: "\e068"; } .sli-dislike:before { content: "\e06d"; } .sli-control-start:before { content: "\e06f"; } .sli-control-rewind:before { content: "\e070"; } .sli-control-play:before { content: "\e071"; } .sli-control-pause:before { content: "\e072"; } .sli-control-forward:before { content: "\e073"; } .sli-control-end:before { content: "\e074"; } .sli-volume-1:before { content: "\e09f"; } .sli-volume-2:before { content: "\e0a0"; } .sli-volume-off:before { content: "\e0a1"; } .sli-calendar:before { content: "\e075"; } .sli-bulb:before { content: "\e076"; } .sli-chart:before { content: "\e077"; } .sli-ban:before { content: "\e07c"; } .sli-bubble:before { content: "\e07d"; } .sli-camrecorder:before { content: "\e07e"; } .sli-camera:before { content: "\e07f"; } .sli-cloud-download:before { content: "\e083"; } .sli-cloud-upload:before { content: "\e084"; } .sli-envelope:before { content: "\e086"; } .sli-eye:before { content: "\e087"; } .sli-flag:before { content: "\e088"; } .sli-heart:before { content: "\e08a"; } .sli-info:before { content: "\e08b"; } .sli-key:before { content: "\e08c"; } .sli-link:before { content: "\e08d"; } .sli-lock:before { content: "\e08e"; } .sli-lock-open:before { content: "\e08f"; } .sli-magnifier:before { content: "\e090"; } .sli-magnifier-add:before { content: "\e091"; } .sli-magnifier-remove:before { content: "\e092"; } .sli-paper-clip:before { content: "\e093"; } .sli-paper-plane:before { content: "\e094"; } .sli-power:before { content: "\e097"; } .sli-refresh:before { content: "\e098"; } .sli-reload:before { content: "\e099"; } .sli-settings:before { content: "\e09a"; } .sli-star:before { content: "\e09b"; } .sli-symbol-female:before { content: "\e09c"; } .sli-symbol-male:before { content: "\e09d"; } .sli-target:before { content: "\e09e"; } .sli-credit-card:before { content: "\e025"; } .sli-paypal:before { content: "\e608"; } .sli-social-tumblr:before { content: "\e00a"; } .sli-social-twitter:before { content: "\e009"; } .sli-social-facebook:before { content: "\e00b"; } .sli-social-instagram:before { content: "\e609"; } .sli-social-linkedin:before { content: "\e60a"; } .sli-social-pinterest:before { content: "\e60b"; } .sli-social-github:before { content: "\e60c"; } .sli-social-google:before { content: "\e60d"; } .sli-social-reddit:before { content: "\e60e"; } .sli-social-skype:before { content: "\e60f"; } .sli-social-dribbble:before { content: "\e00d"; } .sli-social-behance:before { content: "\e610"; } .sli-social-foursqare:before { content: "\e611"; } .sli-social-soundcloud:before { content: "\e612"; } .sli-social-spotify:before { content: "\e613"; } .sli-social-stumbleupon:before { content: "\e614"; } .sli-social-youtube:before { content: "\e008"; } .sli-social-dropbox:before { content: "\e00c"; } .sli-social-vkontakte:before { content: "\e618"; } .sli-social-steam:before { content: "\e620"; } .ht-text-center{ text-align: center; } .ht-container-fluid, .ht-container { margin-right: auto; margin-left: auto; } .ht-container-fluid { padding-right: 2rem; padding-left: 2rem; } .ht-container { padding-right: 1rem; padding-left: 1rem; } .ht-d-flex { box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; } .ht-row { box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -1rem; margin-left: -1rem; } .ht-row.ht-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .ht-col.ht-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .ht-col-xs, .ht-col-xs-1, .ht-col-xs-2, .ht-col-xs-3, .ht-col-xs-4, .ht-col-xs-5, .ht-col-xs-6, .ht-col-xs-7, .ht-col-xs-8, .ht-col-xs-9, .ht-col-xs-10, .ht-col-xs-11, .ht-col-xs-12, .ht-col-xs-offset-0, .ht-col-xs-offset-1, .ht-col-xs-offset-2, .ht-col-xs-offset-3, .ht-col-xs-offset-4, .ht-col-xs-offset-5, .ht-col-xs-offset-6, .ht-col-xs-offset-7, .ht-col-xs-offset-8, .ht-col-xs-offset-9, .ht-col-xs-offset-10, .ht-col-xs-offset-11, .ht-col-xs-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; } .ht-col-xs { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .ht-col-xs-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .ht-col-xs-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .ht-col-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .ht-col-xs-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .ht-col-xs-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .ht-col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .ht-col-xs-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .ht-col-xs-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .ht-col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .ht-col-xs-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .ht-col-xs-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .ht-col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .ht-col-xs-offset-0 { margin-left: 0; } .ht-col-xs-offset-1 { margin-left: 8.33333333%; } .ht-col-xs-offset-2 { margin-left: 16.66666667%; } .ht-col-xs-offset-3 { margin-left: 25%; } .ht-col-xs-offset-4 { margin-left: 33.33333333%; } .ht-col-xs-offset-5 { margin-left: 41.66666667%; } .ht-col-xs-offset-6 { margin-left: 50%; } .ht-col-xs-offset-7 { margin-left: 58.33333333%; } .ht-col-xs-offset-8 { margin-left: 66.66666667%; } .ht-col-xs-offset-9 { margin-left: 75%; } .ht-col-xs-offset-10 { margin-left: 83.33333333%; } .ht-col-xs-offset-11 { margin-left: 91.66666667%; } .ht-start-xs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .ht-center-xs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .ht-end-xs { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .ht-top-xs { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .ht-middle-xs { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ht-bottom-xs { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .ht-around-xs { -ms-flex-pack: distribute; justify-content: space-around; } .ht-between-xs { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ht-first-xs { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .ht-last-xs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media only screen and (min-width: 48em) { .ht-container { width: 49rem; } .ht-col-sm, .ht-col-sm-1, .ht-col-sm-2, .ht-col-sm-3, .ht-col-sm-4, .ht-col-sm-5, .ht-col-sm-6, .ht-col-sm-7, .ht-col-sm-8, .ht-col-sm-9, .ht-col-sm-10, .ht-col-sm-11, .ht-col-sm-12, .ht-col-sm-offset-0, .ht-col-sm-offset-1, .ht-col-sm-offset-2, .ht-col-sm-offset-3, .ht-col-sm-offset-4, .ht-col-sm-offset-5, .ht-col-sm-offset-6, .ht-col-sm-offset-7, .ht-col-sm-offset-8, .ht-col-sm-offset-9, .ht-col-sm-offset-10, .ht-col-sm-offset-11, .ht-col-sm-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; } .ht-col-sm { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .ht-col-sm-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .ht-col-sm-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .ht-col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .ht-col-sm-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .ht-col-sm-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .ht-col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .ht-col-sm-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .ht-col-sm-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .ht-col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .ht-col-sm-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .ht-col-sm-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .ht-col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .ht-col-sm-offset-0 { margin-left: 0; } .ht-col-sm-offset-1 { margin-left: 8.33333333%; } .ht-col-sm-offset-2 { margin-left: 16.66666667%; } .ht-col-sm-offset-3 { margin-left: 25%; } .ht-col-sm-offset-4 { margin-left: 33.33333333%; } .ht-col-sm-offset-5 { margin-left: 41.66666667%; } .ht-col-sm-offset-6 { margin-left: 50%; } .ht-col-sm-offset-7 { margin-left: 58.33333333%; } .ht-col-sm-offset-8 { margin-left: 66.66666667%; } .ht-col-sm-offset-9 { margin-left: 75%; } .ht-col-sm-offset-10 { margin-left: 83.33333333%; } .ht-col-sm-offset-11 { margin-left: 91.66666667%; } .ht-start-sm { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .ht-center-sm { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .ht-end-sm { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .ht-top-sm { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .ht-middle-sm { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ht-bottom-sm { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .ht-around-sm { -ms-flex-pack: distribute; justify-content: space-around; } .ht-between-sm { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ht-first-sm { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .ht-last-sm { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 64em) { .ht-container { width: 65rem; } .ht-col-md, .ht-col-md-1, .ht-col-md-2, .ht-col-md-3, .ht-col-md-4, .ht-col-md-5, .ht-col-md-6, .ht-col-md-7, .ht-col-md-8, .ht-col-md-9, .ht-col-md-10, .ht-col-md-11, .ht-col-md-12, .ht-col-md-offset-0, .ht-col-md-offset-1, .ht-col-md-offset-2, .ht-col-md-offset-3, .ht-col-md-offset-4, .ht-col-md-offset-5, .ht-col-md-offset-6, .ht-col-md-offset-7, .ht-col-md-offset-8, .ht-col-md-offset-9, .ht-col-md-offset-10, .ht-col-md-offset-11, .ht-col-md-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; } .ht-col-md { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .ht-col-md-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .ht-col-md-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .ht-col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .ht-col-md-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .ht-col-md-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .ht-col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .ht-col-md-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .ht-col-md-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .ht-col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .ht-col-md-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .ht-col-md-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .ht-col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .ht-col-md-offset-0 { margin-left: 0; } .ht-col-md-offset-1 { margin-left: 8.33333333%; } .ht-col-md-offset-2 { margin-left: 16.66666667%; } .ht-col-md-offset-3 { margin-left: 25%; } .ht-col-md-offset-4 { margin-left: 33.33333333%; } .ht-col-md-offset-5 { margin-left: 41.66666667%; } .ht-col-md-offset-6 { margin-left: 50%; } .ht-col-md-offset-7 { margin-left: 58.33333333%; } .ht-col-md-offset-8 { margin-left: 66.66666667%; } .ht-col-md-offset-9 { margin-left: 75%; } .ht-col-md-offset-10 { margin-left: 83.33333333%; } .ht-col-md-offset-11 { margin-left: 91.66666667%; } .ht-start-md { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .ht-center-md { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .ht-end-md { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .ht-top-md { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .ht-middle-md { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ht-bottom-md { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .ht-around-md { -ms-flex-pack: distribute; justify-content: space-around; } .ht-between-md { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ht-first-md { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .ht-last-md { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 75em) { .ht-container { width: 1200px; } .ht-col-lg, .ht-col-lg-1, .ht-col-lg-2, .ht-col-lg-3, .ht-col-lg-4, .ht-col-lg-5, .ht-col-lg-6, .ht-col-lg-7, .ht-col-lg-8, .ht-col-lg-9, .ht-col-lg-10, .ht-col-lg-11, .ht-col-lg-12, .ht-col-lg-offset-0, .ht-col-lg-offset-1, .ht-col-lg-offset-2, .ht-col-lg-offset-3, .ht-col-lg-offset-4, .ht-col-lg-offset-5, .ht-col-lg-offset-6, .ht-col-lg-offset-7, .ht-col-lg-offset-8, .ht-col-lg-offset-9, .ht-col-lg-offset-10, .ht-col-lg-offset-11, .ht-col-lg-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; } .ht-col-lg { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .ht-col-lg-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .ht-col-lg-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .ht-col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .ht-col-lg-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .ht-col-lg-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .ht-col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .ht-col-lg-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .ht-col-lg-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .ht-col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .ht-col-lg-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .ht-col-lg-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .ht-col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .ht-col-lg-offset-0 { margin-left: 0; } .ht-col-lg-offset-1 { margin-left: 8.33333333%; } .ht-col-lg-offset-2 { margin-left: 16.66666667%; } .ht-col-lg-offset-3 { margin-left: 25%; } .ht-col-lg-offset-4 { margin-left: 33.33333333%; } .ht-col-lg-offset-5 { margin-left: 41.66666667%; } .ht-col-lg-offset-6 { margin-left: 50%; } .ht-col-lg-offset-7 { margin-left: 58.33333333%; } .ht-col-lg-offset-8 { margin-left: 66.66666667%; } .ht-col-lg-offset-9 { margin-left: 75%; } .ht-col-lg-offset-10 { margin-left: 83.33333333%; } .ht-col-lg-offset-11 { margin-left: 91.66666667%; } .ht-start-lg { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .ht-center-lg { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .ht-end-lg { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .ht-top-lg { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .ht-middle-lg { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ht-bottom-lg { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .ht-around-lg { -ms-flex-pack: distribute; justify-content: space-around; } .ht-between-lg { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ht-first-lg { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .ht-last-lg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } /* Slider */ .wp-embed-responsive .wp-block { outline: 0; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } [dir=rtl] .slick-slider .slick-list { direction: rtl; } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; /* height: 100%; */ height: fit-content; min-height: 1px; } [dir='rtl'] .slick-list .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .wp-embed-responsive .wp-block { outline: 0; } .cus-col-5.ht-col-md-6 { flex: 0 0 20%; max-width: 20%; } .product-style { position: relative; z-index: 35; } .product-slider { width: 100%; } .product-item { padding-bottom: 10px; margin-bottom: 30px; } .product-item mark, .product-item ins { background: transparent; } .product-item .product-inner .image-wrap { position: relative; text-align: center; overflow: hidden; } .product-item .product-inner .image-wrap .wishlist, .product-item .product-inner .image-wrap .tinv-wraper { display: block; position: absolute; right: 20px; top: 20px; left: auto !important; margin-top: 0; } .product-item .product-inner .image-wrap .tinv-wraper a, .ht-product-action .tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button { margin: 0; } .ht-product-list-action .tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button { margin-top: 0; } .product-item .product-inner .image-wrap .tinv-wraper a .tinvwl_add_to_wishlist-text, .ht-product-action .tinv-wraper a .tinvwl_add_to_wishlist-text { display: none; } .ht-product-action .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart::before, .ht-product-action .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus::before { font-size: 26px; } .yith-wcwl-add-to-wishlist .ajax-loading { left: 20px; margin: 0; position: absolute; top: 4px; } .product-item .content { padding-top: 10px; } .content h4.title { margin: 0; } .product-item .product-inner .content .title { font-size: 20px; margin-bottom: 10px; } .product-item .actions { background: #333 none repeat scroll 0 0; border-radius: 20px; color: #fff; display: flex; left: 50%; position: absolute; text-align: center; top: 50%; transform: translateX(-50%); transition: all 0.4s ease 0s; width: 150px; opacity: 0; visibility: hidden; } .product-item .actions > * { flex: 1 0 auto; } .product-item .product-inner .image-wrap .actions.style_two { width: 85%; border-radius: 0; bottom: 0; top: auto; } .product-item .woocommerce.compare-button a.button { background-color: #333; border-radius: 20px; } .product-item .product-inner .image-wrap .style_two .wishlist { position: static; } .yith-wcwl-add-button { position: relative; } .style_two .yith-wcwl-add-to-wishlist .ajax-loading { margin-left: 0; top: 11px; } .product-item .woocommerce.product.compare-button, .product-item .actions .htcompare-btn { border-left: 1px solid #999; } .product-item .actions .htcompare-btn { border-radius: 0; } .product-item:hover .actions { opacity: 1; transform: translateX(-50%) translateY(-50%); visibility: visible; } .product-item .actions a, .product-item .woocommerce.compare-button a.button { color: #fff; display: block; font-weight: normal; line-height: inherit; padding: 7px 5px; text-indent: -999999px; position: relative; background: transparent; } .product-item .actions a { border-radius: 20px 0 0 20px; } .product-item .actions a::before { color: #fff; content: ""; font-family: fontawesome; height: 100%; left: 0; position: absolute; text-indent: 0; top: 5px; width: 100%; } .product-item .actions .compare-button a::before, .product-item .actions .htcompare-btn::before { content: "\f021"; } .product-item .product-inner .image-wrap .style_two .wishlist a::before { content: "\f08a"; } .product-item .product-inner .image-wrap .style_two .wishlist .yith-wcwl-wishlistexistsbrowse a::before, .product-item .product-inner .image-wrap .style_two .wishlist .yith-wcwl-wishlistaddedbrowse a::before { content: "\f004"; } .product-item .product-inner .actions.style_two a { text-indent: 0; } .product-item .product-inner .actions.style_two a::before { display: none; } .product-item .product-inner .actions.style_two .tinv-wishlist a::before { display: block; font-size: 20px; line-height: 28px; } .product-item .product-inner .actions.style_two .tinv-wishlist a { text-indent: -999999px; margin: 0; } .product-item.product_style_three .product-inner .image-wrap { overflow: visible; } .product_information_area { background: #fff none repeat scroll 0 0; bottom: -90px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.18); left: 0; opacity: 0; position: absolute; text-align: left; transition: all 0.4s ease 0s; visibility: hidden; width: 100%; z-index: 9; } .product_information_area .content { padding-bottom: 15px; text-align: center; } .product-item .product-inner .image-wrap .product_information_area .actions.style_two { border-radius: 0; bottom: 0; opacity: 1; overflow: hidden; padding: 0 30px; position: static; top: auto; transform: translateX(0px); visibility: visible; width: 100%; } .product-item:hover .product_information_area { bottom: -103px; opacity: 1; visibility: visible; } .woocommerce.woolentor_current_theme_hello-elementor span.onsale, .woolentor_current_theme_hello-elementor span.onsale, .elementor-widget-woolentor-product-tab span.onsale { background-color: #23252a; border-radius: 3px; color: #fff; font-size: 14px; font-weight: 500; left: 15px; top: 15px; line-height: 1 !important; min-height: inherit !important; min-width: inherit !important; padding: 5px 10px; position: absolute; } .product-item a.button.added { display: none !important; } .product-item .actions .htcompare-btn.added { display: block !important; } .product-item .actions .htcompare-btn.loading { padding: 0; } .product-item .actions a.htcompare-btn.loading::after { right: 20px; } .product-item .product-inner .image-wrap .actions a.added_to_cart { text-indent: -99999px; } .product-item .product-inner .image-wrap .actions a.added_to_cart::before { content: ""; font-family: WooCommerce; font-size: 20px; left: auto; position: absolute; text-indent: 0; top: 0; display: block; } .elementor-widget-woolentor-product-tab .product-item .product-inner .image-wrap .actions a.added_to_cart::before{ line-height: 36px; } .product-item a.button.added::after, .product-item a.button.loading::after { color: #fff; content: ""; display: block; font-family: "fontawesome"; margin: 0 auto; position: absolute; text-indent: 0; top: 5px; } /* Tab Menu */ .ht-tab-menus { margin: 0; padding: 0; list-style: none; } .ht-tab-menus { margin-bottom: 45px; } .ht-tab-menus li { display: inline-block; margin-right: 20px; } .ht-tab-menus li:last-child { margin-right: 0; } .ht-tab-menus li a { border: 1px solid transparent; border-radius: 50px; padding: 5px 15px; text-transform: capitalize; } .ht-tab-menus li a:focus { outline: none; } .ht-tab-menus li a.htactive { border-color: #e5e5e5; } .ht-tab-pane { display: none; } .ht-tab-pane.htactive { display: block; } .product_attribute ul { list-style: outside none none; margin: 0 0 20px; padding: 0; text-align: left; } .product_information_area .attribute_label { font-weight: 600; } .product_attribute { margin-top: 25px; padding: 0 30px; } .product_attribute ul li { display: inline-block; line-height: 1; margin: 0 10px 0 0; } .product_attribute ul li.color_attribute { border-radius: 100%; height: 15px; width: 15px; } .product-slider .slick-arrow { background: transparent none repeat scroll 0 0; border: 2px solid #ddd; color: #ddd; font-size: 20px; height: 40px; left: -30px; line-height: inherit; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 40px; z-index: 99; transition: 0.4s; } .product-slider .slick-arrow.slick-next { right: -30px; left: auto; } .product-slider .slick-arrow:hover { border-color: #333; color: #333; } .product-slider .slick-dots { bottom: 0px; display: flex; left: 50%; list-style: outside none none; margin: 0; padding: 0; position: absolute; transform: translateX(-50%); } .product-slider .slick-dots li { line-height: 12px; margin: 0 4px; } .product-slider .slick-dots li button { background-color: transparent; border: 1px solid #4e4f4f; border-radius: 50px; height: 13px; padding: 0; text-indent: -9999px; width: 13px; line-height: 13px; } .product-slider .slick-dots li.slick-active button { background-color: #282828; border-color: #282828; } .col2-set .col-1, .col2-set .col-2 { flex: 0 0 100%; max-width: 100%; } .col2-set .form-row { display: block; } [class*="elementor-widget-woolentor"] .slick-prev::before, [class*="elementor-widget-woolentor"] .slick-next::before, [class*="elementor-widget-wl"] .slick-prev::before, [class*="elementor-widget-wl"] .slick-next::before { display: none; } /* Universal Product */ .woocommerce div.product.mb-30 { margin-bottom: 30px; } li.woolentor-cart .button:before { opacity: 1; filter: inherit; } [dir="rtl"] .slick-prev { right: auto; } .ht-products .wlshop-grid-area.ht-product .ht-product-inner .ht-product-action ul li a.wishsuite-button, .elementor-widget-woolentor-universal-product .ht-products .ht-product .ht-product-inner .ht-product-action ul li a.wishsuite-button { line-height: 40px; } [class*="elementor-widget-woolentor"]:not( .elementor-widget-woolentor-product-tab ) .wishsuite-shop-top_thumbnail { position: relative !important; top: 0; left: 0 !important; } .ht-product-action ul li.woolentor-cart a.wc-forward.added_to_cart { padding: 0; margin: 0; } .woolentor_current_theme_blocksy .ht-product-action ul li.woolentor-cart a.wc-forward.added_to_cart{ background-color: transparent !important; } .woolentor-short-desc ul, .woolentor-short-desc ol, .woolentor-products .woocommerce-product-details__short-description ul, .woolentor-products .woocommerce-product-details__short-description ol { margin-left: 15px; } .ht-products .ht-product .ht-product-inner .ht-product-action ul li a[class*="shopengine"] { display: none; } /* Secondery Image Universla Product */ .ht-product-image-wrap .ht-product-image{ position: relative; } .ht-product-image-wrap .ht-product-image .ht-product-hover-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; background-color: #ffffff; opacity: 0; transition: opacity 0.5s ease,transform 2s cubic-bezier(0, 0, 0.44, 1.18); } .ht-product-inner:hover .ht-product-image-wrap .ht-product-image .ht-product-hover-img { opacity: 1; transform: scale(1.09); } /*Product Wrap*/ .ht-products { -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Roboto", sans-serif; } .ht-products * { -webkit-box-sizing: border-box; box-sizing: border-box; } .ht-products .ht-product .ht-product-inner { color: #444444; border: 1px solid #f1f1f1; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; overflow: hidden; } .woolentor-product-same-height.ht-products .ht-product .ht-product-inner { height: 100%; display: flex; flex-direction: column; } .woolentor-product-same-height.ht-products .ht-product .ht-product-content { flex: 1 0; } .woolentor-product-same-height.ht-products.product-slider .slick-list, .woolentor-product-same-height.ht-products.product-slider .slick-track, .woolentor-product-same-height.ht-products.product-slider .ht-product { height: 100% !important; } .ht-products .ht-product .ht-product-inner .ht-product-countdown-wrap { position: absolute; left: 0; width: 100%; bottom: 0; } .ht-products .ht-product .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown { max-width: 370px; padding: 8px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: auto; } .ht-products .ht-product .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown .cd-single { -webkit-box-flex: 1; -webkit-flex: 1 0 25%; -ms-flex: 1 0 25%; flex: 1 0 25%; max-width: 25%; padding: 2px; } .ht-products .ht-product .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner { padding: 10px; background-color: rgba(0, 0, 0, 0.75); text-align: center; } .ht-products .ht-product .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner h3 { font-size: 14px; font-weight: 700; margin: 0 0 2px; color: #ffffff; } .ht-products .ht-product .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner p { font-size: 12px; color: #ffffff; margin: 0; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap { position: relative; overflow: hidden; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label { font-size: 13px; text-transform: uppercase; font-weight: 700; position: absolute; top: 18px; z-index: 3; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-stockout { color: #f05b64 !important; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-product-label-left { left: 30px; right: auto; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-product-label-right { left: auto; right: 30px; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image img { width: 100%; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-bottom: 25px; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-arrow{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 30px; border: none; background-color: transparent !important; text-align: center; padding: 0; cursor: pointer; z-index: 99; color: #444444; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-arrow i{ font-size: 18px; line-height: 30px; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-arrow.slick-prev { left: 15px; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-arrow.slick-next { right: 15px; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-arrow:focus { outline: none; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-arrow:hover { color: #000000; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-dots { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; margin: 0; padding: 0; left: 0; bottom: -25px; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; transform: translateX(0); } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-dots li { margin: 0 5px; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-dots li button { display: block; text-indent: -99999px; padding: 0; width: 10px; height: 10px; border: none; border-radius: 50%; background-color: #cccccc !important; cursor: pointer; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-dots li.slick-active button { background-color: #666666 !important; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-image-slider .slick-slide { height: auto; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab { overflow: hidden; width: 100%; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab .ht-product-cus-tab-pane { display: none; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab .ht-product-cus-tab-pane.htactive { display: block; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab .ht-product-cus-tab-pane a { display: block; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab .ht-product-cus-tab-pane a img { width: 100%; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab-links { position: absolute; left: 50%; bottom: 15px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin: 0; padding: 0; list-style: none; width: 150px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab-links li { width: 33.333333%; padding: 0 2px; margin-bottom: 5px; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab-links li a { display: block; border: 3px solid rgba(0, 0, 0, 0.55); background: #fff none repeat scroll 0 0; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab-links li a.htactive { border-color: rgba(220, 154, 14, 0.55); } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-image .ht-product-cus-tab-links li a img { width: 100%; } .ht-products .ht-product .ht-product-inner .ht-product-action { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 25px; right: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; } .ht-products .ht-product .ht-product-inner .ht-product-action ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; list-style: none; margin: -5px; padding: 0; } .ht-products .ht-product .ht-product-inner .ht-product-action ul li { padding: 5px; position: relative; } .ht-products .ht-product .ht-product-inner .ht-product-action ul li a { color: #000000; text-decoration: none; display: block; text-align: center; width: 30px; height: 30px; position: relative; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .ht-products .ht-product .ht-product-inner .ht-product-action ul li a.htcompare-btn, .ht-products .ht-product .ht-product-inner .ht-product-action ul li a.htcompare-btn .htcompare-btn-text { display: block !important; } .ht-products .ht-product .ht-product-inner .ht-product-action ul li a.wishsuite-button svg { width: 18px; height: 18px; } .ht-products .ht-product .ht-product-inner .ht-product-action ul li a.htcompare-btn.loading { padding: 0; } .ht-products .ht-product .ht-product-inner .ht-product-action ul li a.htcompare-btn.loading::after { right: 6px; } .ht-products .ht-product .ht-product-inner .ht-product-action ul li a.htcompare-btn.added::after { display: none; } .ht-products .ht-product .ht-product-inner .ht-product-action ul li a i { font-size: 20px; line-height: 30px; margin: 0; } .woolentor-compare.compare, .ht-product-action ul li.woolentor-cart a { -webkit-text-indent: -99999px; text-indent: -99999px; } .ht-products .ht-product .yith-wcwl-add-to-wishlist { margin-top: 0; } .woolentor-compare.compare::before, .ht-product-action ul li.woolentor-cart a::before { content: ""; display: flex; font-family: simple-line-icons !important; font-size: 20px; height: 100%; justify-content: center; left: 0; position: absolute; text-indent: 0; width: 100%; line-height: 30px; opacity: 1 !important; filter: blur(0) !important; z-index: 9999; } .ht-product-action ul li.woolentor-cart a::before { content: ""; font-weight: normal; } .ht-product-action ul li.woolentor-cart a.loading::before { animation: 2s linear 0s normal none infinite running spin; content: ""; font-family: "WooCommerce" !important; height: auto; } .ht-product-action ul li.woolentor-cart a.wc-forward::before, .woolentor-compare.compare.added::before { content: ""; } .ht-products.woocommerce a.added_to_cart { padding: 0; display: block; } .ht-product-action ul li.woolentor-cart a.button { background: transparent none repeat scroll 0 0; padding: 0; } .ht-product-action ul li.woolentor-cart a.added { display: none !important; } .elementor-widget-woolentor-cross-sell-product-custom .ht-product-action ul li.woolentor-cart a.added{ display: block !important; } .elementor-widget-woolentor-cross-sell-product-custom .ht-product-action ul li.woolentor-cart a.added::before{ display: none; } .woocommerce .elementor-widget-woolentor-cross-sell-product-custom a.button.added::after{ position: absolute; left: 0; top: 0; text-indent: 0; } .woocommerce .elementor-widget-woolentor-cross-sell-product-custom .woolentor-btn-text-cart a.button.added::after { right: -15px; left: auto; } .ht-products .ht-product .ht-product-inner .ht-product-action ul li a .ht-product-action-tooltip, span.woolentor-tip, [class*="elementor-widget-woolentor"]:not( .elementor-widget-woolentor-product-archive-addons ) .wishsuite-button.wishlist span.wishsuite-btn-text { position: absolute; left: 100%; top: 50%; display: block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 10px; line-height: 1; color: #f1f1f1; background-color: #282828; padding: 5px 10px; border-radius: 50px; white-space: nowrap; opacity: 0; visibility: hidden; margin-left: -10px; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 99; } [class*="elementor-widget-woolentor"]:not( .elementor-widget-woolentor-product-archive-addons ) .wishsuite-button.wishlist span.wishsuite-btn-text { margin-right: -10px; -webkit-transform: translateY(-65%); -ms-transform: translateY(-65%); transform: translateY(-65%); } .ht-products .ht-product.ht-product-action-right span.woolentor-tip, .ht-products .ht-product.ht-product-action-right .wishsuite-button.wishlist span.wishsuite-btn-text { left: auto; right: 35px; } .tooltip_no .ht-product-action-tooltip { display: none !important; } .ht-products .ht-product .ht-product-inner .ht-product-action ul li a:hover { color: #dc9a0e; } .ht-product-action .yith-wcwl-wishlistaddedbrowse a, .ht-product-action .yith-wcwl-wishlistexistsbrowse a { color: #dc9a0e !important; } .ht-products .ht-product .ht-product-inner .ht-product-action ul li a:hover .ht-product-action-tooltip, .ht-products .ht-product .ht-product-inner .ht-product-action ul li:hover span.woolentor-tip, .ht-products .ht-product .ht-product-inner .ht-product-action ul li:hover .wishsuite-button.wishlist span.wishsuite-btn-text { opacity: 1; visibility: visible; margin-left: 0; margin-right: 0; } .ht-products .ht-product .ht-product-inner .ht-product-content { padding: 30px; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner { position: relative; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner > *:not(.woolentor-stock-progress-bar, .stock-management-progressbar) { margin-top: 0; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner > *:last-child { margin-bottom: 0; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories { position: relative; padding-left: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 15px; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories::before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 1px; background-color: #949494; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a { color: inherit; text-decoration: none; font-size: 14px; line-height: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories a:hover { color: #dc9a0e; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title { font-size: 18px; line-height: 1.2; font-weight: 400; margin-bottom: 10px; margin-top: 0; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner span.ht-product-title { display: inline-block; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a { color: inherit; text-decoration: none; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a:hover { color: #dc9a0e; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 19px; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span { line-height: 1; font-weight: 700; font-size: 20px; color: #444444; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price mark, .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price ins { background: transparent none repeat scroll 0 0; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del { margin-right: 8px; text-decoration: line-through; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del span { font-size: 16px; font-weight: 500; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .ht-products .woocommerce .ht-product-ratting-wrap .star-rating { float: none; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; margin-left: -3px; margin-right: -3px; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting i { font-size: 13px; line-height: 14px; padding-left: 3px; padding-right: 3px; color: #aaaaaa; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting i:last-child { margin-right: 0; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; position: absolute; left: 5px; top: 0; z-index: 3; margin-left: -5px; margin-right: -5px; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i { color: #dc9a0e; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-countdown-wrap { position: static; display: none; margin-top: 20px; } .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-countdown-wrap .ht-product-countdown { padding: 0; margin: -2px; } .ht-products .ht-product .ht-product-inner:hover { -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } .ht-products .ht-product.ht-product-countdown-fill .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown { background-color: rgba(0, 0, 0, 0.75); } .ht-products .ht-product.ht-product-countdown-fill .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner { background-color: transparent; padding: 0; } .ht-products .ht-product.ht-product-countdown-fill .ht-product-inner .ht-product-content .ht-product-countdown-wrap { display: block; margin-bottom: -30px; margin-left: -30px; margin-right: -30px; margin-top: 30px; width: auto; } .ht-products .ht-product.ht-product-countdown-fill .ht-product-inner .ht-product-content .ht-product-countdown-wrap .ht-product-countdown .cd-single { padding: 10px 5px; } .ht-products .ht-product.ht-product-countdown-fill.ht-product-countdown-left .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner, .ht-products .ht-product.ht-product-countdown-fill.ht-product-countdown-right .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner { padding: 5px 3px; } .ht-products .ht-product.ht-product-countdown-left .ht-product-inner .ht-product-countdown-wrap { bottom: auto; top: 10px; width: auto; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ht-products .ht-product.ht-product-countdown-left .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: auto; } .ht-products .ht-product.ht-product-countdown-left .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown .cd-single { max-width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .ht-products .ht-product.ht-product-countdown-left .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner { padding: 7px 10px; } .ht-products .ht-product.ht-product-countdown-right .ht-product-inner .ht-product-countdown-wrap { bottom: auto; top: 10px; left: auto; right: 0; width: auto; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .ht-products .ht-product.ht-product-countdown-right .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: auto; } .ht-products .ht-product.ht-product-countdown-right .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown .cd-single { max-width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .ht-products .ht-product.ht-product-countdown-right .ht-product-inner .ht-product-countdown-wrap .ht-product-countdown .cd-single .cd-single-inner { padding: 7px 10px; } .ht-products .ht-product.ht-product-countdown-middle .ht-product-inner .ht-product-countdown-wrap { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ht-products .ht-product.ht-product-countdown-content-bottom .ht-product-inner .ht-product-countdown-wrap { display: none; } .ht-products .ht-product.ht-product-countdown-content-bottom .ht-product-inner .ht-product-content .ht-product-countdown-wrap { display: block; } .ht-products .ht-product.ht-product-countdown-content-bottom .ht-product-inner .ht-product-content .ht-product-countdown-wrap .ht-product-countdown .cd-single { padding: 10px 5px; } .ht-products .ht-product.ht-product-action-right .ht-product-inner .ht-product-action { left: auto; right: 25px; } .ht-products .ht-product.ht-product-action-right .ht-product-inner .ht-product-action ul li a .ht-product-action-tooltip { left: auto; right: 100%; margin-left: 0; margin-right: -10px; } .ht-products .ht-product.ht-product-action-right .ht-product-inner .ht-product-action ul li a:hover .ht-product-action-tooltip { margin-right: 0; } .ht-products .ht-product.ht-product-action-bottom .ht-product-inner .ht-product-action { left: 0; right: 0; top: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); bottom: 15px; } .ht-products .ht-product.ht-product-action-bottom .ht-product-inner .ht-product-action ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: -10px; } .ht-products .ht-product.ht-product-action-bottom .ht-product-inner .ht-product-action ul li { padding: 10px; } .ht-products .ht-product.ht-product-action-bottom .ht-product-inner .ht-product-action ul li a .ht-product-action-tooltip, .ht-products .ht-product.ht-product-action-bottom span.woolentor-tip, .ht-products .ht-product.ht-product-action-bottom .wishsuite-button.wishlist span.wishsuite-btn-text { left: 50%; right: auto; top: auto; bottom: 100%; -webkit-transform: translateX(-50%) translateY(10px); -ms-transform: translateX(-50%) translateY(10px); transform: translateX(-50%) translateY(10px); margin-left: 0; margin-right: 0; } .ht-products .ht-product.ht-product-action-bottom .ht-product-inner .ht-product-action ul li a:hover .ht-product-action-tooltip, .ht-products .ht-product.ht-product-action-bottom .ht-product-inner .ht-product-action ul li a:hover span.wishsuite-btn-text { -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } .ht-products .ht-product.ht-product-action-middle .ht-product-inner .ht-product-action { left: 0; right: 0; } .ht-products .ht-product.ht-product-action-middle .ht-product-inner .ht-product-action ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: -10px; } .ht-products .ht-product.ht-product-action-middle .ht-product-inner .ht-product-action ul li { padding: 10px; } .ht-products .ht-product.ht-product-action-middle .ht-product-inner .ht-product-action ul li a .ht-product-action-tooltip, .ht-products .ht-product.ht-product-action-middle span.woolentor-tip, .ht-products .ht-product.ht-product-action-middle .wishsuite-button.wishlist span.wishsuite-btn-text { left: 50%; right: auto; top: auto; bottom: 100%; -webkit-transform: translateX(-50%) translateY(10px); -ms-transform: translateX(-50%) translateY(10px); transform: translateX(-50%) translateY(10px); margin-left: 0; margin-right: 0; } .ht-products .ht-product.ht-product-action-middle .ht-product-inner .ht-product-action ul li a:hover .ht-product-action-tooltip, .ht-products .ht-product.ht-product-action-middle .ht-product-inner .ht-product-action ul li a:hover span.wishsuite-btn-text { -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } .ht-products .ht-product.ht-product-action-bottom-content .ht-product-inner .ht-product-action { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; position: relative; left: 0; } .ht-products .ht-product.ht-product-action-bottom-content .ht-product-inner .ht-product-ratting-wrap + .ht-product-action { margin-top: 20px !important; } .ht-products .ht-product.ht-product-action-bottom-content .ht-product-inner .ht-product-action ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: -10px; } .ht-products .ht-product.ht-product-action-bottom-content .ht-product-inner .ht-product-action ul li { padding: 10px; } :is( .ht-products .ht-product.ht-product-action-bottom-content, .ht-products .ht-product.ht-product-action-bottom ) .wishsuite-button.wishlist { padding-top: 0; } .ht-products .ht-product.ht-product-action-bottom-content .ht-product-inner .ht-product-action ul li a .ht-product-action-tooltip, .ht-products .ht-product.ht-product-action-bottom-content span.woolentor-tip, .ht-products .ht-product.ht-product-action-bottom-content .wishsuite-button.wishlist span.wishsuite-btn-text { left: 50%; right: auto; top: auto; bottom: 100%; -webkit-transform: translateX(-50%) translateY(10px); -ms-transform: translateX(-50%) translateY(10px); transform: translateX(-50%) translateY(10px); margin-left: 0; margin-right: 0; } .ht-products .ht-product.ht-product-action-bottom-content .ht-product-inner .ht-product-action ul li a:hover .ht-product-action-tooltip, .ht-products .ht-product.ht-product-action-bottom-content .ht-product-inner .ht-product-action ul li a:hover span.wishsuite-btn-text { -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } .ht-products .ht-product.ht-product-action-on-hover .ht-product-inner .ht-product-action ul li { -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .ht-products .ht-product.ht-product-action-on-hover .ht-product-inner .ht-product-action ul li:nth-child(2) { -webkit-transition: all 0.3s ease 0.2s; -o-transition: all 0.3s ease 0.2s; transition: all 0.3s ease 0.2s; } .ht-products .ht-product.ht-product-action-on-hover .ht-product-inner .ht-product-action ul li:nth-child(3) { -webkit-transition: all 0.3s ease 0.4s; -o-transition: all 0.3s ease 0.4s; transition: all 0.3s ease 0.4s; } .ht-products .ht-product.ht-product-action-on-hover .ht-product-inner .ht-product-action ul li:nth-child(4) { -webkit-transition: all 0.3s ease 0.6s; -o-transition: all 0.3s ease 0.6s; transition: all 0.3s ease 0.6s; } .ht-products .ht-product.ht-product-action-on-hover .ht-product-inner:hover .ht-product-action ul li { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; } .ht-products .ht-product.ht-product-action-on-hover.ht-product-action-right .ht-product-inner .ht-product-action ul li { -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } .ht-products .ht-product.ht-product-action-on-hover.ht-product-action-right .ht-product-inner:hover .ht-product-action ul li { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .ht-products .ht-product.ht-product-action-on-hover.ht-product-action-bottom .ht-product-inner .ht-product-action ul li, .ht-products .ht-product.ht-product-action-on-hover.ht-product-action-middle .ht-product-inner .ht-product-action ul li { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } .ht-products .ht-product.ht-product-action-on-hover.ht-product-action-bottom .ht-product-inner:hover .ht-product-action ul li, .ht-products .ht-product.ht-product-action-on-hover.ht-product-action-middle .ht-product-inner:hover .ht-product-action ul li { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .ht-products .ht-product.ht-product-action-style-2 .ht-product-inner .ht-product-action ul { margin: 0; background-color: #ffffff; -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); overflow: hidden; } .ht-products .ht-product.ht-product-action-style-2 .ht-product-inner .ht-product-action ul:hover { overflow: visible; } .ht-products .ht-product.ht-product-action-style-2 .ht-product-inner .ht-product-action ul li { margin-left: 10px; margin-right: 10px; } .ht-products .ht-product.ht-product-action-style-2 .ht-product-inner .ht-product-action ul li:first-child { margin-top: 15px; } .ht-products .ht-product.ht-product-action-style-2 .ht-product-inner .ht-product-action ul li:last-child { margin-bottom: 15px; } .ht-products .ht-product.ht-product-action-style-2.ht-product-action-bottom-content .ht-product-inner .ht-product-action ul li:first-child, .ht-products .ht-product.ht-product-action-style-2.ht-product-action-bottom-content .ht-product-inner .ht-product-action ul li:last-child { margin: 0; } .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover.ht-product-action-bottom-content .ht-product-inner:hover .ht-product-action ul { width: auto; } .ht-products .ht-product.ht-product-action-style-2.ht-product-action-round .ht-product-inner .ht-product-action ul { border-radius: 50px; } .ht-products .ht-product.ht-product-action-style-2.ht-product-action-bottom .ht-product-inner .ht-product-action { bottom: 20px; } .ht-products .ht-product.ht-product-action-style-2.ht-product-action-bottom .ht-product-inner .ht-product-action ul li { margin-top: 5px; margin-bottom: 5px; margin-left: 0; margin-right: 0; } .ht-products .ht-product.ht-product-action-style-2.ht-product-action-bottom .ht-product-inner .ht-product-action ul li:first-child { margin-left: 15px; } .ht-products .ht-product.ht-product-action-style-2.ht-product-action-bottom .ht-product-inner .ht-product-action ul li:last-child { margin-right: 15px; } .ht-products .ht-product.ht-product-action-style-2.ht-product-action-middle .ht-product-inner .ht-product-action ul li { margin-top: 5px; margin-bottom: 5px; margin-left: 0; margin-right: 0; } .ht-products .ht-product.ht-product-action-style-2.ht-product-action-middle .ht-product-inner .ht-product-action ul li:first-child { margin-left: 15px; } .ht-products .ht-product.ht-product-action-style-2.ht-product-action-middle .ht-product-inner .ht-product-action ul li:last-child { margin-right: 15px; } .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover .ht-product-inner .ht-product-action ul { height: auto; width: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover .ht-product-inner .ht-product-action ul li { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; -webkit-transition: none; -o-transition: none; transition: none; } .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover .ht-product-inner:hover .ht-product-action ul { width: 60px; } .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover.ht-product-action-bottom .ht-product-inner .ht-product-action ul, .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover.ht-product-action-middle .ht-product-inner .ht-product-action ul { width: auto; height: 0; } .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover.ht-product-action-bottom .ht-product-inner:hover .ht-product-action ul, .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover.ht-product-action-middle .ht-product-inner:hover .ht-product-action ul { height: 60px; } .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover.ht-product-action-bottom .ht-product-inner:hover .ht-product-action ul li, .ht-products .ht-product.ht-product-action-style-2.ht-product-action-on-hover.ht-product-action-middle .ht-product-inner:hover .ht-product-action ul li { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .ht-products .ht-product.ht-product-category-right-bottom .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories { position: absolute; right: 0; bottom: 10px; margin: 0; width: 100%; } .ht-product-content .woocommerce-product-details__short-description { padding: 10px 0; overflow: hidden; } .ht-products .ht-product.ht-product-ratting-top-right .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price { margin: 0; } .ht-products .ht-product.ht-product-ratting-top-right .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap { position: absolute; top: 0; right: 0; } .ht-product-content-allcenter { text-align: center; } .ht-products .ht-product.ht-product-content-allcenter .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span, .ht-product-content-allcenter .ht-product-ratting-wrap > div { margin: 0 auto; } .ht-products .ht-product.ht-product-content-allcenter .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories { display: block; text-align: center; } .ht-products .ht-product.ht-product-content-allcenter .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories::before { left: 35%; } .woocommerce.ht-products div.product p.price del, .woocommerce.ht-products div.product span.price del { opacity: 1; } .product-slider .ht-product.col-1, .ht-product.col.first { clear: unset; } /* Ads Banner */ .woolentor-banner { align-items: center; display: flex; flex-flow: row wrap; overflow: hidden; } .woolentor-banner-img, .woolentor-content { width: 50%; float: left; } .woolentor-content { padding-left: 70px; } .woolentor-banner .banner_subtitle { font-size: 16px; font-weight: 600; margin: 0; } .woolentor-banner .banner_title { font-size: 28px; font-weight: normal; margin: 35px 0; } .woolentor-banner .banner_button { border-bottom: 1px solid #000; font-size: 12px; font-weight: 600; text-transform: uppercase; } .woolentor-banner-img img{ width: 100%; } .woolentor-content-align-right .woolentor-banner-img { order: 1; padding-right: 50px; padding-left: 0; } .woolentor-content-align-right .woolentor-content { order: 2; padding-left: 40px; } .woolentor-content-align-right.woolentor-banner .banner_title { margin: 20px 0; } .woolentor-content-align-bottom .woolentor-banner-img { order: 1; padding-left: 0; width: 100%; } .woolentor-content-align-bottom .woolentor-content { order: 2; padding: 30px 0; text-align: center; width: 100%; } .woolentor-content-align-bottom .banner_title { margin: 0 0 20px; } /* Banner style two */ .woolentor-banner-layout-2 { display: block; position: relative; } .woolentor-banner-layout-2 .woolentor-content { padding-left: 0; } .woolentor-banner-layout-2 .woolentor-banner-img { float: none; width: 100%; } .woolentor-banner-layout-2 .woolentor-content { padding-left: 50px; position: absolute; top: 50px; left: 0; width: 100%; } .woolentor-banner-layout-2 .woolentor-content h2 { margin: 0; } .woolentor-banner-layout-2.woolentor-content-align-bottom .woolentor-content { bottom: 50px; padding: 0 0 0 50px; top: auto; text-align: left; } .woolentor-banner-layout-2.woolentor-content-align-right .woolentor-content { left: auto; padding-right: 50px; padding-left: 0; right: 0; text-align: right; } .woolentor-banner-layout-2.woolentor-content-align-right .woolentor-banner-img { padding-left: 0px; } .woocommerce.product-slider div.product.ht-product { float: left; } /* Special Day Banner */ .wlspcial-banner .banner-thumb { position: relative; } .wlspcial-banner-overlay-yes .wlspcial-banner .banner-thumb::before { background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; content: ""; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; height: 100%; z-index: 1; } .wlspcial-banner .banner-thumb a { overflow: hidden; position: relative; display: block; } .wlspcial-banner .banner-thumb a::before { background: #ffffff none repeat scroll 0 0; content: ""; height: 0; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: all 0.5s ease 0s; width: 0; } .wlspcial-banner .banner-thumb a::after { background: #ffffff none repeat scroll 0 0; bottom: 0; content: ""; height: 0; opacity: 0; pointer-events: none; position: absolute; right: 0; transition: all 0.5s ease 0s; width: 0; } .wlspcial-banner .banner-thumb a img { width: 100%; } .wlspcial-banner:hover .banner-thumb a::before { height: 100%; opacity: 0.3; width: 100%; } .wlspcial-banner:hover .banner-thumb a::after { height: 100%; opacity: 0.3; width: 100%; } .wlspcial-banner { position: relative; } .wlspcial-banner .banner-content { position: absolute; z-index: 2; width: 100%; text-align: center; } .wlspcial-banner .banner-content a { color: #383838; font-size: 14px; font-weight: 700; text-transform: uppercase; transition: all 0.4s ease 0s; text-decoration: none; display: inline-block; } .woolentor-banner-content-pos-center .banner-content { top: 50%; right: 0; left: auto; transform: translateY(-50%); } .woolentor-banner-content-pos-bottom .banner-content { bottom: 0; padding-bottom: 40px; } .woolentor-banner-content-pos-top .banner-content { top: 0; padding-top: 40px; } .wlspcial-banner.woolentor-banner-content-pos-right .banner-content { top: 50%; right: 0; width: auto; transform: translateY(-50%); } .wlspcial-banner.woolentor-banner-content-pos-left .banner-content { top: 50%; left: 0; width: auto; transform: translateY(-50%); } .wlbanner-badgeimage { position: absolute; top: 0; left: 0; display: inline-block; } .wlbanner-badgeimage img { width: 100%; } /* Category List */ .elementor-widget-woolentor-custom-product-archive .woocommerce[class*="columns-"] .product { /*max-width: inherit;*/ margin: 0; } .elementor-widget-woolentor-custom-product-archive .woocommerce[class*="columns-"] .woolentor_current_theme_layout .product { margin-right: 20px; } .wl-row { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } .wl-row.wlno-gutters { margin-right: 0; margin-left: 0; } [class*="wl-col-"] { padding-right: 15px; padding-left: 15px; } .wl-row > [class*="col-"] { min-height: 1px; position: relative; width: 100%; padding-right: 10px; padding-left: 10px; } .wl-row.wlno-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .wl-columns-1 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .wl-columns-2 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .wl-columns-3 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } .wl-columns-4 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .wl-columns-5 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .wl-columns-6 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666%; -ms-flex: 0 0 16.666%; flex: 0 0 16.666%; max-width: 16.666%; } .wl-columns-7 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 14.285%; -ms-flex: 0 0 14.285%; flex: 0 0 14.285%; max-width: 14.285%; } .wl-columns-8 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .wl-columns-9 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 11.111%; -ms-flex: 0 0 11.111%; flex: 0 0 11.111%; max-width: 11.111%; } .wl-columns-10 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; } .wlsingle-categorie { border: 1px solid #f3f3f3; padding: 35px 10px; text-align: center; margin-bottom: 15px; } .wlno-gutters .wlsingle-categorie { margin-bottom: 0; } .wlsingle-categorie .wlsingle-categorie-img a { font-size: 30px; } .wlsingle-categorie .wlcategorie-content h4 { font-size: 16px; margin: 17px 0 0; line-height: 1; position: relative; display: inline-block; } .wlsingle-categorie .wlcategorie-content h4 sup, .wlsingle-categorie .wlcategorie-content p { display: none; } .wl-layout-horizontal .wlsingle-categorie .wlcategorie-content h4 sup { position: absolute; top: 0; right: 0; } .wl-layout-vertical .wlsingle-categorie { border: 0; padding: 0; align-items: center; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .wl-layout-vertical .wlsingle-categorie .wlcategorie-content h4 { margin: 0; display: flex; } .wl-layout-vertical .wlsingle-categorie .wlsingle-categorie-img a { display: flex; } .wl-layout-vertical .wlsingle-categorie-img { padding-right: 22px; } .wl-layout-vertical .wlsingle-categorie { padding: 20px 0; } .wl-layout-vertical .wl-col-8:first-child .wlsingle-categorie { padding-top: 0 !important; border-top: 0 !important; } .wl-layout-vertical .wl-col-8:last-child .wlsingle-categorie { padding-bottom: 0 !important; border-bottom: 0 !important; } /* Brand Logo */ .wl-row.slick-slider { margin-right: 0; margin-left: 0; } .wl-single-brand { text-align: center; margin-bottom: 20px; } .slick-slide .wl-single-brand { margin-bottom: 0; } .slick-slide .wl-single-brand img { display: inline-block; } /* Capability With Wishsuite */ .ht-product-action-bottom .ht-product-inner .wishsuite-button.wishlist, .ht-product-action-bottom-content .ht-product-inner .wishsuite-button.wishlist, .ht-product-action-middle .ht-product-inner .wishsuite-button.wishlist, .wl_single-product-item .product-content .action li .wishsuite-button.wishlist { padding-top: 4px; } .ht-product-2 .ht-product-action-2 .wishsuite-button.wishlist { line-height: 42px; } .ht-product-2 .wishsuite-button.wishlist svg { width: 15px; height: 15px; } .ht-product-2 .ht-product-action-3 .wishsuite-button.wishlist { border-right: 1px solid rgba(255, 255, 255, 0.2); } .ht-product-2 .ht-product-action-5 .wishsuite-button.wishlist { line-height: 48px; } .ht-product-2 .ht-product-action-6 .wishsuite-button.wishlist { line-height: 40px; } /* single product meta */ .woocommerce .elementor-widget-wl-single-product-meta .product_meta > span { position: relative; } /* end single product meta */ .wlds-css { display: flex; justify-content: center; } @keyframes wlds-ripple { 0% { top: 96px; left: 96px; width: 0; height: 0; opacity: 1; } 100% { top: 18px; left: 18px; width: 156px; height: 156px; opacity: 0; } } @-webkit-keyframes wlds-ripple { 0% { top: 96px; left: 96px; width: 0; height: 0; opacity: 1; } 100% { top: 18px; left: 18px; width: 156px; height: 156px; opacity: 0; } } .wlds-ripple { position: relative; } .wlds-ripple div { box-sizing: content-box; position: absolute; border-width: 4px; border-style: solid; opacity: 1; border-radius: 50%; -webkit-animation: wlds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; animation: wlds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .wlds-ripple div:nth-child(1) { border-color: #51cacc; } .wlds-ripple div:nth-child(2) { border-color: #9df871; -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .wlds-ripple { width: 200px !important; height: 200px !important; -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px); transform: translate(-100px, -100px) scale(1) translate(100px, 100px); } /* WooCommerce Builder */ .elementor-widget-wl-product-related .products > h2, .elementor-widget-wl-product-additional-information h2, .elementor-widget-wl-single-product-upsell .up-sells > h2 { display: none; } .elementor-widget-wl-product-related.wlshow-heading-yes .products > h2, .elementor-element.wl-show-heading-yes .up-sells > h2, .elementor-widget-wl-product-additional-information.wl-show-heading-yes h2 { display: block; } [class*="woolentorducts-columns-"] ul.products { display: flex !important; flex-flow: row wrap; column-gap: 0; justify-content: start; } [class*="woolentorducts-columns-"] ul.products li.product { margin-left: 0 !important; } .woolentorducts-columns-6 ul.products li.product { width: calc(16% - 30px) !important; margin-right: 30px !important; float: left; } .woolentorducts-columns-5 ul.products li.product { width: calc(19% - 30px) !important; margin-right: 30px !important; float: left; } .woolentorducts-columns-4 ul.products li.product { width: calc(25% - 30px) !important; margin-right: 30px !important; float: left; } .woolentorducts-columns-3 ul.products li.product { width: calc(33.33% - 30px) !important; margin-right: 30px !important; float: left; } .woolentorducts-columns-2 ul.products li.product { width: calc(50% - 30px) !important; margin-right: 30px !important; float: left; } .woolentorducts-columns-1 ul.products li.product { width: 100% !important; } [class*="woolentorducts-columns-"] ul.products li.product.first { clear: none !important; } .woolentorducts-columns-6 ul.products li.product:nth-child(6n), .woolentorducts-columns-5 ul.products li.product:nth-child(5n), .woolentorducts-columns-4 ul.products li.product:nth-child(4n), .woolentorducts-columns-3 ul.products li.product:nth-child(3n), .woolentorducts-columns-2 ul.products li.product:nth-child(2n), .woolentorducts-columns-1 ul.products li.product { margin-right: 0 !important; } .woocommerce #content div.product .woolentor-woo-template-builder div.images, .woocommerce div.product .woolentor-woo-template-builder div.images { width: 100%; } .woolentor-product-loop-item-align-left ul.products li.product .star-rating { margin-right: auto; } .woolentor-product-loop-item-align-right ul.products li.product .star-rating { margin-left: auto; } .woolentor-product-loop-item-align-center ul.products li.product .star-rating { margin-right: auto; margin-left: auto; } .elementor-widget-woolentor-product-archive-addons ul.products li.product span.onsale { display: none; } .elementor-widget-woolentor-product-archive-addons ul.products li.product .onsale { margin: 0; } .woocommerce div.product .woolentor-woo-template-builder form.cart .button { transition: 0.4s; } .woocommerce div.product .woolentor-woo-template-builder .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woolentor-woo-template-builder .woocommerce-tabs ul.tabs li::before { display: none; } .elementor-widget-wl-cart-total div[class^="ht-col"], .elementor-widget-wl-cart-total div[class^="col"] { width: 100% !important; max-width: 100% !important; } .elementor-widget-wl-myaccount-login-form input[type="checkbox"] { width: auto; display: inline-block; height: auto; } .woolentor-myaccount-form-login .form-row { display: block; } /* Product Video Gallery */ .woolentor-product-gallery-video { position: relative; } .video-cus-tab-pane { display: none; } .video-cus-tab-pane img { width: 100%; } .video-cus-tab-pane.htactive { display: block; } .woolentor-product-video-tabs { padding: 0; list-style: none; margin: 10px -5px 0; } .woolentor-product-video-tabs li { display: block; padding: 0 5px; width: 25%; cursor: pointer; float: left; margin-bottom: 10px; } .woolentor-product-video-tabs li img { width: 100%; } .woolentor-product-video-tabs li a { position: relative; display: block; } .woolentor-product-video-tabs li.wlvideothumb a::before { background: #000; opacity: 0.5; position: absolute; width: 100%; height: 100%; content: ""; } span.wlvideo-button { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; color: #fff; font-size: 18px; display: flex; justify-content: center; align-items: center; } .wlpro-product-thumbnails, .wlpro-product-videothumbnails { overflow: hidden; width: 100% !important; float: none !important; } .wlpro-product-videothumbnails.thumbnails-tab-position-left ul.woolentor-product-video-tabs, .wlpro-product-videothumbnails.thumbnails-tab-position-right ul.woolentor-product-video-tabs { float: left; margin: 0; padding-right: 10px; width: 20%; } .wlpro-product-videothumbnails.thumbnails-tab-position-right ul.woolentor-product-video-tabs { margin: 0; padding-right: 0; padding-left: 10px; } .wlpro-product-videothumbnails.thumbnails-tab-position-left ul.woolentor-product-video-tabs li, .wlpro-product-videothumbnails.thumbnails-tab-position-right ul.woolentor-product-video-tabs li { width: 100%; } .wlpro-product-videothumbnails.thumbnails-tab-position-left .woolentor-product-gallery-video, .wlpro-product-videothumbnails.thumbnails-tab-position-right .woolentor-product-gallery-video { width: 80%; float: left; } .woolentor-product-gallery-video span.ht-product-label { padding: 10px; font-size: 1em; font-weight: 700; position: absolute; text-align: center; top: 0; right: 0; border-radius: 10px; background-color: #b3af54; color: #fff; font-size: .857em; z-index: 9; } /* Checkout Page */ .elementor-widget-wl-checkout-order-review #order_review { width: 100% !important; float: none !important; background-color: transparent !important; } span.woolentor-order-item-title .product-thumbnail { display: none; } .woolentor-order-review-product span.product-thumbnail { display: inline-block; padding-right: 10px; } .woolentor-order-review-product span.product-thumbnail img { max-width: 70px; } .woolentor_current_theme_storefront span.woolentor-order-item-title { display: flex; align-items: center; } .woolentor-order-review-product .variation { display: none !important; } .woolentor-order-review-product .woolentor-order-item-title .variation { display: block !important; } .woolentor-order-review-product .woolentor-order-item-title { display: flex; overflow: hidden; } .woolentor_current_theme_storefront .elementor-widget-wl-checkout-order-review table.woocommerce-checkout-review-order-table .product-name { width: auto !important; } .woolentor_current_theme_99fy dd.variation-woolentor_cart_availability { display: block !important; } .woolentor_current_theme_99fy .woolentor-order-review-product p { margin: 0; } /* Custom Field */ .woolentor-field-radio span input { height: auto; width: auto; } .woolentor-field-radio .woocommerce-input-wrapper label { display: inline-block !important; margin-left: 5px; margin-right: 5px; } .woolentor-field-radio .woocommerce-input-wrapper { display: flex; align-items: center; } .woolentor-woocommerce-checkout .form-row.woolentor-field-heading, .form-row.woolentor-field-heading { border-bottom: 1px solid #ebebeb; padding: 10px 0 10px; } .woolentor-woocommerce-checkout .form-row.woolentor-field-heading *, .form-row.woolentor-field-heading * { margin: 0; } .woocommerce-additional-fields__field-wrapper .woolentor-field-area { margin: 0 0 6px; } .woocommerce-additional-fields__field-wrapper .woolentor-field-area select { width: 100%; } .woolentor-field-area .woocommerce-multicheckbox-wrapper label { display: block; } /* Builder Addons */ .woolentor_archive_result_count .woocommerce-result-count, .woolentor_archive_catalog_ordering form.woocommerce-ordering { margin: 0 !important; float: none !important; } .woolentor_archive_catalog_ordering form.woocommerce-ordering { display: block; } .woolentor_archive_catalog_ordering form.woocommerce-ordering select { background-color: transparent; width: 100%; max-width: 100%; } .elementor-widget-wl-product-add-to-cart .stock:not(.available-on-backorder), .elementor-widget-wl-product-add-to-cart .ast-stock-detail { display: none; } .elementor-widget-wl-product-add-to-cart .wl-addto-cart.wl-show-status .woocommerce-variation-availability .stock,.elementor-widget-wl-product-add-to-cart .wl-addto-cart.wl-show-status .woocommerce-variation-availability .ast-stock-detail{ display: inline-block !important; } /* Sale Notification */ .notifake { max-width: 550px; } .woolentor-notification-content { position: fixed; bottom: 10px; background: #fff; display: flex; flex-flow: row wrap; left: -150px; align-items: center; box-shadow: 0 0 10px #ccc; width: 450px; border-radius: 10px; z-index: 99999; } .woolentor-notification-content .elementor { width: 100%; } .woolentor-notification-content.topleft { left: 10px; top: 10px; bottom: auto; } .woolentor-notification-content.topright { left: auto; right: 10px; top: 10px; bottom: auto; } .logged-in .woolentor-notification-content.topleft, .logged-in .woolentor-notification-content.topright { top: 45px; } .woolentor-notification-content.bottomleft { left: 10px; } .woolentor-notification-content.bottomright { right: 10px; left: auto; } .woolentor-notification-content.imageright { flex-direction: row-reverse; padding-right: 0; padding-left: 20px; } .wlnotification_image { padding-right: 15px; flex: 0 0 25%; } .wlnotification_image img { border-radius: 5px; width: 100%; } .woolentor-notification-content.imageright .wlnotification_image { padding-right: 0; padding-left: 15px; } .wlnotification_content { flex: 0 0 70%; } .imageright .wlnotification_content { text-align: right; } .wlnotification_content h4, .wlnotification_content h6 { margin: 0; color: #000; } .wlnotification_content h4 { font-size: 18px; margin-bottom: 0px; } .wlnotification_content h6 { font-size: 14px; } .wlnotification_content p { margin-bottom: 3px; max-width: 450px; font-size: 13px; font-weight: 300; color: #7e7e7e; } .woolentor-buyername { font-size: 12px; float: right; } .imageright .woolentor-buyername { float: left; } .wlcross { position: absolute; right: 0px; top: 4px; color: #000; font-size: 20px; line-height: 0; padding: 10px; cursor: pointer; transition: 0.4s; } .wlcross:hover { color: #f05b64; } /* Call for Price */ .wl-call-forprice a { padding: 8px 15px; display: inline-block; background: #000; color: #fff; border-radius: 5px; } .wl-call-forprice a:hover { color: #fff; } /* Suggest Price */ .wl-suggest-price form { display: none; margin-top: 10px; } .wl-suggest-form-input input:not([type="submit"]) { width: 100%; display: block; border: 1px solid #dddd; padding: 10px 10px; border-radius: 0; font-size: 14px; margin-bottom: 10px; } .wl-suggest-form-input input[type="submit"] { font-size: 14px; border-radius: 0; font-weight: 500; padding: 8px 15px; cursor: pointer; transition: 0.4s; } .wl-suggest-form-input textarea { border: 1px solid #dddd; padding: 10px 10px; border-radius: 0; font-size: 14px; margin-bottom: 10px; width: 100%; } .wlsugget-button { padding: 8px 18px; font-size: 16px; font-weight: 400; border-radius: 5px; cursor: pointer; transition: 0.4s; } .wlsendmessage{ margin: 0 0 10px 0; padding: 0; display: none; } /* Single Product Sticky Add to Cart */ .woolentor-add-to-cart-sticky .woolentor-flash-product-countdown { display: none; } .woolentor-add-to-cart-sticky .woolentor-product-badge-area{ display: none; } .woolentor-add-to-cart-sticky { position: fixed; right: 0; bottom: 0; left: 0; z-index: 999; padding: 10px 0; background-color: #fff; box-shadow: 0 0 9px rgba(0, 0, 0, 0.12); transition: -webkit-transform 0.25s ease; transition: transform 0.25s ease; transition: transform 0.25s ease, -webkit-transform 0.25s ease; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .woolentor-sticky-shown.woolentor-add-to-cart-sticky { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .woolentor-add-to-cart-sticky .ht-container .ht-row { align-items: center; flex-direction: row; justify-content: space-between; } .woolentor-sticky-thumbnail { overflow: hidden; margin-right: 10px; } .woolentor-sticky-thumbnail img { max-width: 80px; } .woolentor-addtocart-content { display: flex; align-items: center; margin-right: 15px; } .woolentor-addtocart-content .title { margin: 0; font-size: 18px; display: block; } .woolentor-addtocart-content .price { font-size: 14px; } .woolentor-sticky-btn-area { display: flex; align-items: center; flex-direction: row; justify-content: flex-end; } .woolentor-sticky-btn-area .yith-wcwl-add-to-wishlist { display: none; } .woolentor-sticky-btn-area .woolentor-sticky-wishlist .yith-wcwl-add-to-wishlist { display: block; } .woolentor-sticky-btn-area .cart { display: flex; flex: 0 0 auto; align-items: center; flex-direction: row; flex-wrap: wrap; } .woolentor-sticky-btn-area .quantity { margin-right: 10px; } .woolentor-sticky-btn-area .tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button { margin-top: 0; } .woolentor-add-to-cart-sticky .tinv-wraper, .woocommerce .woolentor-add-to-cart-sticky .wc-forward, .woolentor-add-to-cart-sticky .wc-forward { display: none; } .woolentor-add-to-cart-sticky .woolentor-sticky-wishlist .tinv-wraper { display: block; } .woolentor-sticky-wishlist .yith-wcwl-add-to-wishlist { margin-top: 0; } .yith-wcwl-add-to-wishlist.exists .yith-wcwl-wishlistaddedbrowse { display: block !important; } .woolentor-add-to-cart-sticky .button { color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 400 !important; border-radius: 0 !important; margin-right: 10px !important; background-color: #ff4136 !important; } .woolentor-sticky-btn-area .stock.in-stock { margin: 0; margin-right: 10px; } /* Stock Progressbar Style */ .woolentor-stock-progress-bar, .stock-management-progressbar { margin-top: 15px; } .woolentor-stock-progress-bar .wlstock-info { color: #777; display: flex; flex-flow: row wrap; justify-content: space-between; margin-bottom: 5px; } .woolentor-stock-progress-bar .wlstock-info span { color: #333; font-weight: 600; margin-left: 3px; } .woolentor-stock-progress-bar .wlprogress-area { background-color: #444444; width: 100%; } .woolentor-stock-progress-bar .wlprogress-area { height: 10px; } .woolentor-stock-progress-bar .wlprogress-bar { height: 100%; } .woolentor-stock-progress-bar .wlprogress-bar { background-color: #ff4136; } /* Quickview Button Text */ .ht-products .ht-product.ht-product-action-right .ht-product-inner .ht-product-action ul[class*="woolentor-btn-text"] li a { margin-left: auto; } .ht-product-action ul[class*="woolentor-btn-text"] li.woolentor-cart a { width: auto !important; height: auto !important; text-indent: 0; } .ht-product-action ul[class*="woolentor-btn-text"] li.woolentor-cart a:before { display: none; } .ht-products .ht-product .ht-product-inner .ht-product-action ul[class*="woolentor-btn-text"] li a:hover .ht-product-action-tooltip, .ht-products .ht-product .ht-product-inner .ht-product-action ul[class*="woolentor-btn-text"] li:hover span.woolentor-tip { z-index: 999; } .htwl-modal-content { max-height: 470px; overflow-y: auto; overflow-x: hidden; } /* Customer Review */ .wl-customer-review .wl-row > [class*="col-"] { margin-bottom: 30px; } .wlb-review-style-1 .wl-customer-testimonal { background: #f7f8f9; padding: 30px; margin-top: 30px; } .wlb-review-style-1 .wl-customer-testimonal .content { display: flex; align-items: center; } .wlb-review-style-1 .wl-customer-testimonal .content img { max-width: 80px; border-radius: 100%; } .wlb-review-style-1 .wl-customer-testimonal .content img + .clint-info { padding-left: 25px; } .wlb-review-style-1 .wl-customer-testimonal .content .clint-info h4 { font-size: 18px; color: #383838; margin: 0; } .wlb-review-style-1 .wl-customer-testimonal .content .clint-info span { color: #1834a6; font-size: 13px; } .wlb-review-style-1 .wl-customer-testimonal p { color: #5b5b5b; font-size: 14px; line-height: 26px; margin: 0; margin-top: 22px; } /* Customer Review Style 02 */ .wlb-review-style-2 .wl-customer-testimonal { background: #fff none repeat scroll 0 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin-top: 30px; padding: 40px 30px; } .wlb-review-style-2 .wl-customer-testimonal img { border: 2px solid #43df9c; border-radius: 50%; box-sizing: content-box; float: left; max-width: 90px; } .wlb-review-style-2 .wl-customer-testimonal .content p { color: #3e3e3e; font-size: 16px; line-height: 28px; margin-bottom: 20px; } .wlb-review-style-2 .wl-customer-testimonal .content { overflow: hidden; padding-left: 20px; } .wlb-review-style-2 .wl-customer-testimonal .content .clint-info { padding-left: 50px; } .wlb-review-style-2 .wl-customer-testimonal .content .clint-info h4 { position: relative; } .wlb-review-style-2 .wl-customer-testimonal .content .clint-info h4::before { background: #383838 none repeat scroll 0 0; content: ""; height: 2px; left: -48px; position: absolute; top: 18px; width: 30px; } .wl-customer-align-center .wlb-review-style-2 .wl-customer-testimonal .content .clint-info h4::before { left: 30%; } .wl-customer-align-right .wlb-review-style-2 .wl-customer-testimonal .content .clint-info h4::before { left: auto; right: 80px; } /* Customer Review Style 03 */ .wlb-review-style-3 .wl-customer-testimonal { background: #fff none repeat scroll 0 0; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin-top: 53px; padding-bottom: 27px; position: relative; text-align: center; } .wlb-review-style-3 .wl-customer-testimonal { margin-top: 82px; } .wlb-review-style-3 .wl-customer-testimonal img { border: 2px solid #727272; border-radius: 50%; box-sizing: content-box; left: 50%; max-width: 100px; position: absolute; top: 0; transform: translate(-50%, -50%); } .wlb-review-style-3 .wl-customer-testimonal .content { margin-top: 0; padding-top: 73px; } .wlb-review-style-3 .wl-customer-testimonal .content p { color: #5b5b5b; font-size: 14px; font-style: italic; line-height: 24px; margin-bottom: 4px; padding: 0 4%; } .wlb-review-style-3 .wl-customer-testimonal .content h4 { color: #5b5b5b; font-size: 16px; font-weight: 600; line-height: 37px; margin: 0; } .wlb-review-style-3 .wl-customer-testimonal .clint-info .rating, .wlb-review-style-4 .wl-customer-testimonal .clint-info .rating { justify-content: center; } .wlb-review-style-3 .wl-customer-testimonal .clint-info { padding: 0 4%; } .wl-customer-align-right .wlb-review-style-3 .wl-customer-testimonal img { right: -40px; left: auto; } .wl-customer-align-left .wlb-review-style-3 .wl-customer-testimonal img { left: 70px; } /* Customer Review Style 04 */ .wlb-review-style-4 .wl-customer-testimonal .content { background: #fff none repeat scroll 0 0; box-shadow: 0 0 10px rgba(82, 182, 188, 0.25); padding: 50px 9%; position: relative; text-align: center; } .wlb-review-style-4 .wl-customer-testimonal .clint-info { margin-top: 40px; text-align: center; } .wlb-review-style-4 .wl-customer-testimonal img { border: 2px solid #ececec; border-radius: 50%; box-sizing: content-box; display: inline-block; max-width: 80px; } .wlb-review-style-4 .wl-customer-testimonal .clint-info h4 { color: #5c5c5c; font-size: 22px; font-weight: 700; margin-bottom: 4px; margin-top: 22px; } .wlb-review-style-4 .wl-customer-testimonal .clint-info span { color: #5c5c5c; font-size: 15px; font-weight: 600; } .wlb-review-style-4 .wl-customer-testimonal .content .triangle { border-color: #fff transparent transparent; border-style: solid; border-width: 20px; left: 50%; margin-top: -1px; position: absolute; top: 100%; transform: translateX(-50%); } .wl-customer-align-right .wlb-review-style-4 .wl-customer-testimonal .clint-info, .wl-customer-align-right .wlb-review-style-4 .wl-customer-testimonal .content { text-align: right; } .wl-customer-align-left .wlb-review-style-4 .wl-customer-testimonal .clint-info, .wl-customer-align-left .wlb-review-style-4 .wl-customer-testimonal .content { text-align: left; } .wl-customer-align-right .wlb-review-style-4 .wl-customer-testimonal .content .triangle { right: 0px; left: auto; } .wl-customer-align-left .wlb-review-style-4 .wl-customer-testimonal .content .triangle { left: 45px; } .wl-customer-testimonal .clint-info h4 { margin: 0; } .wl-customer-testimonal .clint-info .rating { color: #ffcf0e; display: flex; list-style: outside none none; margin: 4px 0 0; padding: 0; } .wl-customer-testimonal .clint-info .rating li { margin-right: 8px; } .wl-customer-testimonal .clint-info .rating li:last-child { margin-right: 0; } .wl-customer-testimonal .content img.avatar { border-radius: 100%; } .wl-customer-align-center .wl-customer-testimonal .clint-info .rating { justify-content: center; } .wl-customer-align-left .wl-customer-testimonal .clint-info .rating { justify-content: flex-start; } .wl-customer-align-right .wl-customer-testimonal .clint-info .rating { justify-content: flex-end; } /* * Image Marker With Pointer */ /*Marker Style 01*/ .wlb-marker-style-1 { padding: 245px 0; } .wlb-marker-style-1 .wlb_image_pointer { width: 36px; height: 36px; border-radius: 100%; border: 3px solid #ed552d; background-color: #fff; position: relative; display: inline-block; text-align: center; cursor: pointer; line-height: 32px; } .wlb-marker-style-1 .wlb_image_pointer .wlb_pointer_box { background: #fff; width: 240px; position: absolute; top: 0; right: 50%; -webkit-transform: translate3d(50%, -100%, 0); transform: translate3d(50%, -100%, 0); border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); z-index: 10; padding: 20px; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); text-align: center; } .wlb-marker-style-1 .wlb_image_pointer .wlb_pointer_box h4 { font-size: 20px; margin-bottom: 7px; } .wlb-marker-style-1 .wlb_image_pointer .wlb_pointer_box p { font-size: 13px; line-height: 24px; margin: 0; } .wlb-marker-style-1 .wlb_image_pointer:hover .wlb_pointer_box { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translateY(-110%) translateX(50%); transform: translateY(-110%) translateX(50%); } .wlb-marker-style-1 .wlb_image_pointer::before { content: "\f129"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); font-family: FontAwesome; color: #ed552d; font-size: 18px; width: 100%; height: 100%; } .wlb-marker-style-1 .wlb_image_pointer { position: absolute; left: 66%; top: 15%; } /*Marker Style 02*/ .wlb-marker-style-2 { padding: 245px 0; } .wlb-marker-style-2 .wlb_image_pointer { width: 46px; height: 46px; border-radius: 100%; border: 5px solid #dddddd; background-color: #fff; position: relative; display: inline-block; text-align: center; cursor: pointer; line-height: 38px; } .wlb-marker-style-2 .wlb_image_pointer .wlb_pointer_box { background: #fff; width: 240px; position: absolute; top: 0; right: 50%; -webkit-transform: translate3d(50%, -100%, 0); transform: translate3d(50%, -100%, 0); border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); z-index: 10; padding: 20px; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); text-align: center; } .wlb-marker-style-2 .wlb_image_pointer .wlb_pointer_box h4 { font-size: 20px; margin-bottom: 7px; } .wlb-marker-style-2 .wlb_image_pointer .wlb_pointer_box p { font-size: 13px; line-height: 24px; margin: 0; } .wlb-marker-style-2 .wlb_image_pointer:hover .wlb_pointer_box { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translateY(-110%) translateX(50%); transform: translateY(-110%) translateX(50%); } .wlb-marker-style-2 .wlb_image_pointer::before { content: "\f067"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); font-family: FontAwesome; color: #ed552d; font-size: 18px; width: 100%; height: 100%; transition: 0.4s ease-in-out; } .wlb-marker-style-2 .wlb_image_pointer:hover::before { transform: translateX(-50%) translateY(-50%) rotate(47deg); } .wlb-marker-style-2 .wlb_image_pointer { position: absolute; left: 50%; top: 26%; } /*Marker Style 03*/ .wlb-marker-style-3 { padding: 245px 0; } .wlb-marker-style-3 .wlb_image_pointer { width: 46px; height: 46px; border-radius: 100%; background-color: #000000; position: relative; display: inline-block; text-align: center; cursor: pointer; line-height: 49px; z-index: 2; } .wlb-marker-style-3 .wlb_image_pointer .wlb_pointer_box { background: #000000; width: 240px; position: absolute; top: 0; right: 50%; -webkit-transform: translate3d(50%, -100%, 0); transform: translate3d(50%, -100%, 0); border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); z-index: 10; padding: 20px; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); text-align: center; } .wlb-marker-style-3 .wlb_image_pointer .wlb_pointer_box h4 { font-size: 20px; margin-bottom: 7px; color: #ffffff; } .wlb-marker-style-3 .wlb_image_pointer .wlb_pointer_box p { font-size: 13px; line-height: 24px; margin: 0; color: #ffffff; } .wlb-marker-style-3 .wlb_image_pointer:hover .wlb_pointer_box { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translateY(-110%) translateX(50%); transform: translateY(-110%) translateX(50%); } .wlb-marker-style-3 .wlb_image_pointer::before { content: "\f067"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); font-family: FontAwesome; color: #ffffff; font-size: 18px; width: 100%; height: 100%; transition: 0.4s ease-in-out; } .wlb-marker-style-3 .wlb_image_pointer::after { position: absolute; left: 2px; background: #000; content: ""; right: 2px; top: 2px; bottom: 2px; border-radius: 100%; border: 2px solid #fff; z-index: -1; } .wlb-marker-style-3 .wlb_image_pointer:hover::before { transform: translateX(-50%) translateY(-50%) rotate(47deg); } .wlb-marker-style-3 .wlb_image_pointer { position: absolute; left: 50%; top: 26%; } /*Marker Style 04*/ .wlb-marker-style-4 { padding: 245px 0; } .wlb-marker-style-4 .wlb_image_pointer { width: 46px; height: 46px; border-radius: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; display: inline-block; text-align: center; cursor: pointer; line-height: 38px; border: 5px solid #d88d78; z-index: 2; } .wlb-marker-style-4 .wlb_image_pointer .wlb_pointer_box { background-position: center center; background-size: cover; background-repeat: no-repeat; width: 240px; position: absolute; top: 0; right: 50%; -webkit-transform: translate3d(50%, -100%, 0); transform: translate3d(50%, -100%, 0); border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); z-index: 10; padding: 20px; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); text-align: center; } .wlb-marker-style-4 .wlb_image_pointer .wlb_pointer_box h4 { font-size: 20px; margin-bottom: 7px; } .wlb-marker-style-4 .wlb_image_pointer .wlb_pointer_box p { font-size: 13px; line-height: 24px; margin: 0; color: #18012c; } .wlb-marker-style-4 .wlb_image_pointer:hover .wlb_pointer_box { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translateY(-110%) translateX(50%); transform: translateY(-110%) translateX(50%); } .wlb-marker-style-4 .wlb_image_pointer::before { content: "\f067"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); font-family: FontAwesome; color: #d88d78; font-size: 18px; width: 100%; height: 100%; transition: 0.4s ease-in-out; } .wlb-marker-style-4 .wlb_image_pointer:hover::before { transform: translateX(-50%) translateY(-50%) rotate(47deg); } .wlb-marker-style-4 .wlb_image_pointer { position: absolute; left: 83%; top: 37%; } /*Marker Style 05*/ .wlb-marker-style-5 { padding: 245px 0; } .wlb-marker-style-5 .wlb_image_pointer { width: 46px; height: 46px; border-radius: 4px; background: #000; position: relative; display: inline-block; text-align: center; cursor: pointer; line-height: 47px; z-index: 2; } .wlb-marker-style-5 .wlb_image_pointer .effect-1 { position: relative; } .wlb-marker-style-5 .wlb_image_pointer .effect-1::before, .wlb-marker-style-5 .wlb_image_pointer .effect-1::after { position: absolute; top: 50%; left: 50%; display: block; content: ""; border: 1px solid #f10; border-radius: 50%; -webkit-transform: scale(0.35) translateY(-50%) translateX(-50%); -ms-transform: scale(0.35) translateY(-50%) translateX(-50%); transform: scale(0.35) translateY(-50%) translateX(-50%); opacity: 0; -webkit-animation: marker-ripple-animation 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0.4s infinite; animation: marker-ripple-animation 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0.4s infinite; } .wlb-marker-style-5 .wlb_image_pointer .effect-1::before { width: 32px; height: 32px; left: 50%; top: 50%; z-index: -1; } .wlb-marker-style-5 .wlb_image_pointer .effect-1::after { width: 32px; height: 32px; z-index: -1; border-color: rgba(255, 255, 255, 0.4); -webkit-animation: marker-ripple-animation 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0s infinite; animation: marker-ripple-animation 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0s infinite; } .wlb-marker-style-5 .wlb_image_pointer .wlb_pointer_box { background: #000000; width: 240px; position: absolute; top: 0; right: 50%; -webkit-transform: translate3d(50%, -100%, 0); transform: translate3d(50%, -100%, 0); border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); z-index: 10; padding: 20px; -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07); text-align: center; } .wlb-marker-style-5 .wlb_image_pointer .wlb_pointer_box h4 { font-size: 20px; margin-bottom: 7px; color: #fff; } .wlb-marker-style-5 .wlb_image_pointer .wlb_pointer_box p { font-size: 13px; line-height: 24px; margin: 0; color: #fff; } .wlb-marker-style-5 .wlb_image_pointer:hover .wlb_pointer_box { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translateY(-110%) translateX(50%); transform: translateY(-110%) translateX(50%); } .wlb-marker-style-5 .wlb_image_pointer::before { content: "\f067"; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); font-family: FontAwesome; color: #ffffff; font-size: 18px; width: 100%; height: 100%; transition: 0.4s ease-in-out; } .wlb-marker-style-5 .wlb_image_pointer:hover::before { transform: translateX(-50%) translateY(-50%) rotate(47deg); } .wlb-marker-style-5 .wlb_image_pointer { position: absolute; left: 83%; top: 37%; } /* Marker Animation Css */ @-webkit-keyframes marker-ripple-animation { 0% { -webkit-transform: translate3d(-50%, -50%, 0) scale(1); opacity: 1; } 100% { -webkit-transform: translate3d(-50%, -50%, 0) scale(1.7); opacity: 0; } } @keyframes marker-ripple-animation { 0% { transform: translate3d(-50%, -50%, 0) scale(1); opacity: 1; } 100% { transform: translate3d(-50%, -50%, 0) scale(1.7); opacity: 0; } } /* For Empty Cart Ajax remove message */ .elementor-widget-wl-empty-cart-message .woocommerce-notices-wrapper .cart-empty + .cart-empty { display: none; } /* single product advance addto cart */ .wl-quantity-wrap .label, .wl-quantity-wrap .wl-quantity, .wl-cart-icon, .wl-wishlist-compare-txt { display: none; } .wl-addto-cart .wishsuite-button.wltooltip_no span.wishsuite-btn-text { display: none; } .woolentor_current_theme_blocksy .wl-addto-cart.wl-style-2 form.cart .wl-quantity-wrap span.label { margin: 22px 0px; } .woolentor_current_theme_blocksy .wl-addto-cart a.htcompare-btn { display: unset !important; } .woolentor_current_theme_oceanwp .wl-addto-cart form.cart .quantity { min-width: unset; } .woolentor_current_theme_blocksy .wl-addto-cart.grouped.wl-style-5 form.cart .wl-cart-wrap, .woolentor_current_theme_blocksy .wl-addto-cart.variable.wl-style-3 form.cart .wl-quantity-wrap, #holmes .wl-addto-cart.variable.wl-style-3 form.cart .wl-quantity-wrap, #holmes .wl-addto-cart.variable.wl-style-5 form.cart .wl-quantity-wrap { flex-wrap: unset !important; } #holmes .wl-addto-cart form.cart .button { height: auto !important; } /*blocsky support*/ .woolentor_current_theme_blocksy .wl-addto-cart.wl-style-2 .quantity .qty, .woolentor_current_theme_blocksy .wl-addto-cart.wl-style-3 .quantity .qty, .woolentor_current_theme_blocksy .wl-addto-cart.wl-style-5 .quantity .qty { width: inherit !important; text-align: center !important; } .woolentor_current_theme_blocksy .wl-addto-cart.grouped.wl-style-5 form.cart .wl-cart-wrap, .woolentor_current_theme_blocksy .wl-addto-cart.variable.wl-style-3 form.cart .wl-quantity-wrap { flex-wrap: unset !important; } .wl-addto-cart.wl-style-2 .cart .quantity[data-type="type-2"] .ct-increase, .wl-addto-cart.wl-style-4 .cart .quantity[data-type="type-2"] .ct-increase, .wl-addto-cart.wl-style-4 .cart .quantity[data-type="type-2"] .ct-decrease, .wl-addto-cart.wl-style-2 .cart .quantity[data-type="type-2"] .ct-decrease { display: none; } .woolentor-page-template .ct-woo-account { display: block; } .fusion-body .wl-quantity-cal .quantity{ border: none; } .woolentor_current_theme_Avada .woolentorducts-columns-4 ul.products li.product.product-list-view { width: 100% !important; } /*ocean wp support*/ .wl-addto-cart.wl-style-2 .cart .quantity a.plus, .wl-addto-cart.wl-style-4 .cart .quantity a.minus, .wl-addto-cart.wl-style-4 .cart .quantity a.plus, .wl-addto-cart.wl-style-2 .cart .quantity a.minus, .wl-addto-cart.wl-style-4 .cart .quantity > .plus, .wl-addto-cart.wl-style-2 .cart .quantity > .minus, .wl-addto-cart.wl-style-2 .cart .quantity > .plus, .woolentor_current_theme_oceanwp .wl-addto-cart .cart .quantity a.plus, .woolentor_current_theme_oceanwp .wl-addto-cart .cart .quantity a.minus { display: none; } .wl-addto-cart.wl-style-2 .wl-quantity-wrap .label, .wl-addto-cart.wl-style-2 .wl-quantity-wrap .wl-quantity, .wl-addto-cart.wl-style-3 .wl-quantity-wrap .label, .wl-addto-cart.wl-style-5 .wl-quantity-wrap .label { display: inline-block; } .wl-addto-cart form.cart > a.wishsuite-product-before_cart_btn, .wl-addto-cart.grouped form.cart .wl-cart-wrap > a.wishsuite-product-before_cart_btn, .wl-addto-cart.variable form.cart .single_variation_wrap .woocommerce-variation-add-to-cart > a.wishsuite-product-before_cart_btn { display: none; } .wl-addto-cart form.cart .htcompare-button-area, .wl-addto-cart form.cart .single_variation_wrap .woocommerce-variation-add-to-cart .htcompare-button-area { display: none; } .wl-addto-cart .wishsuite-btn,.wl-addto-cart .wishsuite-button { position: static !important; } .woolentor-sticky-wishlist .wishsuite-button,.woolentor-sticky-wishlist .wishsuite-btn{ display: none !important; } .woocommerce div.product .wl-addto-cart.wl-style-2 form.cart div.quantity, .wl-addto-cart.wl-style-2 form.cart div.quantity { float: none; margin-right: 0px; } .wl-addto-cart.wl-style-2 form.cart .wl-quantity-wrap { display: flex; margin-bottom: 30px; } .woocommerce-js div.product .wl-addto-cart form.cart div.quantity, .wl-quantity-cal div.quantity{ margin: 0; } .woocommerce-js .wl-addto-cart .quantity .qty{ margin: 0; background: transparent; } .woocommerce-js div.product .wl-addto-cart form.cart .button, .wl-cart-wrap .button{ margin: 0; } .wl-addto-cart.wl-style-2 form.cart .wl-quantity-wrap .wl-quantity-cal { display: flex; flex-wrap: wrap; border-bottom: 1px solid #333333; align-items: center; margin-left: 80px; } .wl-addto-cart.wl-style-2 form.cart .wl-quantity-wrap span.label { font-size: 14px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; color: #333333; margin-top: 5px; } .wl-addto-cart.wl-style-2 form.cart .wl-quantity-wrap .wl-quantity { background: transparent; color: #666; font-size: 14px; } .woocommerce .wl-addto-cart.wl-style-2 .quantity input[type="number"] { border-width: 0px; color: #212529; font-weight: 500; text-align: center; width: 4em; } .wl-addto-cart form.cart .wl-quantity-wrap .wl-quantity { cursor: pointer; } .wl-addto-cart.wl-style-2 form.cart .wl-quantity-wrap .wl-quantity { padding-left: 0px; padding-right: 35px; } .wl-addto-cart.wl-style-2 form.cart .wl-quantity-wrap .wl-quantity.wl-quantity-plus { padding-right: 0px; padding-left: 35px; } .woocommerce .wl-addto-cart.wl-style-2 .quantity input[type="number"]::-webkit-outer-spin-button, .woocommerce .wl-addto-cart.wl-style-2 .quantity input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .woocommerce .wl-addto-cart.wl-style-2 .quantity input[type="number"] { appearance: textfield; -moz-appearance: textfield; } .woocommerce div.product .wl-addto-cart form.cart:after, .woocommerce div.product .wl-addto-cart form.cart:before, .wl-addto-cart form.cart:after, .wl-addto-cart form.cart:before { display: none; } .woocommerce div.product .wl-addto-cart.external.wl-style-2 form.cart .button, .woocommerce div.product .wl-addto-cart.wl-style-2 form.cart .button, .wl-addto-cart.wl-style-2 form.cart .button, .wl-addto-cart.external.wl-style-2 form.cart .button { vertical-align: baseline; float: none; font-weight: 400; line-height: 24px; margin-bottom: 10px; padding: 15px 40px; text-align: center; white-space: nowrap; letter-spacing: 1px; text-transform: uppercase; color: #ffffff; border: 1px solid #333333; border-radius: 500px; background-color: #333333; } .woocommerce div.product .wl-addto-cart.wl-style-2 form.cart .button:hover, .wl-addto-cart.wl-style-2 form.cart .button:hover { background: #ffffff; color: #333333; border-color: #333333; } .woocommerce div.product .wl-addto-cart.wl-style-2 form.cart .wl-cart-wrap, .wl-addto-cart.wl-style-2 form.cart .wl-cart-wrap { display: flex; margin-bottom: 30px; gap: 15px; } .woocommerce div.product .wl-addto-cart.wl-style-5 form.cart .wl-cart-wrap, .wl-addto-cart.wl-style-5 form.cart .wl-cart-wrap { display: flex; flex-wrap: wrap; gap: 15px; } .wl-addto-cart.wl-style-2 form.cart .wl-cart-wrap.after .single_add_to_cart_button, .wl-addto-cart.wl-style-5 form.cart .wl-cart-wrap.after .single_add_to_cart_button { order: 1; } .wl-addto-cart.wl-style-2 form.cart .wl-cart-wrap.after .wishlist, .wl-addto-cart.wl-style-5 form.cart .wl-cart-wrap.after .wishlist { order: 2; } .wl-addto-cart.wl-style-2 form.cart .wl-cart-wrap.after .compare, .wl-addto-cart.wl-style-5 form.cart .wl-cart-wrap.after .compare { order: 3; } .wl-addto-cart.wl-style-2 form.cart .wl-cart-wrap.before .single_add_to_cart_button, .wl-addto-cart.wl-style-5 form.cart .wl-cart-wrap.before .single_add_to_cart_button { order: 3; } .wl-addto-cart.wl-style-2 form.cart .wl-cart-wrap.before .wishlist, .wl-addto-cart.wl-style-5 form.cart .wl-cart-wrap.before .wishlist { order: 1; } .wl-addto-cart.wl-style-2 form.cart .wl-cart-wrap.before .compare, .wl-addto-cart.wl-style-5 form.cart .wl-cart-wrap.before .compare { order: 2; } .wl-addto-cart.wl-style-2 form.cart .wl-cart-wrap.both .single_add_to_cart_button, .wl-addto-cart.wl-style-5 form.cart .wl-cart-wrap.both .single_add_to_cart_button { order: 2; } .wl-addto-cart.wl-style-2 form.cart .wl-cart-wrap.both .wishlist, .wl-addto-cart.wl-style-5 form.cart .wl-cart-wrap.both .wishlist { order: 1; } .wl-addto-cart.wl-style-2 form.cart .wl-cart-wrap.both a.wishlist, .wl-addto-cart.wl-style-5 form.cart .wl-cart-wrap.both a.wishlist, .wl-addto-cart.wl-style-2 form.cart .wl-cart-wrap.both a.woolentor-compare, .wl-addto-cart.wl-style-5 form.cart .wl-cart-wrap.both a.woolentor-compare { width: 100%; height: 100%; justify-content: center; } .wl-addto-cart.wl-style-2 form.cart .wl-cart-wrap.both .compare, .wl-addto-cart.wl-style-5 form.cart .wl-cart-wrap.both .compare { order: 3; } .wl-addto-cart.external.before.wl-style-2 form.cart .single_add_to_cart_button, .wl-addto-cart.external.before.wl-style-5 form.cart .single_add_to_cart_button { order: 3; } .wl-addto-cart.external.before.wl-style-2 form.cart .wishlist, .wl-addto-cart.external.before.wl-style-5 form.cart .wishlist { order: 1; } .wl-addto-cart.external.before.wl-style-2 form.cart .compare, .wl-addto-cart.external.before.wl-style-5 form.cart .compare { order: 2; } .wl-addto-cart.external.after.wl-style-2 form.cart .single_add_to_cart_button, .wl-addto-cart.external.after.wl-style-5 form.cart .single_add_to_cart_button { order: 1; } .wl-addto-cart.external.after.wl-style-2 form.cart .wishlist, .wl-addto-cart.external.after.wl-style-5 form.cart .wishlist { order: 2; } .wl-addto-cart.external.after.wl-style-2 form.cart .compare, .wl-addto-cart.external.after.wl-style-5 form.cart .compare { order: 3; } .wl-addto-cart.external.both.wl-style-2 form.cart .single_add_to_cart_button, .wl-addto-cart.external.both.wl-style-5 form.cart .single_add_to_cart_button { order: 2; } .wl-addto-cart.external.both.wl-style-2 form.cart .wishlist, .wl-addto-cart.external.both.wl-style-5 form.cart .wishlist { order: 1; } .wl-addto-cart.external.both.wl-style-2 form.cart .compare, .wl-addto-cart.external.both.wl-style-5 form.cart .compare { order: 3; } .woocommerce div.product .wl-addto-cart.wl-style-2 form.cart .wl-cart-icon, .wl-addto-cart.wl-style-2 form.cart .wl-cart-icon, .wl-addto-cart.wl-style-5 form.cart .wl-cart-icon { width: 56px; height: 56px; color: #333333; border: 1px solid #696969; background-color: transparent; border-radius: 50%; display: flex; justify-content: center; font-size: 22px; align-items: center; cursor: pointer; transition: 1.2s; } .wl-addto-cart.wl-style-5 form.cart .wl-cart-icon.wishlist .wishsuite-button svg { height: 22px; width: 22px; } .wl-addto-cart.wl-style-5 form.cart .wl-cart-icon { border-radius: 0px; } .woocommerce div.product .wl-addto-cart.wl-style-2 form.cart .wl-cart-icon:hover, .wl-addto-cart.wl-style-2 form.cart .wl-cart-icon:hover, .woocommerce div.product .wl-addto-cart.wl-style-5 form.cart .wl-cart-icon:hover, .wl-addto-cart.wl-style-5 form.cart .wl-cart-icon:hover { color: #ffffff; background: #333333; } .woocommerce div.product .wl-addto-cart.wl-style-2 form.cart .wl-cart-icon:hover > a, .wl-addto-cart.wl-style-2 form.cart .wl-cart-icon:hover > a, .woocommerce div.product .wl-addto-cart.wl-style-5 form.cart .wl-cart-icon:hover > a, .wl-addto-cart.wl-style-5 form.cart .wl-cart-icon:hover > a { color: #ffffff; } .wl-addto-cart.wl-style-2 form.cart .wl-cart-icon a svg { width: 22px; height: 22px; } .wl-addto-cart.external.wl-style-2 form.cart { display: flex; flex-wrap: wrap; gap: 10px; } .woocommerce div.product .wl-addto-cart.external.wl-style-5 form.cart .button, .wl-addto-cart.external.wl-style-5 form.cart .button { padding: 15px 40px; line-height: 24px; } .wl-addto-cart.wl-style-3 form.cart, .wl-addto-cart.wl-style-4 form.cart, .wl-addto-cart.wl-style-5 form.cart, .wl-addto-cart.variable.wl-style-3 form.cart .single_variation_wrap .woocommerce-variation-add-to-cart, .wl-addto-cart.variable.wl-style-4 form.cart .single_variation_wrap .woocommerce-variation-add-to-cart, .wl-addto-cart.variable.wl-style-5 form.cart .single_variation_wrap .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; gap: 15px; flex-direction: row; margin-bottom: 30px; align-items: center; } .woolentor-quickview-content-builder .wl-addto-cart.external.wl-style-5 form.cart { flex-wrap: unset; } .wl-addto-cart.wl-style-3 form.cart .wl-quantity-wrap, .wl-addto-cart.wl-style-5 form.cart .wl-quantity-wrap { display: flex; align-items: center; flex-wrap: wrap; gap: 15px; } .wl-addto-cart.wl-style-3 form.cart .wl-quantity-wrap { flex: 1; } .woocommerce div.product .wl-addto-cart.wl-style-3 form.cart .wl-cart-wrap, .wl-addto-cart.wl-style-3 form.cart .wl-cart-wrap, .woocommerce div.product .wl-addto-cart.wl-style-4 form.cart .wl-cart-wrap, .wl-addto-cart.wl-style-4 form.cart .wl-cart-wrap { flex: 1.5; } .woocommerce div.product .wl-addto-cart.wl-style-3 form.cart .button, .wl-addto-cart.wl-style-3 form.cart .button, .woocommerce div.product .wl-addto-cart.wl-style-4 form.cart .button, .wl-addto-cart.wl-style-4 form.cart .button { float: none; width: 100%; background-color: #222222; } .woocommerce div.product .wl-addto-cart.wl-style-4 form.cart .button:not(.woolentor-quick-checkout-button), .wl-addto-cart.wl-style-4 form.cart .button:not(.woolentor-quick-checkout-button) { padding: 19px 0px; border-radius: 5px; } .woocommerce div.product .wl-addto-cart.wl-style-3 form.cart .button:not(.woolentor-quick-checkout-button), .wl-addto-cart.wl-style-3 form.cart .button:not(.woolentor-quick-checkout-button) { padding: 15px 0px; border-radius: 5px; } .woocommerce .wl-addto-cart.wl-style-5 .quantity .qty { width: 4.631em; text-align: left; min-height: 0px; } .woocommerce .wl-addto-cart.wl-style-5 .quantity input[type="number"] { padding: 12px 7px; } .woocommerce .wl-addto-cart.wl-style-3 .quantity input[type="number"] { text-align: left; width: 100%; padding: 10px 9px; border-radius: 5px; } .woocommerce div.product .wl-addto-cart.wl-style-3 .wl-quantity-wrap .label, .wl-addto-cart.wl-style-3 .wl-quantity-wrap .label { flex: 1; } .woolentor-quickview-content-builder .wl-addto-cart.wl-style-3 .wl-quantity-wrap .label { flex: unset; } .wl-addto-cart.wl-style-3 form.cart .wl-quantity-wrap .wl-quantity-cal { flex: 2; } .woolentor-quickview-content-builder .wl-addto-cart.wl-style-3 form.cart .wl-quantity-wrap .wl-quantity-cal { flex: unset; } .wl-addto-cart.wl-style-4 form.cart .wl-quantity-wrap .wl-quantity-cal { display: flex; background: #f7f8fa; align-items: center; padding: 8px 0px; border-radius: 5px; } .wl-addto-cart.wl-style-4 form.cart .wl-quantity-wrap { display: flex; align-items: center; flex-wrap: wrap; } .woocommerce div.product .wl-addto-cart.wl-style-4 form.cart .wl-quantity-wrap .wl-quantity, .wl-addto-cart.wl-style-4 form.cart .wl-quantity-wrap .wl-quantity { float: none; display: inline-block; text-align: center; width: 50px; height: auto; } .woocommerce .wl-addto-cart.wl-style-4 .quantity input[type="number"] { border-width: 0px; color: #212529; font-weight: 500; text-align: center; padding: 0px; background: transparent; margin: 0; } .woocommerce .wl-addto-cart.wl-style-4 .quantity input[type="number"]::-webkit-outer-spin-button, .woocommerce .wl-addto-cart.wl-style-4 .quantity input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .woocommerce .wl-addto-cart.wl-style-4 .quantity input[type="number"] { appearance: textfield; -moz-appearance: textfield; } .woocommerce div.product .wl-addto-cart.wl-style-4 form.cart div.quantity, .woocommerce div.product .wl-addto-cart.wl-style-4 form.cart div.quantity { margin: 0px; } .woocommerce div.product .wl-addto-cart.wl-style-3 form.cart .wl-wishlist-compare-txt, .wl-addto-cart.wl-style-3 form.cart .wl-wishlist-compare-txt { display: block; } .wl-wishlist-compare-txt { margin: 0; padding: 0; width: 100%; margin-top: 15px; } .wl-wishlist-compare-txt li { list-style: none; } .wl-wishlist-compare-txt .wishsuite-button.wltooltip_no span.wishsuite-btn-text { display: block; } .wl-wishlist-compare-txt .htcompare-btn.woolentor-compare { margin-left: 6px; } .woocommerce div.product .wl-addto-cart.wl-style-4 form.cart .wl-wishlist-compare-txt, .wl-addto-cart.wl-style-4 form.cart .wl-wishlist-compare-txt { display: flex; flex-wrap: wrap; gap: 20px; } .wl-addto-cart.grouped .wl-quantity-grouped-cal { display: flex; align-items: center; } .wl-addto-cart.grouped .wl-quantity-grouped-cal .wl-quantity { padding: 2px 16px; border: 1px solid #eaeaea; cursor: pointer; } .wl-addto-cart.grouped.wl-style-1 .wl-quantity-grouped-cal .wl-quantity { display: none; } .wl-addto-cart.grouped .wl-quantity-grouped-cal .wl-quantity.wl-quantity-minus { border-right: none; } .wl-addto-cart.grouped .wl-quantity-grouped-cal .wl-quantity.wl-quantity-plus { border-left: none; } .wl-addto-cart.grouped.wl-style-3 .wl-quantity-grouped-cal .wl-quantity.wl-quantity-minus, .wl-addto-cart.grouped.wl-style-5 .wl-quantity-grouped-cal .wl-quantity.wl-quantity-minus { display: none; } .wl-addto-cart.grouped.wl-style-3 .wl-quantity-grouped-cal .wl-quantity.wl-quantity-plus, .wl-addto-cart.grouped.wl-style-5 .wl-quantity-grouped-cal .wl-quantity.wl-quantity-plus { display: none; } .wl-addto-cart.grouped .wl-quantity-grouped-cal .quantity input[type="number"] { border: 1px solid #eaeaea; } /* end single product advance addto cart */ /* Product Filter Start */ .woolentor-filter-wrap { overflow: hidden; } .rtl .woolentor-filter-wrap ul li ul { padding-left: 0; padding-right: 20px; } h2.wl_filter_title { margin: 0 0 10px 0; color: #2d2a2a; font-weight: 600; font-size: 20px; padding: 0 0 15px 0; border-bottom: 1px solid #eee; } .woolentor-filter-wrap form.wl_product_search_form { border: 2px solid rgba(129, 129, 129, 0.2); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .woolentor-filter-wrap form.wl_product_search_form input[type="search"] { box-sizing: inherit; padding: 0 15px; height: 42px; border-radius: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; vertical-align: middle; font-size: 14px; -webkit-transition: border-color 0.5s ease; transition: border-color 0.5s ease; border: 0; width: calc(100% - 50px); } .woolentor-filter-wrap form.wl_product_search_form button { width: 50px; padding: 0; height: 42px; text-align: center; background: transparent; transition: 0.4s; color: #222; border: none; } .woolentor-filter-wrap ul { margin: 0; padding: 0; list-style: none; } .woolentor-filter-wrap ul li { border-bottom: 1px solid #eee; margin: 0; } .woolentor-filter-wrap ul li:last-child { border-bottom: 0; } .woolentor-filter-wrap ul li a { padding: 12px 0; display: inline-block; color: #464646; font-weight: 400; font-size: 14px; transition: 0.4s; } .woolentor-filter-wrap ul > li:hover > i, .woolentor-filter-wrap ul li a:hover { color: #f05b64; } .woolentor-filter-wrap ul li i { margin-right: 10px; } .woolentor-filter-wrap ul li ul { padding-left: 20px; border-top: 1px solid #eee; } .woolentor-filter-wrap ul li.wlchosen i { display: none; } .woolentor-filter-wrap ul li.wlchosen a { position: relative; padding-left: 15px; } .woolentor-filter-wrap ul li.wlchosen > a::before, .woolentor-filter-wrap ul li.wlchosen > a::after { position: absolute; top: calc(50% - 1px); left: 0; width: 12px; height: 2px; content: ""; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #f05b64; } .woolentor-filter-wrap ul li.wlchosen a:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .woolentor-filter-wrap select { padding-right: 30px; background-position: right 10px top 50%; background-size: auto 18px; background-repeat: no-repeat; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg=="); padding: 0 15px; max-width: 100%; width: 100%; height: 42px; border: 2px solid rgba(129, 129, 129, 0.2); border-radius: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; vertical-align: middle; font-size: 14px; -webkit-transition: border-color 0.5s ease; transition: border-color 0.5s ease; -webkit-appearance: none; appearance: none; } .woolentor_slider_range.ui-slider { position: relative; background: #dbdbdb none repeat scroll 0 0; border: medium none; border-radius: 50px; height: 5px; margin-bottom: 12px; margin-left: auto; margin-right: 0; } .woolentor_slider_range .ui-slider-range.ui-widget-header.ui-corner-all { height: 100%; position: absolute; display: block; border: 0; background: #fa6bff none repeat scroll 0 0; border: none; -webkit-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; } .woolentor_slider_range .ui-slider-handle.ui-state-default.ui-corner-all { position: absolute; background: #fff none repeat scroll 0 0; border: medium none; border-radius: 50%; height: 15px; margin-left: 0; width: 15px; border: 4px solid #fa6bff; z-index: 2; width: 1em; height: 1em; cursor: ew-resize; outline: 0; top: -0.3em; margin-left: -0.5em; } .wl_button_price { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wl_button_price button { background: #29d8db; padding: 5px 12px; border-radius: 3px; border: none; } .wl_button_price button:hover { background: #fa6bff; text-decoration: none; } /*============================================= Accordions Css =============================================*/ .wl_product-accordion { width: 100%; } .wl_product-accordion .panel.panel-default { margin-bottom: 20px; } .wl_product-accordion .wl_product-accordion-card { margin-bottom: 20px; border-radius: 35px; background: -webkit-linear-gradient(349deg, #612cf6 0, #ba73fa 65%); background: -o-linear-gradient(349deg, #612cf6 0, #ba73fa 65%); background: linear-gradient(-259deg, #612cf6 0, #ba73fa 65%); } .wl_product-accordion.wl_product-accordion-two .wl_product-accordion-card { background: #3951e1; } .wl_product-accordion .wl_product-accordion-card .wl_product-accordion-head { border: none; width: 100%; text-align: left; color: #ffffff; padding: 20px 30px; position: relative; overflow-wrap: break-word; white-space: normal; font-size: 18px; line-height: 1.2; font-weight: 500; border-radius: 35px; border-bottom: 1px solid transparent; position: relative; cursor: pointer; } @media only screen and (max-width: 479px) { .wl_product-accordion .wl_product-accordion-card .wl_product-accordion-head { padding-left: 15px; padding-right: 20px; } } .wl_product-accordion .wl_product-accordion-card .wl_product-accordion-head-indicator { position: absolute; right: 35px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 30px; padding-top: 6px; text-align: center; background: #fff; border-radius: 50%; color: #ba73fa; } @media only screen and (max-width: 479px) { .wl_product-accordion .wl_product-accordion-card .wl_product-accordion-head-indicator { right: 15px; } } .wl_product-accordion .wl_product-accordion-card .wl_product-accordion-head-indicator i { visibility: hidden; opacity: 0; display: none; color: #ba73fa; } .wl_product-accordion .wl_product-accordion-card .wl_product-accordion-head-indicator i:nth-child(2) { visibility: visible; opacity: 1; display: block; } .wl_product-accordion .wl_product-accordion-card.active .wl_product-accordion-head-indicator i { visibility: hidden; opacity: 0; display: none; color: #ba73fa; } .wl_product-accordion .wl_product-accordion-card.active .wl_product-accordion-head-indicator i:nth-child(1) { visibility: visible; opacity: 1; display: block; } .wl_product-accordion .wl_product-accordion-content { border-bottom: none; margin-bottom: 20px; border: none; border-radius: 35px; } .wl_product-accordion .wl_product-accordion-content img { border-radius: 15px; } .wl_product-accordion .wl_product-accordion-content:last-child { margin-bottom: 0; } .wl_product-accordion .card-body { padding: 15px 30px 29px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 575px) { .wl_product-accordion .card-body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .wl_product-accordion .card-body .product-thumbnail { width: 260px; } .wl_product-accordion .card-body .product-content { margin-left: 20px; width: 100%; } @media only screen and (max-width: 575px) { .wl_product-accordion .card-body .product-content { margin-left: 0px; } } .wl_product-accordion .card-body .product-content .product-content-top { border-top: 1px solid #ffffff; padding-top: 30px; } @media only screen and (max-width: 575px) { .wl_product-accordion .card-body .product-content .product-content-top { border-top: 1px solid transparent; } } .wl_product-accordion .card-body .product-content .product-content-top p { color: #ffffff; } .wl_product-accordion .card-body .product-content .product-content-top .reading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #ffffff; } .wl_product-accordion .card-body .product-content .product-acontent-bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .wl_product-accordion .card-body .product-content .product-acontent-bottom .product-price { color: #ffffff; font-weight: 500; margin-top: 10px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .wl_product-accordion .card-body .product-content .product-acontent-bottom .product-price { margin-bottom: 5px; margin-top: 5px; } } .wl_product-accordion .card-body .product-content .product-acontent-bottom .action { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0px 0px; border-radius: 0 0 5px 5px; list-style: none; margin: 0; margin-right: 44px; } .wl_product-accordion .card-body .product-content .product-acontent-bottom .action li { margin: 0 5px; } .wl_product-accordion .action .woocommerce.product.compare-button a:before, .wl_product-accordion .card-body .product-content .action .wishlist a, .wl_product-accordion .card-body .product-content .product-acontent-bottom .action .action-item, .wl_product-accordion .card-body .product-content .product-acontent-bottom .action .htcompare-btn, .wl_product-accordion .card-body .product-content .product-acontent-bottom .action .wishsuite-button { font-size: 14px; height: 34px; padding: 0 10px; line-height: 34px; background: #ffffff; text-align: center; border-radius: 50000px; color: #333; margin-left: 10px; display: inline-block; text-align: center; } .wl_product-accordion .card-body .product-content .action .wishlist a, .wl_product-accordion .card-body .product-content .product-acontent-bottom .action .wishsuite-button { padding: 3px 10px; } .wl_product-accordion .card-body .product-content .product-acontent-bottom .action .wishsuite-button svg { width: 15px; height: 15px; } .wl_product-accordion.wl_product-accordion-two .wl_product-accordion-card .wl_product-accordion-head-indicator { color: #3951e1; } .wl_single-product-item ul.action a.htcompare-btn.loading { padding: 0; } .wl_single-product-item ul.action a.htcompare-btn.added:after { display: none; } @media only screen and (max-width: 479px) { .wl_product-accordion.wl_product-accordion-two .wl_product-accordion-card .wl_product-accordion-head-indicator { right: 15px; } } .wl_product-accordion.wl_product-accordion-two .wl_product-accordion-card .wl_product-accordion-head-indicator i { color: #3951e1; } /*--style two--*/ .wl_horizontal-hover-accordion { width: 100%; height: 600px; overflow: hidden; } .wl_horizontal-hover-accordion .accordion-ul { width: 100%; display: table; table-layout: fixed; margin: 0; padding: 0; } .wl_horizontal-hover-accordion .accordion-ul li { display: table-cell; vertical-align: bottom; position: relative; width: 16.666%; height: 600px; background-repeat: no-repeat; background-position: center center; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content { display: block; overflow: hidden; width: 100%; } .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item { display: block; height: 600px; width: 100%; position: relative; z-index: 3; padding: 50px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; text-decoration: none; -webkit-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; opacity: 0; margin: 0; width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: relative; z-index: 5; overflow: hidden; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } @media only screen and (max-width: 767px) { .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item { padding: 30px 20px; } } @media only screen and (max-width: 575px) { .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item { padding: 30px 20px; } } .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content { background: rgba(255, 255, 255, 0.9); width: 250px; padding: 20px; } .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content .sub-title { margin-bottom: 0; } .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content .sub-title a { font-size: 12px; color: #000000; } .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content .title { margin: 0; } .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content .title a { color: #333; margin: 0; } .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content .product-price { color: #0a3aca; font-weight: 500; margin-bottom: 15px; margin-top: 10px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content .product-price { margin-bottom: 5px; margin-top: 5px; } } .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content .reading { margin-top: 20px; color: #75828e; } .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content .action { margin-top: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content .action a.action-item, .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content .action a.htcompare-btn, .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content .action a.wishsuite-button, .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content .action .yith-wcwl-add-to-wishlist a { height: 35px; padding: 0 9px; line-height: 35px; background: transparent; text-align: center; border-radius: 35px; border: 1px solid #0a3aca; color: #333; margin-right: 10px; } .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content .action a.wishsuite-button svg { width: 15px; height: 15px; } .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content .action .action-item i { margin-right: 5px; } .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content .action .yith-wcwl-add-to-wishlist a { padding: 2px 9px; display: inline-block; } .wl_shop-accordion-wrap .card-body .product-content .product-acontent-bottom .action .yith-wcwl-add-button > a i, .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content .action .yith-wcwl-add-button > a i { margin-right: 0; } .wl_horizontal-hover-accordion .accordion-ul:hover li { width: 8%; } .wl_horizontal-hover-accordion .accordion-ul:hover li:hover { width: 20%; } .wl_horizontal-hover-accordion .accordion-ul:hover li:hover .accordion-product-item { background: rgba(0, 0, 0, 0); opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .star-rating { float: none; } @media only screen and (max-width: 575px) { .wl_horizontal-hover-accordion .accordion-ul:hover li:hover { width: 114%; } } .va-title { font-size: 20px; } .va-content { display: none; margin-left: 25px; } /*--button--*/ .wl_product-accordion .wishlist.button-default i { margin-right: 0; } .wl_product-accordion .action .woocommerce.product.compare-button { position: relative; } .wl_product-accordion .ht-product-action-tooltip, .wl_horizontal-hover-accordion .ht-product-action-tooltip { display: none; } .wl_product-accordion .yith-wcwl-add-to-wishlist, .wl_horizontal-hover-accordion .yith-wcwl-add-to-wishlist { margin-top: 0; } .wl_horizontal-hover-accordion .action .woocommerce.product.compare-button { position: relative; margin-top: -3px; } .wl_product-accordion .woocommerce.product.compare-button a { font-size: 0; font-weight: 400; position: absolute; padding: 0; } .wl_horizontal-hover-accordion .action .woocommerce.product.compare-button a { text-indent: -9999px; background: inherit; margin-bottom: -10px; padding: 0; } .wl_product-accordion .action .woocommerce.product.compare-button a:before, .wl_horizontal-hover-accordion .action .woocommerce.product.compare-button a:before, .wl_single-product-item .action li .woolentor-compare.compare::before { content: "\f0ec"; position: absolute; font-family: FontAwesome !important; font-size: 18px; } .wl_product-accordion .action .woocommerce.product.compare-button a:before { top: 0; } .wl_horizontal-hover-accordion .action .woocommerce.product.compare-button a:before { text-indent: 0; left: 0; right: 0; color: #000; border: 1px solid #0a3aca; width: 37px; height: 37px; line-height: 35px; border-radius: 50%; text-align: center; } .wl_product-accordion-content .price ins { background: transparent; } /*================================= = Product Css = ==================================*/ .wl_single-product-item a { color: inherit; display: inline-block; line-height: inherit; text-decoration: none; cursor: pointer; } .wl_single-product-item a.htcompare-btn { justify-content: center; } .wl_single-product-item { margin-top: 30px; margin-left: auto; margin-right: auto; border: 1px solid #eeeffb; border-radius: 10000px 10000px 20px 20px; background: #f7f7f7; } .wl_single-product-item .product-thumbnail { border: 15px solid #fff; text-align: center; border-radius: 50000px; /* width: 100%; */ position: relative; z-index: 9; background: #fff; } .wl_single-product-item .product-thumbnail .images { /* height: 100%; */ width: 100% !important; -webkit-box-shadow: 0 0px 6px rgba(112, 112, 112, 0.2); box-shadow: 0 0px 6px rgba(112, 112, 112, 0.2); border-radius: 50%; margin-bottom: 0 !important; } .wl_single-product-item .product-thumbnail .images img { display: inline-block; border-radius: 100%; width: 100%; } @media only screen and (max-width: 767px) { .wl_single-product-item .product-thumbnail { height: auto; } } @media only screen and (max-width: 575px) { .wl_single-product-item .product-thumbnail { height: auto; } } .wl_single-product-item .product-content { margin-top: -124px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .wl_single-product-item .product-content .product-content-top { padding: 140px 20px 10px; } .wl_single-product-item .product-content .product-content-top .title { font-weight: 600; font-size: 18px; margin: 0; text-transform: inherit; } .wl_single-product-item.wl_dark-item .product-content .product-content-top .title a { color: #fff; } .wl_single-product-item.wl_dark-item .product-content .product-content-top p { font-weight: 400; font-size: 14px; } .wl_single-product-item .product-content .product-content-top .title a { color: #333; } .wl_single-product-item .product-content .product-content-top .title a:hover { color: #0a3aca; } .wl_single-product-item .product-content .product-content-top .product-price { color: #0a3aca; font-weight: 500; margin-bottom: 15px; margin-top: 10px; font-size: 15px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .wl_single-product-item .product-content .product-content-top .product-price { margin-bottom: 5px; margin-top: 5px; } } .wl_single-product-item .product-content .product-content-top .reading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .wl_single-product-item .product-content .action { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background: #4e7cff; padding: 10px 30px; border-radius: 0 0 5px 5px; margin: 0; list-style: none; } .wl_single-product-item .product-content .action li { margin: 0; position: relative; line-height: 0; } .wl_single-product-item .product-content .action li a, .wl_single-product-item .product-content .action .action-item { width: 40px; height: 40px; line-height: 40px; background: #285ffc; text-align: center; border-radius: 5px; color: #ffffff; } .wl_single-product-item .product-content .action li .yith-wcwl-wishlistaddedbrowse.hide a, .wl_single-product-item .product-content .action li a.add_to_wishlist { padding: 3px; } .wl_single-product-item .product-content .action .action-item:hover { background: #2b2b4c; } .wl_single-product-item.wl_left-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 100%; border-radius: 500px 0 0 500px; } @media only screen and (max-width: 575px) { .wl_single-product-item.wl_left-item { display: inherit; border-radius: 500px 500px 5px 5px; max-width: 270px; margin-left: auto; margin-right: auto; } } .wl_single-product-item.wl_left-item .product-thumbnail { height: 270px; width: 340px; line-height: 200px; } .wl_single-product-item.wl_left-item .product-thumbnail .images { height: 100%; width: 100%; line-height: initial; -webkit-box-shadow: 0 0px 6px rgba(112, 112, 112, 0.2); box-shadow: 0 0px 6px rgba(112, 112, 112, 0.2); border-radius: 50%; } @media only screen and (max-width: 575px) { .wl_single-product-item.wl_left-item .product-thumbnail { height: 270px; width: 270px; } } .wl_single-product-item.wl_left-item .product-content { margin-top: 0px; margin-left: -144px; width: 100%; } @media only screen and (max-width: 575px) { .wl_single-product-item.wl_left-item .product-content { margin-top: 0px; margin-left: 0px; } } .wl_single-product-item.wl_left-item .product-content .product-price { margin-bottom: 5px; margin-top: 5px; } .wl_single-product-item.wl_left-item .product-content .product-content-top { padding: 30px 20px 12px 165px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) { .wl_single-product-item.wl_left-item .product-content .product-content-top { padding: 10px 20px 10px 170px; } } @media only screen and (max-width: 575px) { .wl_single-product-item.wl_left-item .product-content .product-content-top { padding: 10px 20px 12px 10px; } } .wl_single-product-item.wl_left-item .product-content .action { padding: 10px 30px 10px 150px; border-radius: 0 0 5px 5px; } @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 767px) { .wl_single-product-item.wl_left-item .product-content .action { padding: 10px 20px 10px 150px; } } @media only screen and (max-width: 575px) { .wl_single-product-item.wl_left-item .product-content .action { padding: 10px 20px; } } .wl_single-product-item.wl_dark-item .product-thumbnail { border: 15px solid #707070; } .wl_single-product-item.wl_dark-item .product-thumbnail .images { -webkit-box-shadow: 0 0px 6px rgba(112, 112, 112, 0.2); box-shadow: 0 0px 6px rgba(112, 112, 112, 0.2); } .wl_single-product-item.wl_dark-item .product-content { background: #2b2b4c; color: #ffffff; } .wl_single-product-item.wl_dark-item .product-content .product-content-top { padding: 140px 20px 10px; } .wl_single-product-item.wl_dark-item .product-content .product-content-top .title { color: #ffffff; } .wl_single-product-item.wl_dark-item .product-content .product-content-top .product-price { color: #ffffff; } .wl_single-product-item.wl_dark-item .product-content .product-content-top .reading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #75828e; } .ht-products .wl_single-product-item .product-content .product-content-top .reading .top-rated-rating .ht-product-ratting, .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; margin-left: -3px; margin-right: -3px; } .ht-products .wl_single-product-item .product-content .product-content-top .reading .top-rated-rating .ht-product-ratting .ht-product-user-ratting, .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; position: absolute; left: 5px; top: 0; z-index: 3; margin-left: -5px; margin-right: -5px; } .ht-products .ht-product.ht-product-content-allcenter .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting, .ht-products .ht-product.ht-product-ratting-top-right .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting { position: inherit; } .ht-products .ht-product.ht-product-category-right-bottom .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price { margin-bottom: 25px; } .ht-products .ht-product.ht-product-category-right-bottom .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting { margin-top: 8px; } .ht-products .wl_single-product-item .product-content .product-content-top .reading .top-rated-rating .ht-product-ratting .ht-product-user-ratting i, .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i { color: #dc9a0e; } .ht-products .wl_single-product-item .product-content .product-content-top .reading .top-rated-rating .ht-product-ratting i, .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting i { color: #aaaaaa; } .wl_single-product-item .action li .woolentor-compare.compare::before { left: 50%; top: 60%; transform: translateX(-50%) translateY(-50%); color: #fff; font-size: 18px; width: 100%; height: 100%; } .wl_single-product-item .product-content .action li a:hover { background: #2b2b4c; } .wl_single-product-item .product-content .action span.ht-product-action-tooltip { display: none; } .wl_single-product-item .product-content .yith-wcwl-add-to-wishlist { margin-top: 0; } .wl_single-product-item .product-content .yith-wcwl-add-button > a i { margin-right: 0; } /*--button--*/ .wl_product-accordion .card-body .product-content .product-acontent-bottom .action .btn_cart { position: relative; } .wl_shop-accordion-wrap .card-body .product-content .product-acontent-bottom .action a.action-item.added, .wl_single-product-item .product-content .action .action-item.added { display: none; } .wl_shop-accordion-wrap .card-body .product-content .product-acontent-bottom .action a.added_to_cart.wc-forward { font-size: 0; margin-right: 30px; } .wl_product-accordion .card-body .product-content .product-acontent-bottom .action a.added_to_cart.wc-forward { font-size: 0; margin-right: 30px; } .wl_single-product-item .product-content .action a.added_to_cart.wc-forward { text-indent: -9999px; padding: 0; } .wl_single-product-item .product-content .action .action-item.loading:before { position: absolute; text-indent: 0; content: "\e01c"; font-family: WooCommerce; left: 0; right: 0; } .wl_product-accordion .card-body .product-content .product-acontent-bottom .action a.added_to_cart.wc-forward:after, .wl_shop-accordion-wrap .card-body .product-content .product-acontent-bottom .action a.added_to_cart.wc-forward:after, .wl_single-product-item .product-content .action a.added_to_cart.wc-forward:after { position: absolute; text-indent: 0; content: "\e017"; font-family: WooCommerce; left: 0; right: 0; font-size: 18px; } .wl_product-accordion .card-body .product-content .product-acontent-bottom .action a.added_to_cart.wc-forward:after, .wl_shop-accordion-wrap .card-body .product-content .product-acontent-bottom .action a.added_to_cart.wc-forward:after { font-size: 18px; background: #fff; display: inline-table; height: 34px; line-height: 34px; border-radius: 50%; padding: 0 9px; margin-right: 70px; color: #333; } .wl_product-accordion .card-body .product-content .product-acontent-bottom .action .action-item.added, .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content .action .action-item.added { display: none; } .wl_horizontal-hover-accordion .accordion-ul li .accordion-product-content .accordion-product-item .product-content .action a.added_to_cart.wc-forward { height: 35px; padding: 0 9px; line-height: 35px; background: transparent; text-align: center; border-radius: 35px; border: 1px solid #0a3aca; color: #333; margin-right: 10px; } /* Product curvy end */ /* Product Horizontal Filter Start */ .woolentor-horizontal-filter-wrap .woolentor-heaer-box-area { padding: 40px 50px; background-color: #ffffff; border-radius: 5px; margin-bottom: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 767px) { .woolentor-horizontal-filter-wrap .woolentor-heaer-box-area { padding: 40px 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .woolentor-horizontal-filter-wrap .woolentor-heaer-box-area { padding: 40px 20px; } } .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 767px) { .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area .woolentor-header-left-side { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area .woolentor-header-left-side h2 { margin: 0; font-size: 24px; font-weight: 500; } @media only screen and (max-width: 767px) { .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area .woolentor-header-left-side { margin-bottom: 20px; } } @media only screen and (max-width: 575px) { .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area .woolentor-header-left-side { margin-bottom: 0px; } } .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area .woolentor-header-left-side .htpt-check-all-area { margin-right: 20px; } .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area .woolentor-header-left-side .htpt-all-cart { background-color: #3326ae; color: #ffffff; padding: 8px 25px; border-radius: 25px; } .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area .woolentor-header-left-side .htpt-all-cart i { margin-right: 10px; } @media only screen and (max-width: 575px) { .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area .woolentor-header-left-side { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area .woolentor-header-left-side .htpt-check-all-area { margin-right: 0px; margin-bottom: 10px; } } @media only screen and (max-width: 575px) { .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area .woolentor-header-left-side .htpt-label-for-checkbox { margin-bottom: 5px; } } .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area .woolentor-header-right-side { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 575px) { .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area .woolentor-header-right-side { margin-top: 20px; } } .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area .woolentor-search-input-box { position: relative; } .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area .woolentor-search-filter-custom { margin-left: 20px; } @media only screen and (max-width: 575px) { .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area .woolentor-search-input-box { margin-right: 10px; } } .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area .woolentor-search-input-box .input-box { border: none; background: #eeeffb; padding: 10px 36px 10px 20px; border-radius: 25px; height: 40px; position: relative; } @media only screen and (max-width: 575px) { .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area .woolentor-search-input-box .input-box { padding: 10px 36px 10px 10px; } } .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area .woolentor-search-input-box .input-inner-btn { position: absolute; background: transparent; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: none; font-size: 16px; padding: 0; color: #222222; } .woolentor-horizontal-filter-wrap .woolentor-search-filter-custom .filter-icon { height: 40px; width: 40px; line-height: 40px; text-align: center; background: #eeeffb; border-radius: 50%; display: inline-block; color: #222222; } .woolentor-horizontal-filter-wrap .woolentor-filter-field-area { border-top: 1px solid #eff6ff; padding-top: 20px; margin-top: 20px; } @media only screen and (max-width: 575px) { .woolentor-horizontal-filter-wrap .woolentor-filter-field-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .woolentor-horizontal-filter-wrap .woolentor-filter-field-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 768px) and (max-width: 991px) { .woolentor-horizontal-filter-wrap .woolentor-filter-field-wrap { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 575px) { .woolentor-horizontal-filter-wrap .woolentor-filter-field-wrap { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .woolentor-horizontal-filter-wrap .woolentor-filter-field-wrap .woolentor-filter-single-item { margin-left: 20px; margin-top: 10px; } .woolentor-horizontal-filter-wrap .woolentor-filter-field-wrap .woolentor-filter-single-item:first-child { margin-left: 0; } .woolentor-horizontal-filter-wrap .woolentor-filter-field-wrap .woolentor-filter-single-item label { display: block; margin-bottom: 10px; } .woolentor-horizontal-filter-wrap .woolentor-filter-field-wrap .woolentor-filter-single-item .select2-container { width: 120px !important; height: 40px; } .woolentor-horizontal-filter-wrap .woolentor-filter-field-wrap .clear-filter { margin-top: 10px; } @media only screen and (max-width: 767px) { .woolentor-horizontal-filter-wrap .woolentor-filter-field-wrap .clear-filter { width: 100%; } .woolentor-horizontal-filter-wrap .woolentor-filter-field-wrap .woolentor-filter-single-item { margin-left: 10px; } } .woolentor-horizontal-filter-wrap .select2-container .select2-selection--single { border-radius: 25px; height: 40px; padding: 5px 25px 5px 10px; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; outline: none; } .woolentor-horizontal-filter-wrap .select2-container .select2-selection--multiple { outline: none; } .woolentor-horizontal-filter-wrap .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .woolentor-horizontal-filter-wrap .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; } .woolentor-horizontal-filter-wrap .select2-container.select2-container--default .selection .select2-selection { background: transparent url(/wp-content/plugins/woolentor-addons/assets/css/../images/selector-icon.png) no-repeat center right 10px; } .woolentor-horizontal-filter-wrap .select2-container.select2-container--default .selection .select2-selection--multiple { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 40px; padding: 5px; height: 40px; border-radius: 25px; } .woolentor-horizontal-filter-wrap .select2-container.select2-container--default .selection .select2-selection__rendered { display: inline; list-style: none; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; } .woolentor-horizontal-filter-wrap .select2-container.select2-container--default .selection .select2-selection__choice { background-color: transparent; border: none; border-radius: 25px; display: inline-block; margin-left: 5px; margin-top: 0; padding: 0; font-size: 14px; } .woolentor-horizontal-filter-wrap .select2-container.select2-container--default .selection .select2-selection .select2-selection__rendered { white-space: nowrap; overflow: hidden; padding-left: 8px; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 16px; align-items: center; width: auto; } .woolentor-horizontal-filter-wrap .select2-container.select2-container--default .selection .select2-selection .select2-results__option { padding-right: 20px; vertical-align: middle; font-size: 16px; padding: 3px 7px; font-weight: 600; } .woolentor-select-drop span.select2-dropdown .select2-results__option { display: block; } .woolentor-horizontal-filter-wrap .select2-container .select2-search--inline .select2-search__field { font-size: 15px; max-width: 100px; padding-right: 13px; height: inherit; min-height: inherit; line-height: inherit; margin: 0; } .woolentor-horizontal-filter-wrap .htpt-label-for-checkbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 16px; margin-bottom: -5px; margin-left: 6px; } .woolentor-horizontal-filter-wrap .htpt-label-for-checkbox .input-checkbox { opacity: 0; line-height: 1; height: inherit; display: none; } .woolentor-horizontal-filter-wrap .htpt-label-for-checkbox > span { display: inline-block; text-transform: inherit; position: relative; line-height: 1; font-size: 14px; font-weight: 400; } .woolentor-horizontal-filter-wrap .clear-filter { background: transparent; padding: 0; border: none; margin-left: 20px; color: #4e7cff; font-size: 14px; } .woolentor-horizontal-filter-wrap .woolentor-filter-field-wrap .woolentor-filter-single-item.woolentor-states-input-auto .select2-container { width: auto !important; min-width: 120px; overflow: hidden; height: 40px; } div[class*="woolentor-single-select-drop"] .select2-results__option::before { border-radius: 100%; } .woolentor-select-drop .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #ddd; color: white; } .woolentor-filter-single-item button.select2-selection__choice__remove, .woolentor-filter-single-item .select2-selection__clear { display: none !important; margin-left: 0 !important; } .woolentor-filter-single-item .select2-selection__choice { position: relative; margin-left: 0px; } .woolentor-filter-single-item .select2-selection__choice::after { position: absolute; content: ","; right: 0; } .woolentor-filter-single-item .select2-selection__choice:last-child::after { content: ""; } .woolentor-select-drop .select2-results__option[role="alert"] { border-radius: 10px 10px 10px 10px !important; } .woolentor-select-drop .select2-results__option[role="alert"]:before { display: none; } .woolentor-select-drop .select2-results__option { font-size: 14px; background-color: #fff; max-height: 300px; font-weight: 600; width: 100%; } .woolentor-select-drop .select2-results__option:before { content: ""; display: inline-block; position: relative; height: 14px; width: 14px; border: 1px solid #555; border-radius: 2px; background-color: #fff; margin-right: 10px; vertical-align: middle; top: -2px; } .woolentor-select-drop .select2-results__option--selected:before { content: ""; color: #fff; border-color: transparent; background-image: url(/wp-content/plugins/woolentor-addons/assets/css/../images/check.png); background-repeat: no-repeat; background-position: center center; border: 0; display: inline-block; padding-left: 3px; background-color: #00426e; } .woolentor-select-drop .select2-results__options { width: 200px; margin: 0; } .woolentor-select-drop .select2-results__options li { margin: 0; } .woolentor-select-drop .select2-results__options li:first-child { border-radius: 10px 10px 0 0; } .woolentor-select-drop .select2-results__options li:last-child { border-radius: 0 0 10px 10px; } .woolentor-select-drop .select2-container--default .select2-results__option--highlighted[aria-selected="true"] { background-color: #c4c7e0; color: #272727; } .woolentor-select-drop .select2-container--default .select2-results > .select2-results__options { max-height: 300px; } .woolentor-select-drop .select2-container--default .select2-selection--multiple { margin-bottom: 10px; } .woolentor-select-drop .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-radius: 25px; height: 20px; } .woolentor-filter-single-item .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #c4c7e0; border-width: 1px; outline: none; } .woolentor-filter-single-item .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } .woolentor-select-drop .select2-container--open .select2-dropdown--below { border-radius: 10px; top: 10px; border: 1px solid #ddd; width: 202px !important; } .woocommerce-page .woolentor-select-drop .select2-container .select2-dropdown { padding: 0; } form.woolentor-header-search-form { margin-bottom: 0; } .woolentor-horizontal-filter-wrap .woolentor-filter-header-top-area [class*="woolentor-"] i { line-height: 40px; } /* Select to compatibility with Elementor pro */ .woolentor-filter-single-item.woolentor-states-input-auto input.select2-search__field { width: auto !important; } .woolentor-select-drop span.select2-container.select2-container--default.select2-container--open { top: revert !important; } /* Product Horizontal Filter End */ .woolentor-breadcrumb span.breadcrumb-separator { margin: 0 10px; } .woolentor-breadcrumb span.breadcrumb-separator svg { fill: currentColor; } /* Recently Viewed Product */ .woolentor-product-same-height .woolentor-recently-viewed-product { height: 100%; display: flex; flex-direction: column; } .woolentor-product-same-height .woolentor-recently-viewed-product .woolentor-recently-view-content { flex: 1 0; } .woolentor-recently-viewed-product { margin-bottom: 20px; overflow: hidden; } .woolentor-recently-view-content { padding: 20px; border: 1px solid #f1f1f1; background-color: #fff; border-top: 0; } .woolentor-recently-view-image { position: relative; } .woolentor-recently-view-image a { display: block; } .woolentor-recently-view-image a img { width: 100%; } .woolentor-recently-view-image .ht-product-label { font-size: 13px; text-transform: uppercase; font-weight: 700; position: absolute; top: 10px; z-index: 3; right: 15px; } .woolentor-recently-view-title { font-size: 18px; line-height: 1.2; font-weight: 400; margin-bottom: 10px; margin-top: 0; } .woolentor-recently-view-title a { color: #444444; } .woolentor-recently-view-title a:hover { color: #dc9a0e; } .woolentor-recently-view-price span { line-height: 1; font-weight: 700; font-size: 20px; color: #444444; } .woolentor-recently-view-content :is(.button, .added_to_cart) { display: inline-block; margin-top: 10px; padding: 10px 18px; } .woolentor-no-view-product { padding: 15px 15px 15px 20px; margin-bottom: 10px; color: #000000; font-size: 14px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; } /** * Theme support */ .woolentor-page-template { width: 100%; } /* Hello Elementor */ .woolentor_current_theme_hello-elementor.woocommerce .quantity .qty { padding-left: inherit; padding-right: inherit; text-align: center; } /* twentytwentyone */ .woolentor_current_theme_twentytwentyone.woocommerce span.onsale, .woolentor_current_theme_twentytwentyone span.onsale { left: auto; } /* blocksy */ .woolentor_current_theme_blocksy .woolentor-page-template form.woocommerce-checkout { display: block; } .woolentor_current_theme_blocksy .elementor-widget-woolentor-product-archive-addons ul.products li.product span.onsale { display: none !important; } .woolentor_current_theme_blocksy .elementor-widget-woolentor-product-archive-addons.woolentor-sale-status-yes ul.products li.product span.onsale { display: inline-flex !important; } .woolentor_current_theme_blocksy a.htcompare-btn { display: flex !important; margin-top: 5px; } /* Editor Mode */ .woolentor_current_theme_blocksy .elementor-edit-area div.product div.images .woocommerce-product-gallery__image:nth-child(n + 2), .woolentor_current_theme_woostify .elementor-edit-area div.product div.images .woocommerce-product-gallery__image:nth-child(n + 2) { width: 25%; display: inline-block; padding: 3px; } .elementor-edit-area .woocommerce-tabs .woocommerce-Tabs-panel--reviews { display: none; } /* woostify */ .woolentor_current_theme_woostify .elementor-widget-wl-single-product-image .woostify-container .product-gallery { width: 100%; } /** * Thirdparty plugin support */ .woocommerce-cart .woolentor-page-template .woocommerce:not(.ht-row) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } /* Normal :1366px. */ @media (min-width: 1200px) and (max-width: 1400px) { } /* Normal desktop :992px. */ @media (min-width: 992px) and (max-width: 1200px) { .cus-col-5.ht-col-md-6 { flex: 0 0 33.333%; max-width: 33.333%; } .elementor-section .elementor-container { padding: 0 15px; } .elementor-section.elementor-section-full_width .elementor-container { padding: 0; } } /* Tablet desktop :768px. */ @media (min-width: 768px) and (max-width: 991px) { .cus-col-5.ht-col-md-6 { flex: 0 0 50%; max-width: 50%; } .elementor-section .elementor-container { padding: 0 15px; } .elementor-section.elementor-section-full_width .elementor-container { padding: 0; } .wl-columns-tablet-1 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .wl-columns-tablet-2 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .wl-columns-tablet-3 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } .wl-columns-tablet-4 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .wl-columns-tablet-5 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .wl-columns-tablet-6 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666%; -ms-flex: 0 0 16.666%; flex: 0 0 16.666%; max-width: 16.666%; } .wl-columns-tablet-7 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 14.285%; -ms-flex: 0 0 14.285%; flex: 0 0 14.285%; max-width: 14.285%; } .wl-columns-tablet-8 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .wl-columns-tablet-9 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 11.111%; -ms-flex: 0 0 11.111%; flex: 0 0 11.111%; max-width: 11.111%; } .wl-columns-tablet-10 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; } [class*="woolentorducts-columns-"] ul.products li.product { width: calc(50% - 15px) !important; margin-right: 15px !important; } .woolentorducts-columns-tablet-1 ul.products li.product { width: 100% !important; margin-right: 0 !important; } .woolentorducts-columns-tablet-2 ul.products[class*="columns-"] li.product { width: calc(50% - 15px) !important; margin-right: 15px !important; float: left; } .woolentorducts-columns-tablet-3 ul.products[class*="columns-"] li.product { width: calc(33.33% - 15px) !important; margin-right: 15px !important; float: left; } .woolentorducts-columns-tablet-4 ul.products[class*="columns-"] li.product { width: calc(25% - 15px) !important; margin-right: 15px !important; float: left; } .woolentorducts-columns-tablet-5 ul.products[class*="columns-"] li.product { width: calc(19% - 15px) !important; margin-right: 15px !important; float: left; } .woolentorducts-columns-tablet-6 ul.products[class*="columns-"] li.product { width: calc(16% - 15px) !important; margin-right: 15px !important; float: left; } [class*="woolentorducts-columns-tablet-"] ul.products[class*="columns-"] li.product.first { clear: none !important; } .woolentorducts-columns-tablet-6 ul.products[class*="columns-"] li.product:nth-child(6n), .woolentorducts-columns-tablet-5 ul.products[class*="columns-"] li.product:nth-child(5n), .woolentorducts-columns-tablet-4 ul.products[class*="columns-"] li.product:nth-child(4n), .woolentorducts-columns-tablet-3 ul.products[class*="columns-"] li.product:nth-child(3n), .woolentorducts-columns-tablet-2 ul.products[class*="columns-"] li.product:nth-child(2n), .woolentorducts-columns-tablet-1 ul.products[class*="columns-"] li.product { margin-right: 0 !important; } } /* small mobile :320px. */ @media (max-width: 767px) { .cus-col-5.ht-col-md-6 { flex: 0 0 100%; max-width: 100%; } .woolentor-banner-img, .woolentor-content { float: none; } .woolentor-content { padding-left: 0; } .product-tab-list .nav a { margin-bottom: 10px; margin-right: 10px; padding: 5px 10px; } .elementor-section .elementor-container { padding: 0 15px; } .elementor-section.elementor-section-full_width .elementor-container { padding: 0; } .woolentor-notification-content { width: 90%; } .woolentor-sticky-btn-area { justify-content: start; margin-top: 15px; } .wl-columns-mobile-1 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .wl-columns-mobile-2 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .wl-columns-mobile-3 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } .wl-columns-mobile-4 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .wl-columns-mobile-5 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .wl-columns-mobile-6 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666%; -ms-flex: 0 0 16.666%; flex: 0 0 16.666%; max-width: 16.666%; } .wl-columns-mobile-7 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 14.285%; -ms-flex: 0 0 14.285%; flex: 0 0 14.285%; max-width: 14.285%; } .wl-columns-mobile-8 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .wl-columns-mobile-9 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 11.111%; -ms-flex: 0 0 11.111%; flex: 0 0 11.111%; max-width: 11.111%; } .wl-columns-mobile-10 .wl-row > [class*="col-"] { -webkit-box-flex: 0; -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; } .product-slider .slick-arrow.slick-next { right: 0; } .product-slider .slick-arrow { left: 0; } .content-woolentorquickview.entry-summary, .ht-qwick-view-left { padding-right: 15px; } [class*="woolentorducts-columns-"] ul.products li.product { width: 100% !important; margin-right: 0 !important; } .woolentorducts-columns-mobile-1 ul.products li.product { width: 100% !important; margin-right: 0 !important; } .woolentorducts-columns-mobile-2 ul.products[class*="columns-"] li.product { width: calc(50% - 15px) !important; margin-right: 15px !important; float: left; } .woolentorducts-columns-mobile-3 ul.products[class*="columns-"] li.product { width: calc(33.33% - 15px) !important; margin-right: 15px !important; float: left; } .woolentorducts-columns-mobile-4 ul.products[class*="columns-"] li.product { width: calc(25% - 15px) !important; margin-right: 15px !important; float: left; } .woolentorducts-columns-mobile-5 ul.products[class*="columns-"] li.product { width: calc(19% - 15px) !important; margin-right: 15px !important; float: left; } .woolentorducts-columns-mobile-6 ul.products[class*="columns-"] li.product { width: calc(16% - 15px) !important; margin-right: 15px !important; float: left; } [class*="woolentorducts-columns-mobile-"] ul.products[class*="columns-"] li.product.first { clear: none !important; } .woolentorducts-columns-mobile-6 ul.products[class*="columns-"] li.product:nth-child(6n), .woolentorducts-columns-mobile-5 ul.products[class*="columns-"] li.product:nth-child(5n), .woolentorducts-columns-mobile-4 ul.products[class*="columns-"] li.product:nth-child(4n), .woolentorducts-columns-mobile-3 ul.products[class*="columns-"] li.product:nth-child(3n), .woolentorducts-columns-mobile-2 ul.products[class*="columns-"] li.product:nth-child(2n), .woolentorducts-columns-mobile-1 ul.products[class*="columns-"] li.product { margin-right: 0 !important; } /* CHeckout Page */ .woolentor_current_theme_storefront span.woolentor-order-item-title { display: block; } /* Product Tabs */ .ht-tab-menus { margin-bottom: 20px; } .ht-tab-menus li { margin-right: 0; margin-bottom: 10px; } } /* Large Mobile :480px. */ @media only screen and (min-width: 480px) and (max-width: 767px) { } .woolentor-qrcode img { display: inline-block; } td.product-name .backorder_notification{ display: none; } td.product-name .woolentor-backorder-notification.backorder_notification{ display: block; } dt.variation-woolentor_cart_backorder_availability,.wc-block-components-product-details__woolentor-cart-backorder-availability span.wc-block-components-product-details__name{ display: none !important; } .woolentor-product-badge-main-area{ position: relative; } .woolentor-product-badge-area{ position: absolute; top: 15px; left: 15px; z-index: 9; } .woolentor-product-badge-area.woolentor-product-badge-position-top_right{ left: auto; right: 15px; } .woolentor-product-badge-area.woolentor-product-badge-position-bottom_left{ top: auto; bottom: 15px; } .woolentor-product-badge-area.woolentor-product-badge-position-bottom_right{ top: auto; left: auto; right: 15px; bottom: 15px; } .woolentor-product-badge{ color: #fff; background-color: #222; padding: 2px 8px; border-radius: 5px; display: inline-block; } /* Support Universal Layout */ .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .woolentor-product-badge-area.has_individual_badge{ position: static; } .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .woolentor-product-badge-area.has_individual_badge .woolentor-product-badge,.woolentor-product-badge-type-image .woolentor-product-badge, .ht-product-2 [class*="ht-product-image-wrap"] .woolentor-product-badge-area.has_individual_badge{ background-color: transparent !important; padding: 0 !important; border-radius: 0 !important; font-size: 13px !important; } /* Support Grid Layout */ .ht-product-2 [class*="ht-product-image-wrap"] .woolentor-product-badge-area.has_individual_badge{ top: 18px; right: 20px; left: auto; } /* Single Product addon */ .woocommerce-product-gallery__image .woolentor-product-badge-area .ht-product-label,.woolentor-product-gallery-video .woolentor-product-badge-area .ht-product-label{ position: static !important; } @charset "UTF-8"; /* Theme Name: LaBeaute Theme URI: https://labeaute.merchantsbestfriends.com Description: Minimal eCommerce WordPress Theme Author: Merchants’ Best Friends Author URI: https://merchantsbestfriends.com Version: 1.1.3 Tested up to: 7.0 Requires at least: 6.0 Requires PHP: 5.4 Tags: custom-colors, editor-style, theme-options, featured-images, custom-menu, sticky-post, right-sidebar, translation-ready License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: labeaute WC requires at least: 6.0 WC tested up to: 10.6.2 * Woo: 18734001781152:64ede56c46c20e3cdfad0238fdeea99b */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Base # Utilities # Layout # Elements # Widgets # Media # Vendors /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ /*-------------------------------------------------------------- # CSS Variables --------------------------------------------------------------*/ :root { --mbf-header-initial-height: 81px; --mbf-header-height: 73px; --mbf-header-border-width: 1px; --mbf-offcanvas-width: 380px; --mbf-shop-minicart-width: 400px; --mbf-shop-sidebar-width: 340px; --mbf-entry-content-width: 856px; --mbf-entry-content-medium-width: 856px; --mbf-entry-content-large-width: 1336px; --mbf-layout-elements-border-radius: 4px; --mbf-thumbnail-border-radius: 4px; --mbf-button-border-radius: 100px; --mbf-input-border-radius: 0px; --mbf-badge-border-radius: 3px; --mbf-tag-border-radius: 3px; --mbf-avatar-border-radius: 3px; --mbf-adminmbar-offset: 0px; --mbf-wc-box-container: 635px; --mbf-wc-box-sidebar: 420px; --mbf-wc-accent-color: #D73429; --mbf-underline-bg-position: left 98%; } @media (max-width: 767.98px) { :root { --mbf-offcanvas-width: 100%; --mbf-shop-sidebar-width: 100%; --mbf-shop-minicart-width: 100%; } } .admin-bar { --mbf-adminmbar-offset: 32px; } @media screen and (max-width: 782px) { .admin-bar { --mbf-adminmbar-offset: 46px; } } @media screen and (max-width: 600px) { .admin-bar { --mbf-adminmbar-offset: 0px; } } :root, [data-scheme=light] { --mbf-site-background: var(--mbf-light-site-background, #FFFFFF); --mbf-layout-background: var(--mbf-light-layout-background, #EAECE3); --mbf-color-primary: var(--mbf-light-primary-color, #000000); --mbf-color-primary-contrast: #FFFFFF; --mbf-color-accent: var(--mbf-light-accent-color, #183837); --mbf-color-accent-contrast: #FFFFFF; --mbf-color-secondary: var(--mbf-light-secondary-color, #585858); --mbf-color-secondary-contrast: #FFFFFF; --mbf-color-border: var(--mbf-light-border-color, #C6C9C0); --mbf-color-button: var(--mbf-light-button-background, #173837); --mbf-color-button-border: var(--mbf-light-button-border, #173837); --mbf-color-button-contrast: var(--mbf-light-button-color, #FFFFFF); --mbf-color-button-hover: var(--mbf-light-button-hover-background, #336B53); --mbf-color-button-hover-border: var(--mbf-light-button-hover-border, #336B53); --mbf-color-button-hover-contrast: var(--mbf-light-button-hover-color, #FFFFFF); --mbf-color-overlay-background: var(--mbf-light-overlay-background, rgba(32, 32, 37, 0.2)); --mbf-color-contrast-50: #f8f9fa; --mbf-color-contrast-100: #f8f9fa; --mbf-color-contrast-200: #E0E0E0; --mbf-color-contrast-300: #dee2e6; --mbf-color-contrast-400: #ced4da; --mbf-color-contrast-500: #adb5bd; --mbf-color-contrast-600: #6c757d; --mbf-color-contrast-700: #495057; --mbf-color-contrast-800: #343a40; --mbf-color-contrast-900: #212529; } @media (prefers-color-scheme: dark) { :root [data-scheme=auto] { --mbf-site-background: var(--mbf-dark-site-background, #1c1c1c); --mbf-layout-background: var(--mbf-dark-layout-background, #232323); --mbf-color-primary: var(--mbf-dark-primary-color, #FFFFFF); --mbf-color-primary-contrast: #000000; --mbf-color-accent: var(--mbf-dark-accent-color, #FFFFFF); --mbf-color-accent-contrast: #000000; --mbf-color-secondary: var(--mbf-dark-secondary-color, #c4c4c4); --mbf-color-secondary-contrast: #000000; --mbf-color-border: var(--mbf-dark-border-color, #393939); --mbf-color-button: var(--mbf-dark-button-background, #000000); --mbf-color-button-border: var(--mbf-dark-button-border, #000000); --mbf-color-button-contrast: var(--mbf-dark-button-color, #FFFFFF); --mbf-color-button-hover: var(--mbf-dark-button-hover-background, #3e3e3e); --mbf-color-button-hover-border: var(--mbf-dark-button-hover-border, #3e3e3e); --mbf-color-button-hover-contrast:var(--mbf-dark-button-hover-color, #FFFFFF); --mbf-color-overlay-background: var(--mbf-dark-overlay-background, rgba(0,0,0, 0.25)); --mbf-color-contrast-50: #000000; --mbf-color-contrast-100: #333333; --mbf-color-contrast-200: #494949; --mbf-color-contrast-300: #606060; --mbf-color-contrast-400: #777777; --mbf-color-contrast-500: #8e8e8e; --mbf-color-contrast-600: #a4a4a4; --mbf-color-contrast-700: #bbbbbb; --mbf-color-contrast-800: #d2d2d2; --mbf-color-contrast-900: #e9e9e9; } } [data-scheme=dark] { --mbf-site-background: var(--mbf-dark-site-background, #1c1c1c); --mbf-layout-background: var(--mbf-dark-layout-background, #232323); --mbf-color-primary: var(--mbf-dark-primary-color, #FFFFFF); --mbf-color-primary-contrast: #000000; --mbf-color-accent: var(--mbf-dark-accent-color, #FFFFFF); --mbf-color-accent-contrast: #000000; --mbf-color-secondary: var(--mbf-dark-secondary-color, #c4c4c4); --mbf-color-secondary-contrast: #000000; --mbf-color-border: var(--mbf-dark-border-color, #393939); --mbf-color-button: var(--mbf-dark-button-background, #000000); --mbf-color-button-border: var(--mbf-dark-button-border, #000000); --mbf-color-button-contrast: var(--mbf-dark-button-color, #FFFFFF); --mbf-color-button-hover: var(--mbf-dark-button-hover-background, #3e3e3e); --mbf-color-button-hover-border: var(--mbf-dark-button-hover-border, #3e3e3e); --mbf-color-button-hover-contrast:var(--mbf-dark-button-hover-color, #FFFFFF); --mbf-color-overlay-background: var(--mbf-dark-overlay-background, rgba(0,0,0, 0.25)); --mbf-color-contrast-50: #000000; --mbf-color-contrast-100: #333333; --mbf-color-contrast-200: #494949; --mbf-color-contrast-300: #606060; --mbf-color-contrast-400: #777777; --mbf-color-contrast-500: #8e8e8e; --mbf-color-contrast-600: #a4a4a4; --mbf-color-contrast-700: #bbbbbb; --mbf-color-contrast-800: #d2d2d2; --mbf-color-contrast-900: #e9e9e9; } [data-scheme=inverse] { --mbf-color-primary: #FFFFFF; --mbf-color-primary-contrast: #000000; --mbf-color-accent: #FFFFFF; --mbf-color-accent-contrast: #000000; --mbf-color-secondary: #FFFFFF; --mbf-color-secondary-contrast: #000000; --mbf-color-border: rgba(255, 255, 255, 0.5); --mbf-color-button: #FFFFFF; --mbf-color-button-border: #FFFFFF; --mbf-color-button-contrast: #000000; --mbf-color-button-hover: var(--mbf-light-button-hover-background, #336B53); --mbf-color-button-hover-border: var(--mbf-light-button-hover-border, #336B53); --mbf-color-button-hover-contrast: var(--mbf-light-button-hover-color, #FFFFFF); --mbf-color-contrast-50: rgba(255, 255, 255, 0.1); --mbf-color-contrast-100: rgba(255, 255, 255, 0.1); --mbf-color-contrast-200: rgba(255, 255, 255, 0.2); --mbf-color-contrast-300: rgba(255, 255, 255, 0.3); --mbf-color-contrast-400: rgba(255, 255, 255, 0.4); --mbf-color-contrast-500: rgba(255, 255, 255, 0.5); --mbf-color-contrast-600: rgba(255, 255, 255, 0.6); --mbf-color-contrast-700: rgba(255, 255, 255, 0.7); --mbf-color-contrast-800: rgba(255, 255, 255, 0.8); --mbf-color-contrast-900: rgba(255, 255, 255, 0.9); } [data-scheme] { color: var(--mbf-color-primary); } .mbf-scheme-toggled[data-scheme] *, .mbf-scheme-toggled[data-scheme] *::after, .mbf-scheme-toggled[data-scheme] *::before { transition: none !important; } /*-------------------------------------------------------------- # Palette --------------------------------------------------------------*/ :root, [data-scheme=light] { --mbf-palette-color-blue: #59BACC; --mbf-palette-color-green: #58AD69; --mbf-palette-color-orange: #FFBC49; --mbf-palette-color-red: #e32c26; --mbf-palette-color-black: #000000; --mbf-palette-color-white: #FFFFFF; --mbf-palette-color-primary: #202025; --mbf-palette-color-accent: #183837; --mbf-palette-color-secondary: #7E7E84; --mbf-palette-color-layout: #EAECE3; --mbf-palette-color-border: #C6C9C0; --mbf-palette-color-gray-50: #f8f9fa; --mbf-palette-color-gray-100: #f8f9fa; --mbf-palette-color-gray-200: #E0E0E0; } @media (prefers-color-scheme: dark) { :root [data-scheme=auto] { --mbf-palette-color-black: #FFFFFF; --mbf-palette-color-white: #000000; --mbf-palette-color-primary: #FFFFFF; --mbf-palette-color-accent: #FFFFFF; --mbf-palette-color-secondary: #c4c4c4; --mbf-palette-color-layout: #232323; --mbf-palette-color-border: #393939; --mbf-palette-color-gray-50: #000000; --mbf-palette-color-gray-100: #333333; --mbf-palette-color-gray-200: #494949; } } [data-scheme=dark] { --mbf-palette-color-black: #FFFFFF; --mbf-palette-color-white: #000000; --mbf-palette-color-primary: #FFFFFF; --mbf-palette-color-accent: #FFFFFF; --mbf-palette-color-secondary: #c4c4c4; --mbf-palette-color-layout: #232323; --mbf-palette-color-border: #393939; --mbf-palette-color-gray-50: #000000; --mbf-palette-color-gray-100: #333333; --mbf-palette-color-gray-200: #494949; } [data-scheme=inverse] { --mbf-palette-color-black: #FFFFFF; --mbf-palette-color-white: #000000; --mbf-palette-color-primary: #FFFFFF; --mbf-palette-color-accent: #FFFFFF; --mbf-palette-color-secondary: rgba(255, 255, 255, 0.65); --mbf-palette-color-border: #393939; --mbf-palette-color-gray-50: rgba(255, 255, 255, 0.1); --mbf-palette-color-gray-100: rgba(255, 255, 255, 0.1); --mbf-palette-color-gray-200: rgba(255, 255, 255, 0.2); } /* Color Options --------------------------------------------- */ .has-blue-color { color: var(--mbf-palette-color-blue) !important; } .has-blue-background-color { background-color: var(--mbf-palette-color-blue) !important; } .has-green-color { color: var(--mbf-palette-color-green) !important; } .has-green-background-color { background-color: var(--mbf-palette-color-green) !important; } .has-orange-color { color: var(--mbf-palette-color-orange) !important; } .has-orange-background-color { background-color: var(--mbf-palette-color-orange) !important; } .has-red-color { color: var(--mbf-palette-color-red) !important; } .has-red-background-color { background-color: var(--mbf-palette-color-red) !important; } .has-black-color { color: var(--mbf-palette-color-black) !important; } .has-black-background-color { background-color: var(--mbf-palette-color-black) !important; } .has-white-color { color: var(--mbf-palette-color-white) !important; } .has-white-background-color { background-color: var(--mbf-palette-color-white) !important; } .has-primary-color { color: var(--mbf-palette-color-primary) !important; } .has-primary-background-color { background-color: var(--mbf-palette-color-primary) !important; } .has-accent-color { color: var(--mbf-palette-color-accent) !important; } .has-accent-background-color { background-color: var(--mbf-palette-color-accent) !important; } .has-secondary-color { color: var(--mbf-palette-color-secondary) !important; } .has-secondary-background-color { background-color: var(--mbf-palette-color-secondary) !important; } .has-layout-color { color: var(--mbf-palette-color-layout) !important; } .has-layout-background-color { background-color: var(--mbf-palette-color-layout) !important; } .has-border-color { color: var(--mbf-palette-color-border) !important; } .has-border-background-color { background-color: var(--mbf-palette-color-border) !important; } .has-gray-50-color { color: var(--mbf-palette-color-gray-50) !important; } .has-gray-50-background-color { background-color: var(--mbf-palette-color-gray-50) !important; } .has-gray-100-color { color: var(--mbf-palette-color-gray-100) !important; } .has-gray-100-background-color { background-color: var(--mbf-palette-color-gray-100) !important; } .has-gray-200-color { color: var(--mbf-palette-color-gray-200) !important; } .has-gray-200-background-color { background-color: var(--mbf-palette-color-gray-200) !important; } /*-------------------------------------------------------------- # Icons --------------------------------------------------------------*/ @font-face { font-family: "mbf-icons"; src: url(/wp-content/themes/labeaute/./assets/static/icon-fonts/icons.ttf) format("truetype"), url(/wp-content/themes/labeaute/./assets/static/icon-fonts/icons.woff) format("woff"), url(/wp-content/themes/labeaute/./assets/static/icon-fonts/icons.svg#icons) format("svg"); font-weight: normal; font-style: normal; font-display: swap; } [class^=mbf-icon-], [class*=" mbf-icon-"] { font-family: "mbf-icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mbf-icon-star:before { content: ""; } .mbf-icon-order:before { content: ""; } .mbf-icon-check:before { content: ""; } .mbf-icon-minus:before { content: ""; } .mbf-icon-percent:before { content: ""; } .mbf-icon-plus:before { content: ""; } .mbf-icon-update:before { content: ""; } .mbf-icon-filter:before { content: ""; } .mbf-icon-hello:before { content: ""; } .mbf-icon-menu:before { content: ""; } .mbf-icon-arrow-small-down:before { content: ""; } .mbf-icon-arrow-small-left:before { content: ""; } .mbf-icon-arrow-small-right:before { content: ""; } .mbf-icon-arrow-small-up:before { content: ""; } .mbf-icon-bag:before { content: ""; } .mbf-icon-search-results:before { content: ""; } .mbf-icon-account:before { content: ""; } .mbf-icon-arrow-down:before { content: ""; } .mbf-icon-arrow-left:before { content: ""; } .mbf-icon-arrow-right:before { content: ""; } .mbf-icon-alert:before { content: ""; } .mbf-icon-info:before { content: ""; } .mbf-icon-reply:before { content: ""; } .mbf-icon-search:before { content: ""; } .mbf-icon-success:before { content: ""; } .mbf-icon-x:before { content: ""; } .mbf-icon-byuser:before { content: ""; } .mbf-icon-comments:before { content: ""; } .mbf-icon-image:before { content: ""; } .mbf-icon-activity:before { content: ""; } .mbf-icon-award:before { content: ""; } .mbf-icon-chevron-down:before { content: ""; } .mbf-icon-chevron-left:before { content: ""; } .mbf-icon-chevron-right:before { content: ""; } .mbf-icon-chevron-up:before { content: ""; } .mbf-icon-message-square:before { content: ""; } .mbf-icon-music:before { content: ""; } .mbf-icon-play:before { content: ""; } .mbf-icon-watch:before { content: ""; } .mbf-icon-zap:before { content: ""; } /*-------------------------------------------------------------- ## Reboot --------------------------------------------------------------*/ *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; text-align: left; background-color: #ffffff; color: #000000; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr, .wp-block-separator { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: var(--mbf-color-secondary); text-decoration: underline; background-color: transparent; transition: color 0.25s; } a:hover { color: var(--mbf-color-secondary); text-decoration: none; } a:not([href]) { color: inherit; text-decoration: none; } a:not([href]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table, .wp-block-table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } input[type=date], input[type=time], input[type=datetime-local], input[type=month] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .screen-reader-text, .sr-only { display: none; } /*-------------------------------------------------------------- ## Typography --------------------------------------------------------------*/ html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; font-family: var(--mbf-font-base-family); } body { font-family: var(--mbf-font-base-family), sans-serif; font-size: var(--mbf-font-base-size); font-weight: var(--mbf-font-base-weight); font-style: var(--mbf-font-base-style); line-height: var(--mbf-font-base-line-height); letter-spacing: var(--mbf-font-base-letter-spacing); } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-top: 0; margin-bottom: 1rem; word-wrap: break-word; font-family: var(--mbf-font-headings-family), sans-serif; font-weight: var(--mbf-font-headings-weight); text-transform: var(--mbf-font-headings-text-transform); line-height: var(--mbf-font-headings-line-height); letter-spacing: var(--mbf-font-headings-letter-spacing); } h1, .h1 { font-size: 2.8125rem; } h2, .h2 { font-size: 1.875rem; } h3, .h3 { font-size: 1.625rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.375rem; } h6, .h6 { font-size: 1.25rem; } hr, .wp-block-separator { border: 0; border-top: 1px solid var(--mbf-color-contrast-200); } small, .small { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } mark, .mark { padding: 0.2em; background-color: #fcf8e3; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } figcaption, cite, caption, time { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .mbf-section-heading { margin-bottom: 0; } .mbf-section-heading:not(:first-child) { margin-top: 0.5rem; } .mbf-section-heading-styling { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .mbf-section-heading-widget { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } /*-------------------------------------------------------------- ## Tables --------------------------------------------------------------*/ table, .wp-block-table { width: 100%; border-collapse: collapse; margin-bottom: 0; text-align: left; } table th, .wp-block-table th, table td, .wp-block-table td { padding: 0.75rem; vertical-align: middle; border: none; border-top: 1px solid var(--mbf-color-border); } table th, .wp-block-table th { font-family: var(--mbf-font-headings-family), sans-serif; font-weight: var(--mbf-font-headings-weight); text-transform: var(--mbf-font-headings-text-transform); line-height: var(--mbf-font-headings-line-height); letter-spacing: var(--mbf-font-headings-letter-spacing); } table thead, .wp-block-table thead { border-bottom: 2px solid var(--mbf-color-border); } table tfoot, .wp-block-table tfoot { border-top: 2px solid var(--mbf-color-border); } table tbody + tbody, .wp-block-table tbody + tbody { border-top: 2px solid var(--mbf-color-border); } table th, .wp-block-table th, table td, .wp-block-table td { border: 1px solid var(--mbf-color-border); } table thead th, .wp-block-table thead th, table thead td, .wp-block-table thead td { border-bottom-width: 1px; } .wp-block-table.is-style-stripes { border-bottom: none; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--mbf-color-contrast-100); } .wp-block-table figcaption { padding: 0.75rem 0; color: var(--mbf-color-secondary); text-align: left; } .mbf-table-simple-bordered tr th, .mbf-table-simple-bordered tr td { border: none; border-top: 1px solid var(--mbf-color-border); } .mbf-table-striped tbody tr:nth-of-type(odd) { background-color: var(--mbf-color-contrast-100); } @media (max-width: 575.98px) { .mbf-table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 767.98px) { .mbf-table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 991.98px) { .mbf-table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 1199.98px) { .mbf-table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 1335.98px) { .mbf-table-responsive-xxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 1919.98px) { .mbf-table-responsive-xxxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } .mbf-table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } /*-------------------------------------------------------------- ## Entry --------------------------------------------------------------*/ .mbf-main-content .entry-content > *:last-child:after, .mbf-main-content .entry-summary > *:last-child:after { content: ""; clear: both; display: table; } .mbf-main-content .entry-content > *, .mbf-main-content .entry-content .wp-block-column > *, .mbf-main-content .entry-content .wp-block-group__inner-container > *, .mbf-main-content .entry-content .wp-block-cover__inner-container > *, .mbf-main-content .entry-content .wp-block-media-text__content > *, .mbf-main-content .entry-summary > *, .mbf-main-content .entry-summary .wp-block-column > *, .mbf-main-content .entry-summary .wp-block-group__inner-container > *, .mbf-main-content .entry-summary .wp-block-cover__inner-container > *, .mbf-main-content .entry-summary .wp-block-media-text__content > * { margin-top: 32px; margin-bottom: 32px; } @media (min-width: 576px) { .mbf-main-content .entry-content > *, .mbf-main-content .entry-content .wp-block-column > *, .mbf-main-content .entry-content .wp-block-group__inner-container > *, .mbf-main-content .entry-content .wp-block-cover__inner-container > *, .mbf-main-content .entry-content .wp-block-media-text__content > *, .mbf-main-content .entry-summary > *, .mbf-main-content .entry-summary .wp-block-column > *, .mbf-main-content .entry-summary .wp-block-group__inner-container > *, .mbf-main-content .entry-summary .wp-block-cover__inner-container > *, .mbf-main-content .entry-summary .wp-block-media-text__content > * { margin-top: 32px; margin-bottom: 32px; } } .mbf-main-content .entry-content > *:first-child, .mbf-main-content .entry-content .wp-block-column > *:first-child, .mbf-main-content .entry-content .wp-block-group__inner-container > *:first-child, .mbf-main-content .entry-content .wp-block-cover__inner-container > *:first-child, .mbf-main-content .entry-content .wp-block-media-text__content > *:first-child, .mbf-main-content .entry-summary > *:first-child, .mbf-main-content .entry-summary .wp-block-column > *:first-child, .mbf-main-content .entry-summary .wp-block-group__inner-container > *:first-child, .mbf-main-content .entry-summary .wp-block-cover__inner-container > *:first-child, .mbf-main-content .entry-summary .wp-block-media-text__content > *:first-child { margin-top: 0; } .mbf-main-content .entry-content > *:last-child, .mbf-main-content .entry-content .wp-block-column > *:last-child, .mbf-main-content .entry-content .wp-block-group__inner-container > *:last-child, .mbf-main-content .entry-content .wp-block-cover__inner-container > *:last-child, .mbf-main-content .entry-content .wp-block-media-text__content > *:last-child, .mbf-main-content .entry-summary > *:last-child, .mbf-main-content .entry-summary .wp-block-column > *:last-child, .mbf-main-content .entry-summary .wp-block-group__inner-container > *:last-child, .mbf-main-content .entry-summary .wp-block-cover__inner-container > *:last-child, .mbf-main-content .entry-summary .wp-block-media-text__content > *:last-child { margin-bottom: 0; } .mbf-main-content .entry-content .entry-content, .mbf-main-content .entry-content .entry-summary, .mbf-main-content .entry-summary .entry-content, .mbf-main-content .entry-summary .entry-summary { margin: inherit; max-width: inherit; padding: inherit; } @media (min-width: 576px) { .mbf-main-content .entry-content .entry-content, .mbf-main-content .entry-content .entry-summary, .mbf-main-content .entry-summary .entry-content, .mbf-main-content .entry-summary .entry-summary { margin: inherit; max-width: inherit; padding: inherit; } } .mbf-main-content .entry-content > .alignleft, .mbf-main-content .entry-content > .alignright, .mbf-main-content .entry-summary > .alignleft, .mbf-main-content .entry-summary > .alignright { margin-top: 0; } /*-------------------------------------------------------------- ## Entry Content --------------------------------------------------------------*/ .entry-content { line-height: var(--mbf-font-post-content-line-height); } .entry-content > h1, .entry-content > h2, .entry-content > h3, .entry-content > h4, .entry-content > h5, .entry-content > h6, .entry-content > .h1, .entry-content > .h2, .entry-content > .h3, .entry-content > .h4, .entry-content > .h5, .entry-content > .h6 { color: var(--mbf-color-accent); } .entry-content > h1:not(:first-child), .entry-content > h2:not(:first-child), .entry-content > h3:not(:first-child), .entry-content > h4:not(:first-child), .entry-content > h5:not(:first-child), .entry-content > h6:not(:first-child), .entry-content > .h1:not(:first-child), .entry-content > .h2:not(:first-child), .entry-content > .h3:not(:first-child), .entry-content > .h4:not(:first-child), .entry-content > .h5:not(:first-child), .entry-content > .h6:not(:first-child) { margin-top: 64px; } .entry-content > .wp-block-columns .wp-block-column > ul { list-style: none; margin-left: 0; padding-left: 0; } .entry-content > .wp-block-columns .wp-block-column > ul > li { position: relative; margin-left: 0; padding: 0 0 0 1.5rem; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .entry-content > .wp-block-columns .wp-block-column > ul > li + li { margin-top: 0.5rem; } .entry-content > .wp-block-columns .wp-block-column > ul > li:before { position: absolute; top: 0; left: 0; font-family: "mbf-icons"; margin-right: 0.5rem; color: var(--mbf-color-secondary); content: ""; } .entry-content > .wp-block-columns .wp-block-column > ol { margin-left: 0; padding-left: 20px; } .entry-content > .wp-block-columns .wp-block-column > ol > li { position: relative; margin-left: 0; padding: 0 0 0 0.5rem; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .entry-content > .wp-block-columns .wp-block-column > ol > li + li { margin-top: 0.5rem; } .entry-content > blockquote { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; font-size: 1.375rem; line-height: var(--mbf-font-base-line-height); border: none; margin-top: 48px; margin-bottom: 48px; background-color: var(--mbf-layout-background); padding: 40px; border-radius: var(--mbf-layout-elements-border-radius); font-family: var(--mbf-font-headings-family), sans-serif; font-weight: var(--mbf-font-headings-weight); text-transform: var(--mbf-font-headings-text-transform); line-height: var(--mbf-font-headings-line-height); letter-spacing: var(--mbf-font-headings-letter-spacing); color: var(--mbf-color-primary); } .entry-content > blockquote:before { position: relative; background: var(--mbf-color-primary); display: inline-block; margin-bottom: 2rem; width: 36px; height: 2px; content: ""; } .entry-content > blockquote:after { position: relative; background: var(--mbf-color-primary); display: inline-block; margin-top: 2rem; width: 36px; height: 2px; content: ""; } .entry-content > blockquote p:first-child { font-size: inherit; margin-top: 0; } .entry-content > blockquote p:last-child { margin-bottom: 0; } .entry-content > blockquote cite { display: block; color: var(--mbf-color-secondary); font-style: normal; margin-top: 0.5rem; color: var(--mbf-color-secondary); line-height: var(--mbf-font-base-line-height); font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .entry-content pre, .entry-content code { background-color: var(--mbf-color-contrast-50); } .entry-content pre { padding: 20px; } .entry-content pre code { background-color: transparent; } .entry-content .wp-caption-dd { color: var(--mbf-color-secondary); margin-left: 0; } .entry-content video, .entry-content iframe, .entry-content object, .entry-content embed { max-width: 100%; overflow: hidden; } .alignnone { max-width: 100%; } .alignleft { float: none; margin-right: 0; } .alignleft:first-child + * { margin-top: 0; } @media (min-width: 576px) { .alignleft { float: left; margin-right: 2rem; } } .alignright { float: none; margin-left: 0; } .alignright:first-child + * { margin-top: 0; } @media (min-width: 576px) { .alignright { float: right; margin-left: 2rem; } } .aligncenter { display: block; clear: both; margin-left: auto; margin-right: auto; max-width: 100%; } .aligncenter .wp-caption-text, .aligncenter .wp-caption-dd { text-align: center; } img.alignleft, img.alignright { margin-bottom: 1rem; } .wp-block-group.alignleft, .wp-block-group.alignright, .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 { max-width: 100%; } @media (min-width: 576px) { .wp-block-group.alignleft, .wp-block-group.alignright, .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 { max-width: calc(50% - 1rem); } } /** =========== Blocks =========== */ .wp-block-columns > *:first-child { margin-top: 0; } .wp-block-columns > *:last-child { margin-bottom: 0; } .wp-block-columns .wp-block-column > *:first-child { margin-top: 0; } .wp-block-columns .wp-block-column > *:last-child { margin-bottom: 0; } p.has-background { padding: 1.5rem 2rem; } p.wp-block-subhead { font-size: 1.375rem; color: var(--mbf-color-secondary); opacity: 1; } .wp-block-separator.is-style-dots { border-top: none; } .wp-block-separator:not(.is-style-dots) { border-top: none; border-bottom: 2px solid currentColor; } .wp-block-separator.is-style-wide { max-width: var(--mbf-editor-width-wide); } .wp-block[data-align=wide] .wp-block-separator.is-style-wide { max-width: var(--mbf-editor-width-wide); } .wp-block[data-align=full] .wp-block-separator.is-style-wide { max-width: var(--mbf-editor-width-full); } .wp-block-separator:not(.is-style-dots):not(.is-style-wide):not(.alignwide):not(.alignwide):not(.alignfull) { max-width: 100px; } .wp-block[data-align=wide] .wp-block-separator:not(.is-style-dots):not(.is-style-wide):not(.alignwide):not(.alignwide):not(.alignfull) { max-width: var(--mbf-editor-width-wide); } .wp-block[data-align=full] .wp-block-separator:not(.is-style-dots):not(.is-style-wide):not(.alignwide):not(.alignwide):not(.alignfull) { max-width: var(--mbf-editor-width-full); } .wp-block-button.alignleft { text-align: left; } .wp-block-button.alignright { text-align: right; } .wp-block-button.aligncenter { text-align: center; } .wp-block-button .wp-block-button__link { text-align: center; white-space: normal; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: 0.25s; padding: 0.625rem 1.125rem; border: 2px solid var(--mbf-color-button-border); border-radius: var(--mbf-button-border-radius); font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background) { border-color: var(--mbf-color-button-border); background-color: var(--mbf-color-button); } .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):hover { border-color: var(--mbf-color-button-hover-border); background-color: var(--mbf-color-button-hover); opacity: 1; } .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color) { color: var(--mbf-color-button-contrast); } .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color):hover { color: var(--mbf-color-button-hover-contrast); opacity: 1; } .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { opacity: 0.75; cursor: pointer; } .wp-block-button.is-style-outline .wp-block-button__link { padding: 0.625rem 1.125rem; } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) { border-color: var(--mbf-color-button-border); background-color: transparent; } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover { border-color: var(--mbf-color-button-hover-border); background-color: transparent; opacity: 1; } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) { color: var(--mbf-color-button-border); } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):hover { color: var(--mbf-color-button-hover-border); opacity: 1; } .wp-block-file .wp-block-file__button { border: var(--mbf-button-border-width, 1px) solid var(--mbf-color-button-border); background-color: var(--mbf-color-button); color: var(--mbf-color-button-contrast); position: relative; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; line-height: 1rem; transition: 0.25s; box-shadow: none; overflow: hidden; cursor: pointer; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); text-transform: capitalize; padding: 0.5rem 1rem; border-radius: var(--mbf-button-border-radius); font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:hover { border-color: var(--mbf-color-button-hover-border); background-color: var(--mbf-color-button-hover); color: var(--mbf-color-button-hover-contrast); outline: none; } .wp-block-file .wp-block-file__button:disabled, .wp-block-file .wp-block-file__button:disabled[disabled] { color: var(--mbf-color-button-contrast); opacity: 0.5; padding: 0.5rem 1rem; } .wp-block-file .wp-block-file__button:disabled:hover, .wp-block-file .wp-block-file__button:disabled[disabled]:hover { border-color: var(--mbf-color-button-border); background-color: var(--mbf-color-button); color: var(--mbf-color-button-contrast); } .wp-block-code, pre.wp-block-code, code.wp-block-code { background-color: var(--mbf-color-contrast-200); padding: 1rem 1.5rem; font-family: Menlo, Consolas, monaco, monospace; line-height: var(--mbf-font-base-line-height); font-size: 0.875rem; color: var(--mbf-color-primary); white-space: pre-wrap; border-radius: 0; border: none; } .wp-block-code .editor-plain-text, pre.wp-block-code .editor-plain-text, code.wp-block-code .editor-plain-text { background-color: transparent; } .wp-block-preformatted, pre.wp-block-preformatted, code.wp-block-preformatted { background-color: var(--mbf-color-contrast-200); padding: 1rem 1.5rem; } .wp-block-preformatted pre, pre.wp-block-preformatted pre, code.wp-block-preformatted pre { padding: 0; } .wp-block-preformatted, .wp-block-preformatted pre { font-family: Menlo, Consolas, monaco, monospace; line-height: var(--mbf-font-base-line-height); font-size: 0.875rem; color: var(--mbf-color-primary); white-space: pre-wrap; } .wp-block-verse, pre.wp-block-verse, code.wp-block-verse { background-color: var(--mbf-color-contrast-200); padding: 1rem 1.5rem; } .wp-block-verse pre, pre.wp-block-verse pre, code.wp-block-verse pre { padding: 0; } .wp-block-verse, .wp-block-verse pre { font-family: Menlo, Consolas, monaco, monospace; line-height: var(--mbf-font-base-line-height); font-size: 0.875rem; color: var(--mbf-color-primary); overflow: auto; } .wp-block-audio figcaption { color: var(--mbf-color-secondary); text-align: center; } .wp-block-embed figcaption { color: var(--mbf-color-secondary); text-align: center; } .wp-block-video video { width: 100%; } .wp-block-media-text p:last-child { margin-bottom: 0; } @media (max-width: 575.98px) { .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding-top: 8%; padding-bottom: 0; } .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content { padding-top: 0; padding-bottom: 8%; } } .wp-block-image figcaption { color: var(--mbf-color-secondary); text-align: center; } .wp-block-image img { vertical-align: middle; border-radius: var(--mbf-layout-elements-border-radius); } .wp-block-image .alignleft figcaption, .wp-block-image .alignright figcaption, .wp-block-image .aligncenter figcaption, .wp-block-image .alignwide figcaption, .wp-block-image .alignfull figcaption { text-align: center; } .wp-block-image.alignleft figcaption, .wp-block-image.alignright figcaption, .wp-block-image.aligncenter figcaption, .wp-block-image.alignwide figcaption, .wp-block-image.alignfull figcaption { text-align: center; } .wp-block-image .alignleft, .wp-block-image.alignleft { float: none; margin-right: 0; } @media (min-width: 576px) { .wp-block-image .alignleft, .wp-block-image.alignleft { float: left; margin-right: 2rem; } } .wp-block-image .alignright, .wp-block-image.alignright { float: none; margin-left: 0; } @media (min-width: 576px) { .wp-block-image .alignright, .wp-block-image.alignright { float: right; margin-left: 2rem; } } @media (max-width: 575.98px) { .wp-block-image .alignleft, .wp-block-image .alignright { margin-left: auto; margin-right: auto; } } .wp-block-gallery.has-nested-images { display: flex; } .wp-block-cover, .wp-block-cover-image { min-height: auto; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { width: 100%; } .wp-block-cover.has-background-dim, .wp-block-cover-image.has-background-dim { padding: 40px; } .wp-block-cover.has-background-dim a, .wp-block-cover.has-background-dim a:hover, .wp-block-cover-image.has-background-dim a, .wp-block-cover-image.has-background-dim a:hover { color: inherit; } .wp-block-cover.has-background-dim .wp-block-cover__inner-container, .wp-block-cover.has-background-dim .wp-block-cover-text, .wp-block-cover-image.has-background-dim .wp-block-cover__inner-container, .wp-block-cover-image.has-background-dim .wp-block-cover-text { color: #ffffff; } .wp-block-cover__inner-container *:last-child { margin-bottom: 0; } .wp-block-cover .block-list-appender:empty { margin: 0; } .wp-block-cover .wp-block-cover-text { font-size: 2.25rem; line-height: var(--mbf-font-base-line-height); padding: 0; max-width: calc(var(--mbf-entry-content-width)); } .wp-block-quote { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; font-size: 1.375rem; line-height: var(--mbf-font-base-line-height); border: none; margin-top: 48px; margin-bottom: 48px; background-color: var(--mbf-layout-background); padding: 40px; border-radius: var(--mbf-layout-elements-border-radius); font-family: var(--mbf-font-headings-family), sans-serif; font-weight: var(--mbf-font-headings-weight); text-transform: var(--mbf-font-headings-text-transform); line-height: var(--mbf-font-headings-line-height); letter-spacing: var(--mbf-font-headings-letter-spacing); color: var(--mbf-color-primary); } .wp-block-quote:before { position: relative; background: var(--mbf-color-primary); display: inline-block; margin-bottom: 2rem; width: 36px; height: 2px; content: ""; } .wp-block-quote:after { position: relative; background: var(--mbf-color-primary); display: inline-block; margin-top: 2rem; width: 36px; height: 2px; content: ""; } .wp-block-quote p { font-size: inherit; font-style: normal; line-height: var(--mbf-font-base-line-height); } .wp-block-quote p:first-child { margin-top: 0; } .wp-block-quote p:last-child { margin-bottom: 0; } .wp-block-quote cite, .wp-block-quote footer, .wp-block-quote .wp-block-quote__citation { margin-top: 0.5rem; font-style: normal; text-align: left; color: var(--mbf-color-secondary); line-height: var(--mbf-font-base-line-height); font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .wp-block-quote.is-large, .wp-block-quote.is-style-large:not(.is-style-plain) { align-items: flex-start; text-align: left; padding: 40px; padding-left: 100px; } .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:not(.is-style-plain):before { position: absolute; left: 40px; top: 60px; } .wp-block-quote.is-large:after, .wp-block-quote.is-style-large:not(.is-style-plain):after { display: none; } .wp-block-quote.is-large p, .wp-block-quote.is-large p:first-child, .wp-block-quote.is-style-large:not(.is-style-plain) p, .wp-block-quote.is-style-large:not(.is-style-plain) p:first-child { font-size: 1.625rem; font-style: normal; line-height: var(--mbf-font-base-line-height); } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-large .wp-block-quote__citation, .wp-block-quote.is-style-large:not(.is-style-plain) cite, .wp-block-quote.is-style-large:not(.is-style-plain) footer, .wp-block-quote.is-style-large:not(.is-style-plain) .wp-block-quote__citation { font-size: 1rem; font-style: normal; line-height: var(--mbf-font-base-line-height); } .wp-block-quote.is-style-mbf-quote-modern { background-color: transparent; border-radius: initial; padding: 0; padding-top: calc(64px + 20px); } @media (min-width: 768px) { .wp-block-quote.is-style-mbf-quote-modern { padding-top: 0; padding-left: calc(132px + 40px); padding-right: calc(132px + 40px); } } .wp-block-quote.is-style-mbf-quote-modern:before, .wp-block-quote.is-style-mbf-quote-modern:after { background-color: transparent; background-image: url(/wp-content/themes/labeaute/./assets/static/images/pattern-2.png); background-size: contain; background-position: 0 0; background-repeat: no-repeat; display: block; width: 132px; height: 64px; margin-top: 0; margin-bottom: 0; position: absolute; bottom: initial; top: 0; left: 50%; transform: translateX(-50%); content: ""; } @media (min-width: 768px) { .wp-block-quote.is-style-mbf-quote-modern:before, .wp-block-quote.is-style-mbf-quote-modern:after { top: 50%; left: 0; transform: translateY(-50%); } } .wp-block-quote.is-style-mbf-quote-modern:after { background-image: url(/wp-content/themes/labeaute/./assets/static/images/pattern-3.png); display: none !important; left: initial; right: 0; } @media (min-width: 768px) { .wp-block-quote.is-style-mbf-quote-modern:after { display: block !important; left: initial; } } .wp-block-quote.is-style-mbf-quote-modern p:first-child { font-size: 1.875rem; line-height: 1.2; color: var(--mbf-color-accent); text-align: center; } @media (min-width: 768px) { .wp-block-quote.is-style-mbf-quote-modern p:first-child { font-size: 2.8125rem; } } .wp-block-quote.is-style-mbf-quote-modern cite { font-family: var(--mbf-font-base-family), sans-serif; font-size: var(--mbf-font-base-size); font-weight: var(--mbf-font-base-weight); font-style: var(--mbf-font-base-style); line-height: var(--mbf-font-base-line-height); letter-spacing: var(--mbf-font-base-letter-spacing); font-weight: initial; font-size: 1.25rem; text-align: center; } .wp-block-pullquote { border-top: 4px solid var(--mbf-color-primary); border-bottom: 4px solid var(--mbf-color-primary); padding: 2rem 1rem; color: var(--mbf-color-primary); } .wp-block-pullquote.is-style-solid-color { border: none; } .wp-block-pullquote blockquote { margin-top: 0; margin-bottom: 0; } .wp-block-pullquote blockquote cite, .wp-block-pullquote blockquote footer, .wp-block-pullquote blockquote .wp-block-pullquote__citation { font-style: normal; text-transform: none; } .wp-block-pullquote p { font-size: 1.625rem; line-height: var(--mbf-font-base-line-height); } .wp-block-pullquote .alignleft p, .wp-block-pullquote .alignright p { font-size: 1.375rem; } .wp-block-search .wp-block-search__inside-wrapper { display: flex; flex-direction: row; align-items: center; } .wp-block-search .wp-block-search__label { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); margin-bottom: 1rem; } .wp-block-search .wp-block-search__input { display: block; width: 100%; line-height: var(--mbf-font-input-line-height); color: var(--mbf-color-primary); background-color: var(--mbf-input-background-color, transparent); border: none; border-bottom: var(--mbf-input-border-size, 2px) solid var(--mbf-input-border-color, var(--mbf-color-border)); box-shadow: none; padding: var(--mbf-input-padding-y, 0.25rem) var(--mbf-input-padding-x, 0); border-radius: var(--mbf-input-border-radius); border: var(--mbf-input-border-size, 1px) solid var(--mbf-input-border-color, var(--mbf-color-border)); padding-left: 1rem; padding-right: 1rem; flex: 1 1 auto; width: 1%; max-width: 100%; height: 48px; } .wp-block-search .wp-block-search__button { border: var(--mbf-button-border-width, 1px) solid var(--mbf-color-button-border); background-color: var(--mbf-color-button); color: var(--mbf-color-button-contrast); position: relative; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; line-height: 1rem; transition: 0.25s; box-shadow: none; overflow: hidden; cursor: pointer; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); text-transform: capitalize; padding: 16px 20px; border-radius: var(--mbf-button-border-radius); font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); margin-left: 0; } .wp-block-search .wp-block-search__button:focus, .wp-block-search .wp-block-search__button:hover { border-color: var(--mbf-color-button-hover-border); background-color: var(--mbf-color-button-hover); color: var(--mbf-color-button-hover-contrast); outline: none; } .wp-block-search .wp-block-search__button:disabled, .wp-block-search .wp-block-search__button:disabled[disabled] { color: var(--mbf-color-button-contrast); opacity: 0.5; padding: 16px 20px; } .wp-block-search .wp-block-search__button:disabled:hover, .wp-block-search .wp-block-search__button:disabled[disabled]:hover { border-color: var(--mbf-color-button-border); background-color: var(--mbf-color-button); color: var(--mbf-color-button-contrast); } .wp-block-search .wp-block-search__button.has-icon { line-height: 1rem; } .wp-block-search .wp-block-search__button.has-icon svg { display: none; } .wp-block-search .wp-block-search__button.has-icon:before { content: ""; font-family: "mbf-icons" !important; font-size: 1.5rem; } .wp-block-search.wp-block-search__button-outside .wp-block-search__input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0; --mbf-input-padding-y: 1.5rem; } .wp-block-search.wp-block-search__button-outside .wp-block-search__button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border: 1px solid var(--mbf-color-border); border-radius: var(--mbf-layout-elements-border-radius); background-color: var(--mbf-site-background); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { display: block; width: 100%; line-height: var(--mbf-font-input-line-height); color: var(--mbf-color-primary); background-color: var(--mbf-input-background-color, transparent); border: none; border-bottom: var(--mbf-input-border-size, 2px) solid var(--mbf-input-border-color, var(--mbf-color-border)); box-shadow: none; padding: var(--mbf-input-padding-y, 0.25rem) var(--mbf-input-padding-x, 0); border-radius: var(--mbf-input-border-radius); padding-left: 1rem; padding-right: 1rem; height: 48px; border: 1px solid transparent; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { border: var(--mbf-button-border-width, 1px) solid var(--mbf-color-button-border); background-color: var(--mbf-color-button); color: var(--mbf-color-button-contrast); position: relative; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; line-height: 1rem; transition: 0.25s; box-shadow: none; overflow: hidden; cursor: pointer; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); text-transform: capitalize; padding: 16px 20px; border-radius: var(--mbf-button-border-radius); margin-left: 0; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:focus, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:hover { border-color: var(--mbf-color-button-hover-border); background-color: var(--mbf-color-button-hover); color: var(--mbf-color-button-hover-contrast); outline: none; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:disabled, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:disabled[disabled] { color: var(--mbf-color-button-contrast); opacity: 0.5; padding: 16px 20px; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:disabled:hover, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:disabled[disabled]:hover { border-color: var(--mbf-color-button-border); background-color: var(--mbf-color-button); color: var(--mbf-color-button-contrast); } .wp-block-social-links.alignright { justify-content: flex-end; float: none; } .wp-block-social-links .wp-social-link a, .wp-block-social-links .wp-social-link a:active, .wp-block-social-links .wp-social-link a:hover, .wp-block-social-links .wp-social-link a:visited, .wp-block-social-links .wp-social-link svg { color: currentColor !important; fill: currentColor !important; } .wp-block-latest-comments { border-top: 1px solid var(--mbf-color-contrast-200); border-bottom: 1px solid var(--mbf-color-contrast-200); padding: 2rem 0; margin: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment { margin: 2rem 0 0; } .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { margin-top: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment > article { border: none !important; margin: 0 !important; padding: 0 !important; } .wp-block-latest-comments .wp-block-latest-comments__comment-meta { font-family: var(--mbf-font-headings-family), sans-serif; font-weight: var(--mbf-font-headings-weight); text-transform: var(--mbf-font-headings-text-transform); line-height: var(--mbf-font-headings-line-height); letter-spacing: var(--mbf-font-headings-letter-spacing); font-size: 0.875rem; } .wp-block-latest-comments .wp-block-latest-comments__comment-link { font-family: var(--mbf-font-headings-family), sans-serif; font-weight: var(--mbf-font-headings-weight); text-transform: var(--mbf-font-headings-text-transform); line-height: var(--mbf-font-headings-line-height); letter-spacing: var(--mbf-font-headings-letter-spacing); color: var(--mbf-color-primary); } .wp-block-latest-comments .wp-block-latest-comments__comment-link:hover { color: var(--mbf-color-secondary); } .wp-block-latest-comments .wp-block-latest-comments__comment-author { display: inline-flex; align-items: center; justify-content: center; padding: 4px 10px; background-color: var(--mbf-color-primary); color: var(--mbf-color-primary-contrast); border-radius: var(--mbf-layout-elements-border-radius); transition: 0.25s; text-decoration: none; } .wp-block-latest-comments .wp-block-latest-comments__comment-author:hover { background: var(--mbf-color-secondary); color: var(--mbf-color-secondary-contrast); } .wp-block-latest-comments .wp-block-latest-comments__comment-date { color: var(--mbf-color-secondary); margin-top: 0.5rem; font-family: var(--mbf-font-post-meta-family), sans-serif; font-size: var(--mbf-font-post-meta-size); font-weight: var(--mbf-font-post-meta-weight); font-style: var(--mbf-font-post-meta-style); letter-spacing: var(--mbf-font-post-meta-letter-spacing); text-transform: var(--mbf-font-post-meta-text-transform); } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { margin-top: 0.5rem; font-family: var(--mbf-font-entry-excerpt-family), sans-serif; font-size: var(--mbf-font-entry-excerpt-size); font-weight: var(--mbf-font-entry-excerpt-weight); letter-spacing: var(--mbf-font-entry-excerpt-letter-spacing); line-height: var(--mbf-font-entry-excerpt-line-height); } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p:not(:last-child) { margin-bottom: 0.5rem; } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p:last-child { margin-bottom: 0; } .wp-block-latest-posts, .wp-block-categories-list, .wp-block-categories__list, .wp-block-archives-list { padding-left: 0; margin-bottom: 0; } .wp-block-latest-posts ul, .wp-block-categories-list ul, .wp-block-categories__list ul, .wp-block-archives-list ul { padding-left: 20px; } .wp-block-latest-posts li, .wp-block-categories-list li, .wp-block-categories__list li, .wp-block-archives-list li { display: flex; flex-wrap: wrap; position: relative; padding: 1.25rem 0; color: var(--mbf-color-secondary); font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); border-top: 1px solid var(--mbf-color-contrast-200); } .wp-block-latest-posts li:last-child, .wp-block-categories-list li:last-child, .wp-block-categories__list li:last-child, .wp-block-archives-list li:last-child { padding-bottom: 0; } .wp-block-latest-posts li:first-child:last-child, .wp-block-categories-list li:first-child:last-child, .wp-block-categories__list li:first-child:last-child, .wp-block-archives-list li:first-child:last-child { padding-bottom: 0; } .wp-block-latest-posts li:first-child:last-child > .sub-menu, .wp-block-categories-list li:first-child:last-child > .sub-menu, .wp-block-categories__list li:first-child:last-child > .sub-menu, .wp-block-archives-list li:first-child:last-child > .sub-menu { padding-bottom: 0; } .wp-block-latest-posts li a, .wp-block-categories-list li a, .wp-block-categories__list li a, .wp-block-archives-list li a { font-family: var(--mbf-font-headings-family), sans-serif; font-weight: var(--mbf-font-headings-weight); text-transform: var(--mbf-font-headings-text-transform); line-height: var(--mbf-font-headings-line-height); letter-spacing: var(--mbf-font-headings-letter-spacing); color: var(--mbf-color-primary); padding-right: 0.6666666667rem; margin-right: auto; } .wp-block-latest-posts li a[href], .wp-block-categories-list li a[href], .wp-block-categories__list li a[href], .wp-block-archives-list li a[href] { color: var(--mbf-color-primary); } .wp-block-latest-posts li a:hover, .wp-block-categories-list li a:hover, .wp-block-categories__list li a:hover, .wp-block-archives-list li a:hover { text-decoration: underline; } .wp-block-latest-posts li .wp-block-latest-posts__featured-image, .wp-block-categories-list li .wp-block-latest-posts__featured-image, .wp-block-categories__list li .wp-block-latest-posts__featured-image, .wp-block-archives-list li .wp-block-latest-posts__featured-image { width: 100%; } .wp-block-latest-posts li .wp-block-latest-posts__featured-image img, .wp-block-categories-list li .wp-block-latest-posts__featured-image img, .wp-block-categories__list li .wp-block-latest-posts__featured-image img, .wp-block-archives-list li .wp-block-latest-posts__featured-image img { width: 100%; height: auto; } .wp-block-latest-posts li .wp-block-latest-posts__featured-image:not(:last-child), .wp-block-categories-list li .wp-block-latest-posts__featured-image:not(:last-child), .wp-block-categories__list li .wp-block-latest-posts__featured-image:not(:last-child), .wp-block-archives-list li .wp-block-latest-posts__featured-image:not(:last-child) { margin-bottom: 1rem; } .wp-block-latest-posts li .wp-block-latest-posts__post-author, .wp-block-categories-list li .wp-block-latest-posts__post-author, .wp-block-categories__list li .wp-block-latest-posts__post-author, .wp-block-archives-list li .wp-block-latest-posts__post-author { font-family: var(--mbf-font-post-meta-family), sans-serif; font-size: var(--mbf-font-post-meta-size); font-weight: var(--mbf-font-post-meta-weight); font-style: var(--mbf-font-post-meta-style); letter-spacing: var(--mbf-font-post-meta-letter-spacing); text-transform: var(--mbf-font-post-meta-text-transform); color: var(--mbf-color-meta, var(--mbf-color-secondary)); } .wp-block-latest-posts li .wp-block-latest-posts__post-author:not(:first-child), .wp-block-categories-list li .wp-block-latest-posts__post-author:not(:first-child), .wp-block-categories__list li .wp-block-latest-posts__post-author:not(:first-child), .wp-block-archives-list li .wp-block-latest-posts__post-author:not(:first-child) { margin-top: 0.5rem; } .wp-block-latest-posts li .wp-block-latest-posts__post-author:not(:last-child), .wp-block-categories-list li .wp-block-latest-posts__post-author:not(:last-child), .wp-block-categories__list li .wp-block-latest-posts__post-author:not(:last-child), .wp-block-archives-list li .wp-block-latest-posts__post-author:not(:last-child) { margin-right: 0.5rem; } .wp-block-latest-posts li .wp-block-latest-posts__post-date, .wp-block-categories-list li .wp-block-latest-posts__post-date, .wp-block-categories__list li .wp-block-latest-posts__post-date, .wp-block-archives-list li .wp-block-latest-posts__post-date { font-family: var(--mbf-font-post-meta-family), sans-serif; font-size: var(--mbf-font-post-meta-size); font-weight: var(--mbf-font-post-meta-weight); font-style: var(--mbf-font-post-meta-style); letter-spacing: var(--mbf-font-post-meta-letter-spacing); text-transform: var(--mbf-font-post-meta-text-transform); color: var(--mbf-color-meta, var(--mbf-color-secondary)); } .wp-block-latest-posts li .wp-block-latest-posts__post-date:not(:first-child), .wp-block-categories-list li .wp-block-latest-posts__post-date:not(:first-child), .wp-block-categories__list li .wp-block-latest-posts__post-date:not(:first-child), .wp-block-archives-list li .wp-block-latest-posts__post-date:not(:first-child) { margin-top: 0.5rem; } .wp-block-latest-posts li .wp-block-latest-posts__post-date:not(:last-child), .wp-block-categories-list li .wp-block-latest-posts__post-date:not(:last-child), .wp-block-categories__list li .wp-block-latest-posts__post-date:not(:last-child), .wp-block-archives-list li .wp-block-latest-posts__post-date:not(:last-child) { margin-right: 0.5rem; } .wp-block-latest-posts li .wp-block-latest-posts__post-excerpt, .wp-block-categories-list li .wp-block-latest-posts__post-excerpt, .wp-block-categories__list li .wp-block-latest-posts__post-excerpt, .wp-block-archives-list li .wp-block-latest-posts__post-excerpt { margin-top: 0.5rem; color: var(--mbf-color-secondary); font-size: 0.8125rem; } .wp-block-latest-posts > li > a, .wp-block-categories-list > li > a, .wp-block-categories__list > li > a, .wp-block-archives-list > li > a { font-size: 1.25rem; } .wp-block-latest-posts ul.children, .wp-block-categories-list ul.children, .wp-block-categories__list ul.children, .wp-block-archives-list ul.children { flex: 0 0 100%; width: 100%; margin-top: 0.5rem; } .wp-block-latest-posts ul.children li, .wp-block-categories-list ul.children li, .wp-block-categories__list ul.children li, .wp-block-archives-list ul.children li { padding: 0.5rem 0; } .wp-block-latest-posts ul.children li:last-child, .wp-block-categories-list ul.children li:last-child, .wp-block-categories__list ul.children li:last-child, .wp-block-archives-list ul.children li:last-child { border-bottom: none; padding-bottom: 0; } .wp-block-latest-posts ul.children li a, .wp-block-categories-list ul.children li a, .wp-block-categories__list ul.children li a, .wp-block-archives-list ul.children li a { font-family: var(--mbf-font-headings-family), sans-serif; font-weight: var(--mbf-font-headings-weight); text-transform: var(--mbf-font-headings-text-transform); line-height: var(--mbf-font-headings-line-height); letter-spacing: var(--mbf-font-headings-letter-spacing); } .wp-block-latest-posts ul.children ul.children li, .wp-block-categories-list ul.children ul.children li, .wp-block-categories__list ul.children ul.children li, .wp-block-archives-list ul.children ul.children li { margin-left: 1rem; padding-left: 0; } .wp-block-latest-posts ul.sub-menu, .wp-block-categories-list ul.sub-menu, .wp-block-categories__list ul.sub-menu, .wp-block-archives-list ul.sub-menu { margin-top: 0.5rem; } .wp-block-latest-posts ul.sub-menu li, .wp-block-categories-list ul.sub-menu li, .wp-block-categories__list ul.sub-menu li, .wp-block-archives-list ul.sub-menu li { padding: 0.5rem 0; } .wp-block-latest-posts ul.sub-menu li:last-child, .wp-block-categories-list ul.sub-menu li:last-child, .wp-block-categories__list ul.sub-menu li:last-child, .wp-block-archives-list ul.sub-menu li:last-child { border-bottom: none; padding-bottom: 0; } .wp-block-latest-posts ul.sub-menu li a, .wp-block-categories-list ul.sub-menu li a, .wp-block-categories__list ul.sub-menu li a, .wp-block-archives-list ul.sub-menu li a { font-family: var(--mbf-font-headings-family), sans-serif; font-weight: var(--mbf-font-headings-weight); text-transform: var(--mbf-font-headings-text-transform); line-height: var(--mbf-font-headings-line-height); letter-spacing: var(--mbf-font-headings-letter-spacing); } .wp-block-latest-posts ul.sub-menu ul.sub-menu li, .wp-block-categories-list ul.sub-menu ul.sub-menu li, .wp-block-categories__list ul.sub-menu ul.sub-menu li, .wp-block-archives-list ul.sub-menu ul.sub-menu li { margin-left: 1rem; padding-left: 0; } .wp-block-latest-posts .screen-reader-text, .wp-block-categories-list .screen-reader-text, .wp-block-categories__list .screen-reader-text, .wp-block-archives-list .screen-reader-text { display: none; } .wp-block-query .wp-block-post-featured-image { margin-top: 0; margin-bottom: 1.5rem; } .wp-block-query .wp-block-post-featured-image img { border-radius: var(--mbf-thumbnail-border-radius); } .wp-block-query .wp-block-post-title { margin-top: 0; margin-bottom: 0; margin-left: initial; } .wp-block-query .wp-block-post-title:not(:first-child) { margin-top: 0.5rem; } .wp-block-query .wp-block-post-title a { display: block; text-decoration: none; display: inline; padding-bottom: 0.05em; background: linear-gradient(to right, currentColor 0%, currentColor 98%); background-size: 0px 1px; background-repeat: no-repeat; background-position: var(--mbf-underline-bg-position); color: var(--mbf-color-accent); transition: 0.25s; text-decoration: none; } .wp-block-query .wp-block-post-title a:hover { background-size: 100% 1px; color: var(--mbf-color-secondary); } .wp-block-query .wp-block-post-title.is-style-mbf-post-title-base { font-family: var(--mbf-font-base-family), sans-serif; font-size: var(--mbf-font-base-size); font-weight: var(--mbf-font-base-weight); font-style: var(--mbf-font-base-style); line-height: var(--mbf-font-base-line-height); letter-spacing: var(--mbf-font-base-letter-spacing); font-weight: initial; } .wp-block-query .wp-block-post-title.is-style-mbf-post-title-base a { display: inline; padding-bottom: 0.05em; background: linear-gradient(to right, currentColor 0%, currentColor 98%); background-size: 100% 1px; background-repeat: no-repeat; background-position: var(--mbf-underline-bg-position); color: var(--mbf-color-primary); transition: 0.25s; text-decoration: none; } .wp-block-query .wp-block-post-title.is-style-mbf-post-title-base a:hover { background-size: 0px 1px; color: var(--mbf-color-primary); } .wp-block-query .wp-block-post-excerpt { font-family: var(--mbf-font-entry-excerpt-family), sans-serif; font-size: var(--mbf-font-entry-excerpt-size); font-weight: var(--mbf-font-entry-excerpt-weight); letter-spacing: var(--mbf-font-entry-excerpt-letter-spacing); line-height: var(--mbf-font-entry-excerpt-line-height); color: var(--mbf-color-secondary); } .wp-block-query .wp-block-post-excerpt:not(:first-child) { margin-top: 0.5rem; } .wp-block-query .wp-block-post-excerpt p:last-child { margin-bottom: 0; } .wp-block-query .wp-block-post-terms { display: flex; align-items: center; flex-wrap: wrap; background: none; font-family: var(--mbf-font-category-family), sans-serif; font-size: var(--mbf-font-category-size); font-weight: var(--mbf-font-category-weight); font-style: var(--mbf-font-category-style); letter-spacing: var(--mbf-font-category-letter-spacing); text-transform: var(--mbf-font-category-text-transform); } .wp-block-query .wp-block-post-terms:not(:first-child) { margin-top: 1.25rem; } .wp-block-query .wp-block-post-terms a { display: inline-flex; align-items: center; justify-content: center; padding: 1px 5px; margin-bottom: 10px; background: var(--mbf-color-primary); color: var(--mbf-color-primary-contrast); border-radius: var(--mbf-thumbnail-border-radius); transition: 0.25s; } .wp-block-query .wp-block-post-terms a:not(:last-child) { margin-right: 10px; } .wp-block-query .wp-block-post-terms a:hover { text-decoration: none; background: var(--mbf-color-secondary); color: var(--mbf-color-secondary-contrast); } .wp-block-query .wp-block-post-date { margin-top: 0; margin-bottom: 0; color: var(--mbf-color-secondary); } .wp-block-query .wp-block-post-author { margin-top: 0; margin-bottom: 0; color: var(--mbf-color-secondary); } .wp-block-query .wp-block-post-author .wp-block-post-author__content { display: flex; flex-direction: row; align-items: center; white-space: nowrap; } .wp-block-query .wp-block-post-author .wp-block-post-author__content .wp-block-post-author__byline { display: inline-flex; margin-right: 2.5px; font-size: inherit; } .wp-block-query .wp-block-post-author .wp-block-post-author__content .wp-block-post-author__link { display: inline; padding-bottom: 0; background: linear-gradient(to right, currentColor 0%, currentColor 98%); background-size: 100% 1px; background-repeat: no-repeat; background-position: var(--mbf-underline-bg-position); color: var(--mbf-color-secondary); transition: 0.25s; text-decoration: none; display: inline-flex; align-items: center; text-decoration: none; } .wp-block-query .wp-block-post-author .wp-block-post-author__content .wp-block-post-author__link:hover { background-size: 0px 1px; color: var(--mbf-color-primary); } .wp-block-query .wp-block-query-pagination { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 3rem; padding: 0; } @media (min-width: 768px) { .wp-block-query .wp-block-query-pagination { margin-top: 4rem; } } @media (min-width: 992px) { .wp-block-query .wp-block-query-pagination { margin-top: 5rem; } } .wp-block-query .wp-block-query-pagination > a, .wp-block-query .wp-block-query-pagination > span { display: flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 0.5rem 0.75rem; border: 1px solid transparent; background-color: transparent; color: var(--mbf-color-primary); text-decoration: none; border-radius: 50%; transition: 0.25s; margin: 0; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .wp-block-query .wp-block-query-pagination > a:hover { border-color: var(--mbf-color-border); } .wp-block-query .wp-block-query-pagination .wp-block-query-pagination-numbers { display: flex; flex-wrap: wrap; margin: 0; } .wp-block-query .wp-block-query-pagination .wp-block-query-pagination-numbers > span, .wp-block-query .wp-block-query-pagination .wp-block-query-pagination-numbers > a { box-sizing: border-box; display: flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 0.5rem 0.75rem; border: 1px solid transparent; background-color: transparent; color: var(--mbf-color-primary); border-radius: 50%; transition: 0.25s; text-decoration: none; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .wp-block-query .wp-block-query-pagination .wp-block-query-pagination-numbers > .current { border-color: var(--mbf-color-accent); background-color: var(--mbf-color-accent); color: var(--mbf-color-accent-contrast); border-radius: 50%; margin: 0 0.75rem; } .wp-block-query .wp-block-query-pagination .wp-block-query-pagination-numbers > .current:hover { border-color: var(--mbf-color-accent); } .wp-block-query .wp-block-query-pagination a.post-page-numbers:hover, .wp-block-query .wp-block-query-pagination a.page-numbers:hover { border-color: var(--mbf-color-border); } .wp-block-query .wp-block-query-pagination .wp-block-query-pagination-previous { font-size: 0; } .wp-block-query .wp-block-query-pagination .wp-block-query-pagination-previous:before { font-size: 0.5625rem; font-family: "mbf-icons"; color: var(--mbf-color-primary); transition: 0.25s; content: ""; } .wp-block-query .wp-block-query-pagination .wp-block-query-pagination-next { font-size: 0; } .wp-block-query .wp-block-query-pagination .wp-block-query-pagination-next:after { font-size: 0.5625rem; font-family: "mbf-icons"; color: var(--mbf-color-primary); transition: 0.25s; content: ""; } .wp-block-post-template.is-flex-container { row-gap: 40px; -moz-column-gap: 1.5rem; column-gap: 1.5rem; } @media (min-width: 768px) { .wp-block-post-template.is-flex-container { row-gap: 40px; } } @media (min-width: 992px) { .wp-block-post-template.is-flex-container { row-gap: 40px; } } .wp-block-post-template.is-flex-container.is-flex-container[class*=columns-] > li { display: flex; flex-direction: column; width: 100%; } .wp-block-post-template.is-flex-container.is-flex-container[class*=columns-] > li > * { width: 100%; } .wp-block-post-template.is-flex-container.is-flex-container[class*=columns-] > li .is-style-mbf-post-featured-image-landscape, .wp-block-post-template.is-flex-container.is-flex-container[class*=columns-] > li .is-style-mbf-post-featured-image-square, .wp-block-post-template.is-flex-container.is-flex-container[class*=columns-] > li .is-style-mbf-post-featured-image-portrait { margin-bottom: 0; } .wp-block-post-template.is-flex-container.is-flex-container[class*=columns-] > li .is-style-mbf-post-featured-image-landscape:not(:only-child), .wp-block-post-template.is-flex-container.is-flex-container[class*=columns-] > li .is-style-mbf-post-featured-image-square:not(:only-child), .wp-block-post-template.is-flex-container.is-flex-container[class*=columns-] > li .is-style-mbf-post-featured-image-portrait:not(:only-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .wp-block-post-template.is-flex-container.is-flex-container[class*=columns-] > li .is-style-mbf-post-featured-image-landscape:not(:only-child) img, .wp-block-post-template.is-flex-container.is-flex-container[class*=columns-] > li .is-style-mbf-post-featured-image-square:not(:only-child) img, .wp-block-post-template.is-flex-container.is-flex-container[class*=columns-] > li .is-style-mbf-post-featured-image-portrait:not(:only-child) img { border-radius: 0; } .wp-block-post-template.is-flex-container.is-flex-container[class*=columns-] > li .is-style-mbf-group-post-content { margin-top: 0; } .wp-block-post-template.is-flex-container.is-flex-container[class*=columns-] > li .is-style-mbf-group-post-content:not(:only-child) { border-top-left-radius: 0; border-top-right-radius: 0; } @media (min-width: 576px) { .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li { width: calc(50% - 0.75rem); } } @media (min-width: 576px) { .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li { width: calc(50% - 0.75rem); } } @media (min-width: 768px) { .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li { width: calc(33.33333% - 1rem); } } @media (min-width: 576px) { .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li { width: calc(50% - 0.75rem); } } @media (min-width: 768px) { .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li { width: calc(50% - 0.75rem); } } @media (min-width: 992px) { .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li { width: calc(25% - 1.125rem); } } @media (min-width: 576px) { .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li { width: calc(50% - 0.75rem); } } @media (min-width: 768px) { .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li { width: calc(33.33333% - 1rem); } } @media (min-width: 992px) { .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li { width: calc(25% - 1.125rem); } } @media (min-width: 1200px) { .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li { width: calc(16.66667% - 1.25rem); } } @media (min-width: 576px) { .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li { width: calc(50% - 0.75rem); } } @media (min-width: 768px) { .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li { width: calc(33.33333% - 1rem); } } @media (min-width: 992px) { .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li { width: calc(25% - 1.125rem); } } @media (min-width: 1200px) { .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li { width: calc(16.66667% - 1.2857142857rem); } } /*-------------------------------------------------------------- ## Overlay --------------------------------------------------------------*/ .mbf-entry__overlay { position: relative; } .mbf-overlay-background { display: flex; flex-direction: column; position: relative; } .mbf-overlay-background:after { background: var(--mbf-color-overlay-background); content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: 0.25s; opacity: 1; } .mbf-overlay-background.mbf-overlay-transparent:after, .mbf-overlay-background.mbf-overlay-transparent:before { opacity: 0 !important; } .mbf-overlay-content { padding: 10px; } .mbf-overlay-content a { position: relative; z-index: 2; } .mbf-overlay-link { display: flex; position: absolute !important; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; } .mbf-overlay-link a { display: block; } .mbf-overlay-ratio { position: relative; display: flex; flex-direction: column; } .mbf-overlay-ratio:not(.mbf-ratio-original) .mbf-overlay-background { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; } .mbf-overlay-ratio:not(.mbf-ratio-original) .mbf-overlay-background img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .mbf-overlay-ratio:not(.mbf-ratio-original):before { content: ""; display: table; box-sizing: border-box; width: 0; } .mbf-overlay-ratio:not(.mbf-ratio-original) .mbf-overlay-content { flex: 1 0 100%; width: 100%; } .mbf-ratio-landscape:before { padding-bottom: 75%; } .mbf-ratio-landscape-3-2:before { padding-bottom: 66.66667%; } .mbf-ratio-landscape-16-9:before { padding-bottom: 56.25%; } .mbf-ratio-landscape-16-10:before { padding-bottom: 62.5%; } .mbf-ratio-landscape-21-9:before { padding-bottom: 42%; } .mbf-ratio-portrait:before { padding-bottom: 133.33333%; } .mbf-ratio-portrait-2-3:before { padding-bottom: 150%; } .mbf-ratio-square:before { padding-bottom: 100%; } .mbf-ratio-wide:before { padding-bottom: 30%; min-height: 300px; } @media (min-width: 992px) { .mbf-ratio-wide:before { min-height: 500px; } } .mbf-entry__overlay .mbf-overlay-background img { transform: scale(1); transition: 0.25s; } .mbf-entry__overlay:hover .mbf-overlay-background img { transform: scale(1.05); } .mbf-entry__inner.mbf-entry__overlay .mbf-overlay-background:after, .mbf-entry__inner.mbf-entry__overlay .mbf-overlay-background:before { opacity: 0; } .mbf-entry__inner.mbf-entry__overlay .mbf-overlay-content { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; transition: 0.25s; overflow: hidden; } .mbf-entry__inner.mbf-overlay-content:not(:first-child) { margin-top: 0; } /*-------------------------------------------------------------- ## Forms --------------------------------------------------------------*/ button, input[type=button], input[type=reset], input[type=submit], .mbf-button { border: var(--mbf-button-border-width, 1px) solid var(--mbf-color-button-border); background-color: var(--mbf-color-button); color: var(--mbf-color-button-contrast); position: relative; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; line-height: 1rem; transition: 0.25s; box-shadow: none; overflow: hidden; cursor: pointer; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); text-transform: capitalize; padding: calc(var(--mbf-button-padding-y, 0.875rem) - var(--mbf-button-border-width, 1px)) var(--mbf-button-padding-x, 1.25rem); border-radius: var(--mbf-button-border-radius); font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } button:focus, 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, .mbf-button:focus, .mbf-button:hover { border-color: var(--mbf-color-button-hover-border); background-color: var(--mbf-color-button-hover); color: var(--mbf-color-button-hover-contrast); outline: none; } button:disabled, button:disabled[disabled], input[type=button]:disabled, input[type=button]:disabled[disabled], input[type=reset]:disabled, input[type=reset]:disabled[disabled], input[type=submit]:disabled, input[type=submit]:disabled[disabled], .mbf-button:disabled, .mbf-button:disabled[disabled] { color: var(--mbf-color-button-contrast); opacity: 0.5; padding: calc(var(--mbf-button-padding-y, 0.875rem) - var(--mbf-button-border-width, 1px)) var(--mbf-button-padding-x, 1.25rem); } button:disabled:hover, button:disabled[disabled]:hover, input[type=button]:disabled:hover, input[type=button]:disabled[disabled]:hover, input[type=reset]:disabled:hover, input[type=reset]:disabled[disabled]:hover, input[type=submit]:disabled:hover, input[type=submit]:disabled[disabled]:hover, .mbf-button:disabled:hover, .mbf-button:disabled[disabled]:hover { border-color: var(--mbf-color-button-border); background-color: var(--mbf-color-button); color: var(--mbf-color-button-contrast); } input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], select, textarea { display: block; width: 100%; line-height: var(--mbf-font-input-line-height); color: var(--mbf-color-primary); background-color: var(--mbf-input-background-color, transparent); border: none; border-bottom: var(--mbf-input-border-size, 2px) solid var(--mbf-input-border-color, var(--mbf-color-border)); box-shadow: none; padding: var(--mbf-input-padding-y, 0.25rem) var(--mbf-input-padding-x, 0); border-radius: var(--mbf-input-border-radius); font-family: var(--mbf-font-input-family), sans-serif; font-size: var(--mbf-font-input-size); font-weight: var(--mbf-font-input-weight); font-style: var(--mbf-font-input-style); line-height: var(--mbf-font-input-line-height); letter-spacing: var(--mbf-font-input-letter-spacing); text-transform: var(--mbf-font-input-text-transform); } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]: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, select:focus, textarea:focus { outline: none; box-shadow: none; } input[type=text]:focus::-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=url]:focus::-moz-placeholder, input[type=password]:focus::-moz-placeholder, input[type=search]:focus::-moz-placeholder, input[type=number]:focus::-moz-placeholder, input[type=tel]:focus::-moz-placeholder, input[type=range]:focus::-moz-placeholder, input[type=date]:focus::-moz-placeholder, input[type=month]:focus::-moz-placeholder, input[type=week]:focus::-moz-placeholder, input[type=time]:focus::-moz-placeholder, input[type=datetime]:focus::-moz-placeholder, input[type=datetime-local]:focus::-moz-placeholder, input[type=color]:focus::-moz-placeholder, select:focus::-moz-placeholder, textarea:focus::-moz-placeholder { opacity: 1; } input[type=text]:focus::placeholder, input[type=email]:focus::placeholder, input[type=url]:focus::placeholder, input[type=password]:focus::placeholder, input[type=search]:focus::placeholder, input[type=number]:focus::placeholder, input[type=tel]:focus::placeholder, input[type=range]:focus::placeholder, input[type=date]:focus::placeholder, input[type=month]:focus::placeholder, input[type=week]:focus::placeholder, input[type=time]:focus::placeholder, input[type=datetime]:focus::placeholder, input[type=datetime-local]:focus::placeholder, input[type=color]:focus::placeholder, select:focus::placeholder, textarea:focus::placeholder { opacity: 1; } input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=range]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=color]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { color: var(--mbf-color-secondary); } input[type=text]::placeholder, input[type=email]::placeholder, input[type=url]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=number]::placeholder, input[type=tel]::placeholder, input[type=range]::placeholder, input[type=date]::placeholder, input[type=month]::placeholder, input[type=week]::placeholder, input[type=time]::placeholder, input[type=datetime]::placeholder, input[type=datetime-local]::placeholder, input[type=color]::placeholder, select::placeholder, textarea::placeholder { color: var(--mbf-color-secondary); } 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; } select:not([size]):not([multiple]) { height: calc(var(--mbf-font-input-line-height) + (var(--mbf-input-padding-y, 0.25rem) * 2) + (var(--mbf-input-border-size, 2px))); padding-right: 1.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='8' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.99984 3.66659L0.666504 0.333252H7.33317L3.99984 3.66659Z' fill='black'/%3E%3C/svg%3E%0A"); background-size: 0.6em; background-repeat: no-repeat; background-position: calc(100% - var(--mbf-input-padding-y, 0.5rem)) center; } [data-scheme=dark] select:not([size]):not([multiple]), [data-scheme=inverse] select:not([size]):not([multiple]) { background-image: url("data:image/svg+xml,%3Csvg width='8' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.99984 3.66659L0.666504 0.333252H7.33317L3.99984 3.66659Z' fill='white'/%3E%3C/svg%3E%0A"); } select::-ms-expand { display: none; } textarea { border: var(--mbf-input-border-size, 2px) solid var(--mbf-input-border-color, var(--mbf-color-border)); height: 150px; resize: vertical; border-radius: 2px; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.75rem; padding-right: 0.75rem; } .quantity .mbf-quantity-inner { border-radius: var(--mbf-button-border-radius); background-color: var(--mbf-layout-background); display: flex; align-items: center; justify-content: space-between; width: 145px; height: 55px; } .quantity .mbf-quantity-inner input { min-width: initial !important; width: 45px !important; text-align: center !important; border: none; cursor: default; } .quantity .mbf-quantity-inner input:focus, .quantity .mbf-quantity-inner input:hover { outline: none; box-shadow: none; } .quantity .mbf-quantity-inner input::-webkit-inner-spin-button, .quantity .mbf-quantity-inner input::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: none; margin: 0; } .quantity .mbf-quantity-inner .minus-btn, .quantity .mbf-quantity-inner .plus-btn { border-radius: var(--mbf-button-border-radius); display: flex; align-items: center; justify-content: center; width: 50px; height: 55px; transition: 0.25s; color: var(--mbf-color-accent); cursor: pointer; } .quantity .mbf-quantity-inner .minus-btn:before, .quantity .mbf-quantity-inner .plus-btn:before { font-family: "mbf-icons"; font-size: 1.25rem; } .quantity .mbf-quantity-inner .minus-btn:hover, .quantity .mbf-quantity-inner .plus-btn:hover { color: var(--mbf-color-secondary); } .quantity .mbf-quantity-inner .minus-btn:before { content: ""; } .quantity .mbf-quantity-inner .plus-btn:before { content: ""; } label { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .post-password-form { padding: 40px; background: var(--mbf-color-contrast-100); } .post-password-form label { margin-bottom: 0; flex: 1; } .post-password-form input[type=password] { --mbf-input-background-color: var(--mbf-site-background); --mbf-input-border-color: var(--mbf-site-background); border-right: none; min-height: 60px; margin-top: 0.5rem; border-radius: 0; } .post-password-form input[type=submit] { min-height: 60px; min-width: 100px; height: 100%; border-radius: 0; } .post-password-form > p:first-child { margin-bottom: 2rem; } .post-password-form > p:last-child { display: flex; align-items: flex-end; margin-bottom: 0; } /*-------------------------------------------------------------- ## Block Styles --------------------------------------------------------------*/ :where(.wp-block-columns.is-layout-flex) { gap: 40px; } body { --wp--preset--font-size--small: 1.125rem; --wp--preset--font-size--medium: 1.25rem; --wp--preset--font-size--large: 1.625rem; --wp--preset--font-size--x-large: 1.625rem; } @media (min-width: 992px) { body { --wp--preset--font-size--large: 1.875rem; } } @media (min-width: 1200px) { body { --wp--preset--font-size--x-large: 2.8125rem; } } /** * Display * ----------------------------- */ @media (max-width: 991.98px) { .is-style-mbf-group-hide-tablet { display: none; } } @media (max-width: 767.98px) { .is-style-mbf-group-hide-mobile { display: none; } } .is-style-mbf-group-only-dark { display: none; } @media (prefers-color-scheme: dark) { :root [data-scheme=auto] .is-style-mbf-group-only-light { display: none; } :root [data-scheme=auto] .is-style-mbf-group-only-dark { display: block; } } [data-scheme=dark] .is-style-mbf-group-only-light { display: none; } [data-scheme=dark] .is-style-mbf-group-only-dark { display: block; } /** * Heading * ----------------------------- */ .is-style-mbf-heading-bigger { font-size: 2.5rem; max-width: 660px; } .is-style-mbf-heading-bigger.block-editor-block-list__block { font-size: 2.5rem; max-width: 660px !important; } @media (min-width: 992px) { .is-style-mbf-heading-bigger { font-size: 2.8125rem; } .is-style-mbf-heading-bigger.block-editor-block-list__block { font-size: 2.8125rem; } } @media (min-width: 1200px) { .is-style-mbf-heading-bigger { font-size: 2.8125rem; line-height: 1; } .is-style-mbf-heading-bigger.block-editor-block-list__block { font-size: 2.8125rem; line-height: 1; } } @media (min-width: 1336px) { .is-style-mbf-heading-bigger { font-size: 4rem; } .is-style-mbf-heading-bigger.block-editor-block-list__block { font-size: 4rem; } } .is-style-mbf-heading-large { font-size: 1.625rem; } .is-style-mbf-heading-large.block-editor-block-list__block { font-size: 1.625rem; } @media (min-width: 992px) { .is-style-mbf-heading-large { font-size: 1.875rem; } .is-style-mbf-heading-large.block-editor-block-list__block { font-size: 1.875rem; } } @media (min-width: 1200px) { .is-style-mbf-heading-large { font-size: 2.8125rem; } .is-style-mbf-heading-large.block-editor-block-list__block { font-size: 2.8125rem; } } .is-style-mbf-heading-medium { font-size: 1.375rem; } .is-style-mbf-heading-medium.block-editor-block-list__block { font-size: 1.375rem; } @media (min-width: 992px) { .is-style-mbf-heading-medium { font-size: 1.875rem; } .is-style-mbf-heading-medium.block-editor-block-list__block { font-size: 1.875rem; } } .is-style-mbf-heading-without-margin { margin: 0 !important; } /** * Group * ----------------------------- */ .is-style-mbf-group-fullwidth { width: 100vw; max-width: 100vw; margin-left: calc( -50vw + 50% ); } .is-style-mbf-group-container { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .is-style-mbf-group-container { max-width: 576px; } } @media (min-width: 768px) { .is-style-mbf-group-container { max-width: 768px; } } @media (min-width: 992px) { .is-style-mbf-group-container { max-width: 992px; } } @media (min-width: 1200px) { .is-style-mbf-group-container { max-width: 1200px; } } @media (min-width: 1336px) { .is-style-mbf-group-container { max-width: 1336px; } } .is-style-mbf-group-fullheight { height: 100%; } .is-style-mbf-group-hero { width: 100vw; max-width: 100vw; margin-left: calc( -50vw + 50% ); background-color: var(--mbf-color-accent); overflow: hidden; } @media (prefers-color-scheme: dark) { :root [data-scheme=auto] .is-style-mbf-group-hero { background-color: var(--mbf-color-overlay-background); } } [data-scheme=dark] .is-style-mbf-group-hero { background-color: var(--mbf-color-overlay-background); } @media (min-width: 1336px) { .is-style-mbf-group-hero { background-image: url(/wp-content/themes/labeaute/./assets/static/images/pattern-9.png); background-size: 30%; background-position: right 20% top 0; background-repeat: no-repeat; } } .is-style-mbf-group-hero.block-editor-block-list__block { overflow: hidden; } .is-style-mbf-group-hero > .wp-block-group__inner-container { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; --mbf-color-primary: #FFFFFF; --mbf-color-primary-contrast: #000000; --mbf-color-accent: #FFFFFF; --mbf-color-accent-contrast: #000000; --mbf-color-secondary: #FFFFFF; --mbf-color-secondary-contrast: #000000; --mbf-color-border: rgba(255, 255, 255, 0.5); --mbf-color-button: #FFFFFF; --mbf-color-button-border: #FFFFFF; --mbf-color-button-contrast: #000000; --mbf-color-button-hover: var(--mbf-light-button-hover-background, #336B53); --mbf-color-button-hover-border: var(--mbf-light-button-hover-border, #336B53); --mbf-color-button-hover-contrast: var(--mbf-light-button-hover-color, #FFFFFF); --mbf-color-contrast-50: rgba(255, 255, 255, 0.1); --mbf-color-contrast-100: rgba(255, 255, 255, 0.1); --mbf-color-contrast-200: rgba(255, 255, 255, 0.2); --mbf-color-contrast-300: rgba(255, 255, 255, 0.3); --mbf-color-contrast-400: rgba(255, 255, 255, 0.4); --mbf-color-contrast-500: rgba(255, 255, 255, 0.5); --mbf-color-contrast-600: rgba(255, 255, 255, 0.6); --mbf-color-contrast-700: rgba(255, 255, 255, 0.7); --mbf-color-contrast-800: rgba(255, 255, 255, 0.8); --mbf-color-contrast-900: rgba(255, 255, 255, 0.9); --mbf-palette-color-black: #FFFFFF; --mbf-palette-color-white: #000000; --mbf-palette-color-primary: #FFFFFF; --mbf-palette-color-accent: #FFFFFF; --mbf-palette-color-secondary: rgba(255, 255, 255, 0.65); --mbf-palette-color-border: #393939; --mbf-palette-color-gray-50: rgba(255, 255, 255, 0.1); --mbf-palette-color-gray-100: rgba(255, 255, 255, 0.1); --mbf-palette-color-gray-200: rgba(255, 255, 255, 0.2); position: relative; padding-top: 5.375rem; padding-bottom: 5.375rem; z-index: 2; } @media (min-width: 576px) { .is-style-mbf-group-hero > .wp-block-group__inner-container { max-width: 576px; } } @media (min-width: 768px) { .is-style-mbf-group-hero > .wp-block-group__inner-container { max-width: 768px; } } @media (min-width: 992px) { .is-style-mbf-group-hero > .wp-block-group__inner-container { max-width: 992px; } } @media (min-width: 1200px) { .is-style-mbf-group-hero > .wp-block-group__inner-container { max-width: 1200px; } } @media (min-width: 1336px) { .is-style-mbf-group-hero > .wp-block-group__inner-container { max-width: 1336px; } } .is-style-mbf-group-hero > .wp-block-group__inner-container > .wp-block-image { display: none; position: absolute; margin: 0 !important; } .is-style-mbf-group-hero > .wp-block-group__inner-container > .wp-block-image img { border-radius: 0; } .is-style-mbf-group-hero > .wp-block-group__inner-container > .wp-block-image:nth-child(1) { display: block; max-width: 340px; top: -10%; right: calc(-50% + 20px); opacity: 0.5; } @media (min-width: 576px) { .is-style-mbf-group-hero > .wp-block-group__inner-container > .wp-block-image:nth-child(1) { right: 10%; } } @media (min-width: 992px) { .is-style-mbf-group-hero > .wp-block-group__inner-container > .wp-block-image:nth-child(1) { right: 17.5%; } } @media (min-width: 1200px) { .is-style-mbf-group-hero > .wp-block-group__inner-container > .wp-block-image:nth-child(1) { opacity: 1; } } @media (min-width: 1200px) { .is-style-mbf-group-hero > .wp-block-group__inner-container > .wp-block-image:nth-child(2) { display: block; max-width: 115px; top: 18%; right: 13%; z-index: 3; } .is-style-mbf-group-hero > .wp-block-group__inner-container > .wp-block-image:nth-child(3) { display: block; max-width: 150px; bottom: 21%; right: -6.5%; } .is-style-mbf-group-hero > .wp-block-group__inner-container > .wp-block-image:nth-child(4) { display: block; max-width: 115px; bottom: -5%; left: -16%; } } .is-style-mbf-group-hero > .wp-block-group__inner-container > .wp-block-group { position: relative; margin-top: 0; z-index: 3; } @media (max-width: 1199.98px) { .is-style-mbf-group-hero > .wp-block-group__inner-container .is-style-mbf-heading-bigger { max-width: 500px; } .is-style-mbf-group-hero > .wp-block-group__inner-container .is-style-mbf-heading-bigger.block-editor-block-list__block { max-width: 500px !important; } } .is-style-mbf-group-specification { -moz-column-gap: 1.5rem; column-gap: 1.5rem; row-gap: 1.5rem; padding: 1.5rem 0; } @media (min-width: 576px) { .is-style-mbf-group-specification { justify-content: center; } } @media (min-width: 1336px) { .is-style-mbf-group-specification { -moz-column-gap: 3rem; column-gap: 3rem; justify-content: space-between; } } .is-style-mbf-group-specification > .wp-block-group { position: relative; width: 100%; } @media (min-width: 576px) { .is-style-mbf-group-specification > .wp-block-group { width: initial; white-space: nowrap; } } @media (min-width: 1336px) { .is-style-mbf-group-specification > .wp-block-group:not(:last-child):after { position: absolute; top: 50%; right: -3rem; transform: translateY(-50%); font-family: "mbf-icons"; font-size: 0.75rem; color: var(--mbf-color-accent); content: ""; } } .is-style-mbf-group-sponsors { border-top: 1px solid var(--mbf-color-border); border-bottom: 1px solid var(--mbf-color-border); padding-top: 3rem; padding-bottom: 3rem; justify-content: center !important; gap: 1rem; } @media (min-width: 768px) { .is-style-mbf-group-sponsors { max-width: initial; } } @media (min-width: 992px) { .is-style-mbf-group-sponsors { padding-left: 40px; padding-right: 40px; justify-content: space-between !important; } } @media (min-width: 1200px) { .is-style-mbf-group-sponsors { padding-left: 80px; padding-right: 80px; } } .is-style-mbf-group-sponsors > .wp-block-group { max-width: 100px; } @media (min-width: 768px) { .is-style-mbf-group-sponsors > .wp-block-group { max-width: initial; } } .is-style-mbf-group-max-400px { --mbf-editor-width: 400px; max-width: 400px; } .editor-styles-wrapper .is-style-mbf-group-max-400px { margin-left: initial; } .is-style-mbf-group-max-500px { --mbf-editor-width: 500px; max-width: 500px; } .editor-styles-wrapper .is-style-mbf-group-max-500px { margin-left: initial; } .is-style-mbf-group-max-600px { --mbf-editor-width: 600px; max-width: 600px; } .editor-styles-wrapper .is-style-mbf-group-max-600px { margin-left: initial; } /** * Columns * ----------------------------- */ .is-style-mbf-columns-headline { display: grid !important; grid-template-columns: 1fr; -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; row-gap: 1rem !important; } @media (max-width: 767.98px) { .is-style-mbf-columns-headline > .wp-block-column.is-style-mbf-columns-pattern { display: none; } .is-style-mbf-columns-headline > .wp-block-column .wp-block-buttons { justify-content: flex-start; } } @media (min-width: 768px) { .is-style-mbf-columns-headline { display: flex !important; } } .is-style-mbf-columns-horizontal { display: flex; flex-direction: column; border-radius: var(--mbf-layout-elements-border-radius); transform: translate3d(0, 0, 0); overflow: hidden; -moz-column-gap: 0 !important; column-gap: 0 !important; row-gap: 0 !important; } @media (min-width: 768px) { .is-style-mbf-columns-horizontal { flex-direction: row; } } .is-style-mbf-columns-horizontal > .wp-block-column:nth-child(2) { width: 100%; order: 1; margin-top: 0 !important; margin-bottom: 0 !important; border-radius: 0 !important; } .is-style-mbf-columns-horizontal > .wp-block-column:nth-child(2) .components-resizable-box__container { display: block; } .is-style-mbf-columns-horizontal > .wp-block-column:nth-child(2) img { border-radius: 0; } @media (min-width: 768px) { .is-style-mbf-columns-horizontal > .wp-block-column:nth-child(2) img { width: 100%; height: clamp(300px, 50vw, 480px); -o-object-fit: cover; object-fit: cover; } } @media (min-width: 768px) { .is-style-mbf-columns-horizontal > .wp-block-column:nth-child(2) { flex: 0 0 calc(100% - 320px); max-width: calc(100% - 320px); order: initial; } } .is-style-mbf-columns-horizontal > .wp-block-column:nth-child(1) { background-color: var(--mbf-color-accent); display: flex; flex-direction: column; width: 100%; padding: 20px; border-radius: 0; flex: 1; order: 2; } .is-style-mbf-columns-horizontal > .wp-block-column:nth-child(1) > * { width: 100%; } .is-style-mbf-columns-horizontal > .wp-block-column:nth-child(1) .wp-block-group { --mbf-color-primary: #FFFFFF; --mbf-color-primary-contrast: #000000; --mbf-color-accent: #FFFFFF; --mbf-color-accent-contrast: #000000; --mbf-color-secondary: #FFFFFF; --mbf-color-secondary-contrast: #000000; --mbf-color-border: rgba(255, 255, 255, 0.5); --mbf-color-button: #FFFFFF; --mbf-color-button-border: #FFFFFF; --mbf-color-button-contrast: #000000; --mbf-color-button-hover: var(--mbf-light-button-hover-background, #336B53); --mbf-color-button-hover-border: var(--mbf-light-button-hover-border, #336B53); --mbf-color-button-hover-contrast: var(--mbf-light-button-hover-color, #FFFFFF); --mbf-color-contrast-50: rgba(255, 255, 255, 0.1); --mbf-color-contrast-100: rgba(255, 255, 255, 0.1); --mbf-color-contrast-200: rgba(255, 255, 255, 0.2); --mbf-color-contrast-300: rgba(255, 255, 255, 0.3); --mbf-color-contrast-400: rgba(255, 255, 255, 0.4); --mbf-color-contrast-500: rgba(255, 255, 255, 0.5); --mbf-color-contrast-600: rgba(255, 255, 255, 0.6); --mbf-color-contrast-700: rgba(255, 255, 255, 0.7); --mbf-color-contrast-800: rgba(255, 255, 255, 0.8); --mbf-color-contrast-900: rgba(255, 255, 255, 0.9); --mbf-palette-color-black: #FFFFFF; --mbf-palette-color-white: #000000; --mbf-palette-color-primary: #FFFFFF; --mbf-palette-color-accent: #FFFFFF; --mbf-palette-color-secondary: rgba(255, 255, 255, 0.65); --mbf-palette-color-border: #393939; --mbf-palette-color-gray-50: rgba(255, 255, 255, 0.1); --mbf-palette-color-gray-100: rgba(255, 255, 255, 0.1); --mbf-palette-color-gray-200: rgba(255, 255, 255, 0.2); } @media (prefers-color-scheme: dark) { :root [data-scheme=auto] .is-style-mbf-columns-horizontal > .wp-block-column:nth-child(1) { background-color: var(--mbf-layout-background); } } [data-scheme=dark] .is-style-mbf-columns-horizontal > .wp-block-column:nth-child(1) { background-color: var(--mbf-layout-background); } .is-style-mbf-columns-horizontal > .wp-block-column:nth-child(1):not(:first-child) { margin-top: 0; } .is-style-mbf-columns-horizontal > .wp-block-column:nth-child(1) .wp-block-buttons:not(:first-child):last-child { margin-top: auto !important; padding-top: 1.5rem; } @media (min-width: 768px) { .is-style-mbf-columns-horizontal > .wp-block-column:nth-child(1) { background-image: url(/wp-content/themes/labeaute/./assets/static/images/pattern-8.png); background-size: 50%; background-position: right bottom -40%; background-repeat: no-repeat; flex: 0 0 320px; max-width: 320px; order: initial; } .is-style-mbf-columns-horizontal > .wp-block-column:nth-child(1):only-child { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { .is-style-mbf-columns-horizontal > .wp-block-column:nth-child(1) { padding: 40px; } } .is-style-mbf-columns-2-style { display: grid !important; grid-template-columns: 1fr; -moz-column-gap: 3rem !important; column-gap: 3rem !important; row-gap: 2rem !important; } @media (min-width: 992px) { .is-style-mbf-columns-2-style { grid-template-columns: 1fr 1fr; } } @media (min-width: 1200px) { .is-style-mbf-columns-2-style { -moz-column-gap: 4rem !important; column-gap: 4rem !important; } } @media (min-width: 1920px) { .is-style-mbf-columns-2-style { -moz-column-gap: 5rem !important; column-gap: 5rem !important; } } .is-style-mbf-columns-4-style { display: grid !important; grid-template-columns: 1fr; -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; row-gap: 1.5rem !important; } @media (min-width: 768px) { .is-style-mbf-columns-4-style { grid-template-columns: 1fr 1fr; } } @media (min-width: 992px) { .is-style-mbf-columns-4-style { grid-template-columns: 1fr 1fr 1fr 1fr; } } .is-style-mbf-columns-6-style { display: grid !important; grid-template-columns: 1fr 1fr; -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; row-gap: 1.5rem !important; } @media (min-width: 768px) { .is-style-mbf-columns-6-style { grid-template-columns: 1fr 1fr; } } @media (min-width: 992px) { .is-style-mbf-columns-6-style { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media (min-width: 1200px) { .is-style-mbf-columns-6-style { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } } .is-style-mbf-columns-gap-0px { -moz-column-gap: 0px !important; column-gap: 0px !important; row-gap: 0px !important; margin-bottom: 0px !important; } .is-style-mbf-columns-gap-2px { -moz-column-gap: 2px !important; column-gap: 2px !important; row-gap: 2px !important; margin-bottom: 2px !important; } .is-style-mbf-columns-gap-2px + .is-style-mbf-columns-gap-2px { margin-top: 2px !important; } .is-style-mbf-columns-gap-xs-1 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; row-gap: 1rem !important; } .is-style-mbf-columns-gap-xs-2 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; row-gap: 1.5rem !important; } .is-style-mbf-columns-gap-xs-3 { -moz-column-gap: 2rem !important; column-gap: 2rem !important; row-gap: 2rem !important; } /** * Cover * ----------------------------- */ .is-style-mbf-cover-wide { --mbf-color-primary: #FFFFFF; --mbf-color-primary-contrast: #000000; --mbf-color-accent: #FFFFFF; --mbf-color-accent-contrast: #000000; --mbf-color-secondary: #FFFFFF; --mbf-color-secondary-contrast: #000000; --mbf-color-border: rgba(255, 255, 255, 0.5); --mbf-color-button: #FFFFFF; --mbf-color-button-border: #FFFFFF; --mbf-color-button-contrast: #000000; --mbf-color-button-hover: var(--mbf-light-button-hover-background, #336B53); --mbf-color-button-hover-border: var(--mbf-light-button-hover-border, #336B53); --mbf-color-button-hover-contrast: var(--mbf-light-button-hover-color, #FFFFFF); --mbf-color-contrast-50: rgba(255, 255, 255, 0.1); --mbf-color-contrast-100: rgba(255, 255, 255, 0.1); --mbf-color-contrast-200: rgba(255, 255, 255, 0.2); --mbf-color-contrast-300: rgba(255, 255, 255, 0.3); --mbf-color-contrast-400: rgba(255, 255, 255, 0.4); --mbf-color-contrast-500: rgba(255, 255, 255, 0.5); --mbf-color-contrast-600: rgba(255, 255, 255, 0.6); --mbf-color-contrast-700: rgba(255, 255, 255, 0.7); --mbf-color-contrast-800: rgba(255, 255, 255, 0.8); --mbf-color-contrast-900: rgba(255, 255, 255, 0.9); --mbf-palette-color-black: #FFFFFF; --mbf-palette-color-white: #000000; --mbf-palette-color-primary: #FFFFFF; --mbf-palette-color-accent: #FFFFFF; --mbf-palette-color-secondary: rgba(255, 255, 255, 0.65); --mbf-palette-color-border: #393939; --mbf-palette-color-gray-50: rgba(255, 255, 255, 0.1); --mbf-palette-color-gray-100: rgba(255, 255, 255, 0.1); --mbf-palette-color-gray-200: rgba(255, 255, 255, 0.2); height: 100%; min-height: clamp(300px, 50vw, 520px); overflow: hidden; padding-top: 40px; padding-bottom: 40px; padding-left: 20px; padding-right: 20px; } @media (min-width: 768px) { .is-style-mbf-cover-wide { padding-top: 80px; padding-bottom: 80px; } } .is-style-mbf-cover-wide .wp-block-cover__inner-container { color: var(--mbf-color-primary); height: 100%; } .is-style-mbf-cover-wide .wp-block-group { color: var(--mbf-color-primary); } .is-style-mbf-cover-landscape { --mbf-color-primary: #FFFFFF; --mbf-color-primary-contrast: #000000; --mbf-color-accent: #FFFFFF; --mbf-color-accent-contrast: #000000; --mbf-color-secondary: #FFFFFF; --mbf-color-secondary-contrast: #000000; --mbf-color-border: rgba(255, 255, 255, 0.5); --mbf-color-button: #FFFFFF; --mbf-color-button-border: #FFFFFF; --mbf-color-button-contrast: #000000; --mbf-color-button-hover: var(--mbf-light-button-hover-background, #336B53); --mbf-color-button-hover-border: var(--mbf-light-button-hover-border, #336B53); --mbf-color-button-hover-contrast: var(--mbf-light-button-hover-color, #FFFFFF); --mbf-color-contrast-50: rgba(255, 255, 255, 0.1); --mbf-color-contrast-100: rgba(255, 255, 255, 0.1); --mbf-color-contrast-200: rgba(255, 255, 255, 0.2); --mbf-color-contrast-300: rgba(255, 255, 255, 0.3); --mbf-color-contrast-400: rgba(255, 255, 255, 0.4); --mbf-color-contrast-500: rgba(255, 255, 255, 0.5); --mbf-color-contrast-600: rgba(255, 255, 255, 0.6); --mbf-color-contrast-700: rgba(255, 255, 255, 0.7); --mbf-color-contrast-800: rgba(255, 255, 255, 0.8); --mbf-color-contrast-900: rgba(255, 255, 255, 0.9); --mbf-palette-color-black: #FFFFFF; --mbf-palette-color-white: #000000; --mbf-palette-color-primary: #FFFFFF; --mbf-palette-color-accent: #FFFFFF; --mbf-palette-color-secondary: rgba(255, 255, 255, 0.65); --mbf-palette-color-border: #393939; --mbf-palette-color-gray-50: rgba(255, 255, 255, 0.1); --mbf-palette-color-gray-100: rgba(255, 255, 255, 0.1); --mbf-palette-color-gray-200: rgba(255, 255, 255, 0.2); padding: 20px; min-height: clamp(300px, 50vw, 380px); height: 100%; border-radius: var(--mbf-layout-elements-border-radius); transform: translate3d(0, 0, 0); overflow: hidden; } @media (min-width: 768px) { .is-style-mbf-cover-landscape { padding: 60px; } } .is-style-mbf-cover-landscape .wp-block-cover__inner-container { color: var(--mbf-color-primary); height: 100%; } .is-style-mbf-cover-landscape .wp-block-group { color: var(--mbf-color-primary); } .is-style-mbf-cover-landscape .is-style-mbf-group-fullheight { justify-content: flex-end; } .is-style-mbf-cover-featured { --mbf-color-primary: #FFFFFF; --mbf-color-primary-contrast: #000000; --mbf-color-accent: #FFFFFF; --mbf-color-accent-contrast: #000000; --mbf-color-secondary: #FFFFFF; --mbf-color-secondary-contrast: #000000; --mbf-color-border: rgba(255, 255, 255, 0.5); --mbf-color-button: #FFFFFF; --mbf-color-button-border: #FFFFFF; --mbf-color-button-contrast: #000000; --mbf-color-button-hover: var(--mbf-light-button-hover-background, #336B53); --mbf-color-button-hover-border: var(--mbf-light-button-hover-border, #336B53); --mbf-color-button-hover-contrast: var(--mbf-light-button-hover-color, #FFFFFF); --mbf-color-contrast-50: rgba(255, 255, 255, 0.1); --mbf-color-contrast-100: rgba(255, 255, 255, 0.1); --mbf-color-contrast-200: rgba(255, 255, 255, 0.2); --mbf-color-contrast-300: rgba(255, 255, 255, 0.3); --mbf-color-contrast-400: rgba(255, 255, 255, 0.4); --mbf-color-contrast-500: rgba(255, 255, 255, 0.5); --mbf-color-contrast-600: rgba(255, 255, 255, 0.6); --mbf-color-contrast-700: rgba(255, 255, 255, 0.7); --mbf-color-contrast-800: rgba(255, 255, 255, 0.8); --mbf-color-contrast-900: rgba(255, 255, 255, 0.9); --mbf-palette-color-black: #FFFFFF; --mbf-palette-color-white: #000000; --mbf-palette-color-primary: #FFFFFF; --mbf-palette-color-accent: #FFFFFF; --mbf-palette-color-secondary: rgba(255, 255, 255, 0.65); --mbf-palette-color-border: #393939; --mbf-palette-color-gray-50: rgba(255, 255, 255, 0.1); --mbf-palette-color-gray-100: rgba(255, 255, 255, 0.1); --mbf-palette-color-gray-200: rgba(255, 255, 255, 0.2); padding: 20px; min-height: 100%; height: 100%; } @media (min-width: 768px) { .is-style-mbf-cover-featured { padding: 60px; } .is-style-mbf-cover-featured:before { content: ""; display: table; box-sizing: border-box; width: 0; padding-bottom: 85%; } } .is-style-mbf-cover-featured .wp-block-cover__inner-container { color: var(--mbf-color-primary); height: 100%; } .is-style-mbf-cover-featured .wp-block-group { color: var(--mbf-color-primary); } .is-style-mbf-cover-featured .is-style-mbf-paragraph-label { padding-bottom: 4rem; margin-bottom: auto; } .editor-styles-wrapper .is-style-mbf-cover-featured .is-style-mbf-paragraph-label { margin-bottom: auto; } .is-style-mbf-cover-promo { --mbf-color-primary: #FFFFFF; --mbf-color-primary-contrast: #000000; --mbf-color-accent: #FFFFFF; --mbf-color-accent-contrast: #000000; --mbf-color-secondary: #FFFFFF; --mbf-color-secondary-contrast: #000000; --mbf-color-border: rgba(255, 255, 255, 0.5); --mbf-color-button: #FFFFFF; --mbf-color-button-border: #FFFFFF; --mbf-color-button-contrast: #000000; --mbf-color-button-hover: var(--mbf-light-button-hover-background, #336B53); --mbf-color-button-hover-border: var(--mbf-light-button-hover-border, #336B53); --mbf-color-button-hover-contrast: var(--mbf-light-button-hover-color, #FFFFFF); --mbf-color-contrast-50: rgba(255, 255, 255, 0.1); --mbf-color-contrast-100: rgba(255, 255, 255, 0.1); --mbf-color-contrast-200: rgba(255, 255, 255, 0.2); --mbf-color-contrast-300: rgba(255, 255, 255, 0.3); --mbf-color-contrast-400: rgba(255, 255, 255, 0.4); --mbf-color-contrast-500: rgba(255, 255, 255, 0.5); --mbf-color-contrast-600: rgba(255, 255, 255, 0.6); --mbf-color-contrast-700: rgba(255, 255, 255, 0.7); --mbf-color-contrast-800: rgba(255, 255, 255, 0.8); --mbf-color-contrast-900: rgba(255, 255, 255, 0.9); --mbf-palette-color-black: #FFFFFF; --mbf-palette-color-white: #000000; --mbf-palette-color-primary: #FFFFFF; --mbf-palette-color-accent: #FFFFFF; --mbf-palette-color-secondary: rgba(255, 255, 255, 0.65); --mbf-palette-color-border: #393939; --mbf-palette-color-gray-50: rgba(255, 255, 255, 0.1); --mbf-palette-color-gray-100: rgba(255, 255, 255, 0.1); --mbf-palette-color-gray-200: rgba(255, 255, 255, 0.2); padding: 20px; min-height: clamp(300px, 50vw, 480px); height: 100%; border-radius: var(--mbf-layout-elements-border-radius); transform: translate3d(0, 0, 0); overflow: hidden; } @media (min-width: 768px) { .is-style-mbf-cover-promo { padding: 60px; } } .is-style-mbf-cover-promo .wp-block-cover__inner-container { color: var(--mbf-color-primary); height: 100%; } .is-style-mbf-cover-promo .wp-block-group { color: var(--mbf-color-primary); } .is-style-mbf-cover-promo .is-style-mbf-group-fullheight { justify-content: flex-end; } /** * Posts * ----------------------------- */ .is-style-mbf-post-template-horizontal .wp-block-post { display: flex; flex-direction: column; border-radius: var(--mbf-layout-elements-border-radius); transform: translate3d(0, 0, 0); overflow: hidden; } @media (min-width: 768px) { .is-style-mbf-post-template-horizontal .wp-block-post { flex-direction: row; } } .is-style-mbf-post-template-horizontal .wp-block-post-featured-image { width: 100%; order: 1; margin-top: 0 !important; margin-bottom: 0 !important; border-radius: 0 !important; } .is-style-mbf-post-template-horizontal .wp-block-post-featured-image img { border-radius: 0; } @media (min-width: 768px) { .is-style-mbf-post-template-horizontal .wp-block-post-featured-image { flex: 0 0 calc(100% - 320px); max-width: calc(100% - 320px); order: initial; } } .is-style-mbf-post-template-horizontal .is-style-mbf-group-post-content { background-color: var(--mbf-layout-background); display: flex; flex-direction: column; width: 100%; padding: 20px; border-radius: 0; flex: 1; order: 2; } .is-style-mbf-post-template-horizontal .is-style-mbf-group-post-content > * { width: 100%; } .is-style-mbf-post-template-horizontal .is-style-mbf-group-post-content:not(:first-child) { margin-top: 0; } @media (min-width: 768px) { .is-style-mbf-post-template-horizontal .is-style-mbf-group-post-content { background-image: url(/wp-content/themes/labeaute/./assets/static/images/pattern-1.png); background-size: 50%; background-position: right bottom -40%; background-repeat: no-repeat; flex: 0 0 320px; max-width: 320px; order: initial; } .is-style-mbf-post-template-horizontal .is-style-mbf-group-post-content:only-child { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { .is-style-mbf-post-template-horizontal .is-style-mbf-group-post-content { padding: 40px; } } .is-style-mbf-group-post-content { display: flex; flex-direction: column; width: 100%; padding: 20px; flex: 1; background-color: var(--mbf-layout-background); border-radius: var(--mbf-thumbnail-border-radius); margin-top: 0; margin-bottom: 0; } .is-style-mbf-group-post-content > * { width: 100%; } .is-style-mbf-group-post-meta { transition: 0.25s; gap: 0; color: var(--mbf-color-meta, var(--mbf-color-primary)); font-family: var(--mbf-font-post-meta-family), sans-serif; font-size: var(--mbf-font-post-meta-size); font-weight: var(--mbf-font-post-meta-weight); font-style: var(--mbf-font-post-meta-style); letter-spacing: var(--mbf-font-post-meta-letter-spacing); text-transform: var(--mbf-font-post-meta-text-transform); } .is-style-mbf-group-post-meta:not(:first-child) { padding-top: 1rem; } .is-style-mbf-group-post-meta:last-child { margin-top: auto; } .is-style-mbf-group-post-meta a { color: var(--mbf-color-meta-links, var(--mbf-color-primary)); font-size: inherit; transition: 0.25s; } .is-style-mbf-group-post-meta a:hover { color: var(--mbf-color-meta-links-hover, var(--mbf-color-secondary)); } .is-style-mbf-group-post-meta > * { display: flex; } .is-style-mbf-group-post-meta > *:not(:last-child) { position: relative; margin-right: 20px !important; } .is-style-mbf-group-post-meta > *:not(:last-child):after { background-color: var(--mbf-color-border); position: absolute; top: 0; right: -10px; width: 1px; height: 17px; content: ""; } .is-style-mbf-group-product-image { position: relative; margin-top: 0; margin-bottom: 0; } .is-style-mbf-group-product-image .wp-block-woocommerce-product-button { margin: 0 !important; width: 100%; height: 0; position: absolute; left: 0; bottom: 0; } .is-style-mbf-group-product-image .wc-block-components-product-button { margin: 0 !important; width: 100%; height: 0; position: absolute; left: 0; bottom: 0; } .is-style-mbf-group-product-image .wc-block-components-product-button .wp-block-button__link { position: absolute !important; left: 20px; bottom: 20px; width: calc(100% - 40px); margin: 0 !important; opacity: 0; --mbf-button-padding-x: 0.5rem; } .is-style-mbf-group-product-image .wc-block-components-product-button .added_to_cart { border: var(--mbf-button-border-width, 1px) solid var(--mbf-color-button-border); background-color: var(--mbf-color-button); color: var(--mbf-color-button-contrast); position: relative; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; line-height: 1rem; transition: 0.25s; box-shadow: none; overflow: hidden; cursor: pointer; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); text-transform: capitalize; padding: calc(var(--mbf-button-padding-y, 0.875rem) - var(--mbf-button-border-width, 1px)) var(--mbf-button-padding-x, 1.25rem); border-radius: var(--mbf-button-border-radius); font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); background-color: var(--mbf-site-background) !important; border: var(--mbf-button-border-width, 1px) solid var(--mbf-site-background) !important; position: absolute !important; left: 50%; bottom: 80px; transform: translateX(-50%); margin: 0 !important; opacity: 0; --mbf-button-padding-x: 0.5rem; } .is-style-mbf-group-product-image .wc-block-components-product-button .added_to_cart:focus, .is-style-mbf-group-product-image .wc-block-components-product-button .added_to_cart:hover { border-color: var(--mbf-color-button-hover-border); background-color: var(--mbf-color-button-hover); color: var(--mbf-color-button-hover-contrast); outline: none; } .is-style-mbf-group-product-image .wc-block-components-product-button .added_to_cart:disabled, .is-style-mbf-group-product-image .wc-block-components-product-button .added_to_cart:disabled[disabled] { color: var(--mbf-color-button-contrast); opacity: 0.5; padding: calc(var(--mbf-button-padding-y, 0.875rem) - var(--mbf-button-border-width, 1px)) var(--mbf-button-padding-x, 1.25rem); } .is-style-mbf-group-product-image .wc-block-components-product-button .added_to_cart:disabled:hover, .is-style-mbf-group-product-image .wc-block-components-product-button .added_to_cart:disabled[disabled]:hover { border-color: var(--mbf-color-button-border); background-color: var(--mbf-color-button); color: var(--mbf-color-button-contrast); } @media (min-width: 768px) { .is-style-mbf-group-product-image .wc-block-components-product-button .added_to_cart { --mbf-button-padding-x: 1.25rem; } } .is-style-mbf-group-product-image:hover .wp-block-button__link { opacity: 1; } .is-style-mbf-group-product-image:hover .added_to_cart { opacity: 1; } .is-style-mbf-group-product-content { margin-top: 0; padding-top: 1rem; } @media (min-width: 768px) { .is-style-mbf-group-product-content { padding-left: 20px; padding-right: 20px; } } .is-style-mbf-post-title-read-more { max-width: 300px; } .is-style-mbf-post-title-read-more:not(:first-child) { padding-top: 1rem; } .is-style-mbf-post-title-read-more:not(:first-child):last-child { margin-top: auto !important; } .is-style-mbf-post-title-read-more a { background: none; font-size: 0; padding: 0; } .is-style-mbf-post-title-read-more a:before { border: var(--mbf-button-border-width, 1px) solid var(--mbf-color-button-border); background-color: var(--mbf-color-button); color: var(--mbf-color-button-contrast); position: relative; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; line-height: 1rem; transition: 0.25s; box-shadow: none; overflow: hidden; cursor: pointer; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); text-transform: capitalize; padding: calc(var(--mbf-button-padding-y, 0.875rem) - var(--mbf-button-border-width, 1px)) var(--mbf-button-padding-x, 1.25rem); border-radius: var(--mbf-button-border-radius); font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); width: 100%; box-sizing: border-box; content: "Read More"; } .is-style-mbf-post-title-read-more a:before:focus, .is-style-mbf-post-title-read-more a:before:hover { border-color: var(--mbf-color-button-hover-border); background-color: var(--mbf-color-button-hover); color: var(--mbf-color-button-hover-contrast); outline: none; } .is-style-mbf-post-title-read-more a:before:disabled, .is-style-mbf-post-title-read-more a:before:disabled[disabled] { color: var(--mbf-color-button-contrast); opacity: 0.5; padding: calc(var(--mbf-button-padding-y, 0.875rem) - var(--mbf-button-border-width, 1px)) var(--mbf-button-padding-x, 1.25rem); } .is-style-mbf-post-title-read-more a:before:disabled:hover, .is-style-mbf-post-title-read-more a:before:disabled[disabled]:hover { border-color: var(--mbf-color-button-border); background-color: var(--mbf-color-button); color: var(--mbf-color-button-contrast); } .is-style-mbf-post-title-read-more a:hover:before { border-color: var(--mbf-color-button-hover-border); background-color: var(--mbf-color-button-hover); color: var(--mbf-color-button-hover-contrast); outline: none; } .is-style-mbf-post-featured-image-wide, .is-style-mbf-post-featured-image-landscape, .is-style-mbf-post-featured-image-square, .is-style-mbf-post-featured-image-portrait { position: relative; display: flex; border-radius: var(--mbf-thumbnail-border-radius); transform: translate3d(0, 0, 0); overflow: hidden; } .is-style-mbf-post-featured-image-wide:before, .is-style-mbf-post-featured-image-landscape:before, .is-style-mbf-post-featured-image-square:before, .is-style-mbf-post-featured-image-portrait:before { content: ""; display: table; box-sizing: border-box; width: 0; padding-bottom: 75%; } .is-style-mbf-post-featured-image-wide img, .is-style-mbf-post-featured-image-landscape img, .is-style-mbf-post-featured-image-square img, .is-style-mbf-post-featured-image-portrait img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; transform: scale(1); transition: 0.25s; -o-object-fit: cover; object-fit: cover; aspect-ratio: initial; } .is-style-mbf-post-featured-image-wide a:hover img, .is-style-mbf-post-featured-image-landscape a:hover img, .is-style-mbf-post-featured-image-square a:hover img, .is-style-mbf-post-featured-image-portrait a:hover img { transform: scale(1.05); } .is-style-mbf-post-featured-image-wide:before { padding-bottom: 30%; min-height: 300px; } @media (min-width: 992px) { .is-style-mbf-post-featured-image-wide:before { min-height: 500px; } } .is-style-mbf-post-featured-image-square:before { padding-bottom: 100%; } .is-style-mbf-post-featured-image-portrait:before { padding-bottom: 150%; } /** * Buttons * ----------------------------- */ .is-style-mbf-buttons-fullheight { height: 100%; } .is-style-mbf-button-large .wp-block-button__link { padding-left: 2.125rem; padding-right: 2.125rem; } .is-style-mbf-button-large .wp-block-button__link.block-editor-rich-text__editable { padding-left: 2.125rem !important; padding-right: 2.125rem !important; } /** * Image * ----------------------------- */ @media (prefers-color-scheme: dark) { :root [data-scheme=auto] .is-style-mbf-image-auto-scheme { filter: grayscale(1) invert(1); } } [data-scheme=dark] .is-style-mbf-image-auto-scheme { filter: grayscale(1) invert(1); } .is-style-mbf-image-auto-scheme img { border-radius: initial; } .wp-block-post-content .is-style-mbf-image-auto-scheme img { border-radius: initial !important; } .is-style-mbf-image-without-radius img { border-radius: initial; } .wp-block-post-content .is-style-mbf-image-without-radius img { border-radius: initial !important; } /** * Paragraph * ----------------------------- */ .is-style-mbf-paragraph-label { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .is-style-mbf-paragraph-without-margin { margin: 0 !important; } /** * Separator * ----------------------------- */ .is-style-mbf-separator-easy-line { width: 100% !important; max-width: 100% !important; border-width: 1px !important; } .is-style-mbf-separator-easy-line[data-type="core/separator"] { width: var(--mbf-editor-width) !important; height: 0px !important; } /** * Elements * ----------------------------- */ /* Top */ .is-style-mbf-layout-margin-1 { margin-top: 0.5rem !important; } .is-style-mbf-layout-margin-2 { margin-top: 2rem !important; } @media (min-width: 992px) { .is-style-mbf-layout-margin-2 { margin-top: 3rem !important; } } .is-style-mbf-layout-margin-3 { margin-top: 2rem !important; } @media (min-width: 768px) { .is-style-mbf-layout-margin-3 { margin-top: 3rem !important; } } @media (min-width: 992px) { .is-style-mbf-layout-margin-3 { margin-top: 4rem !important; } } .is-style-mbf-layout-margin-4 { margin-top: 3rem !important; } @media (min-width: 768px) { .is-style-mbf-layout-margin-4 { margin-top: 4rem !important; } } @media (min-width: 992px) { .is-style-mbf-layout-margin-4 { margin-top: 5rem !important; } } .is-style-mbf-layout-margin-5 { margin-top: 3rem !important; } @media (min-width: 768px) { .is-style-mbf-layout-margin-5 { margin-top: 5rem !important; } } @media (min-width: 992px) { .is-style-mbf-layout-margin-5 { margin-top: 7rem !important; } } .is-style-mbf-layout-margin-6 { margin-top: 3rem !important; } @media (min-width: 768px) { .is-style-mbf-layout-margin-6 { margin-top: 5rem !important; } } @media (min-width: 992px) { .is-style-mbf-layout-margin-6 { margin-top: 9rem !important; } } /* Top small (minus) */ .is-style-mbf-layout-margin-minus-1 { margin-top: -0.25rem !important; } .is-style-mbf-layout-margin-minus-2 { margin-top: -0.5rem !important; } .is-style-mbf-layout-margin-minus-3 { margin-top: -1rem !important; } .is-style-mbf-layout-margin-minus-4 { margin-top: -2rem !important; } /* Bottom */ .is-style-mbf-layout-margin-bottom-1 { margin-bottom: 2rem !important; } .is-style-mbf-layout-margin-bottom-2 { margin-bottom: 3rem !important; } .is-style-mbf-layout-margin-bottom-3 { margin-bottom: 3rem !important; } @media (min-width: 992px) { .is-style-mbf-layout-margin-bottom-3 { margin-bottom: 4rem !important; } } .is-style-mbf-layout-margin-bottom-4 { margin-bottom: 3rem !important; } @media (min-width: 768px) { .is-style-mbf-layout-margin-bottom-4 { margin-bottom: 4rem !important; } } @media (min-width: 992px) { .is-style-mbf-layout-margin-bottom-4 { margin-bottom: 5rem !important; } } .is-style-mbf-layout-margin-bottom-5 { margin-bottom: 3rem !important; } @media (min-width: 768px) { .is-style-mbf-layout-margin-bottom-5 { margin-bottom: 5rem !important; } } @media (min-width: 992px) { .is-style-mbf-layout-margin-bottom-5 { margin-bottom: 7rem !important; } } /* Bottom small (minus) */ .is-style-mbf-layout-margin-bottom-minus-1 { margin-bottom: -0.25rem !important; } .is-style-mbf-layout-margin-bottom-minus-2 { margin-bottom: -0.5rem !important; } .is-style-mbf-layout-margin-bottom-minus-3 { margin-bottom: -1rem !important; } /*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Display --------------------------------------------------------------*/ .mbf-d-none { display: none !important; } .mbf-d-inline { display: inline !important; } .mbf-d-inline-block { display: inline-block !important; } .mbf-d-block { display: block !important; } .mbf-d-flex { display: flex !important; } @media (min-width: 576px) { .mbf-d-sm-none { display: none !important; } .mbf-d-sm-inline { display: inline !important; } .mbf-d-sm-inline-block { display: inline-block !important; } .mbf-d-sm-block { display: block !important; } .mbf-d-sm-flex { display: flex !important; } } @media (min-width: 768px) { .mbf-d-md-none { display: none !important; } .mbf-d-md-inline { display: inline !important; } .mbf-d-md-inline-block { display: inline-block !important; } .mbf-d-md-block { display: block !important; } .mbf-d-md-flex { display: flex !important; } } @media (min-width: 992px) { .mbf-d-lg-none { display: none !important; } .mbf-d-lg-inline { display: inline !important; } .mbf-d-lg-inline-block { display: inline-block !important; } .mbf-d-lg-block { display: block !important; } .mbf-d-lg-flex { display: flex !important; } } @media (min-width: 1200px) { .mbf-d-xl-none { display: none !important; } .mbf-d-xl-inline { display: inline !important; } .mbf-d-xl-inline-block { display: inline-block !important; } .mbf-d-xl-block { display: block !important; } .mbf-d-xl-flex { display: flex !important; } } @media (min-width: 1336px) { .mbf-d-xxl-none { display: none !important; } .mbf-d-xxl-inline { display: inline !important; } .mbf-d-xxl-inline-block { display: inline-block !important; } .mbf-d-xxl-block { display: block !important; } .mbf-d-xxl-flex { display: flex !important; } } @media (min-width: 1920px) { .mbf-d-xxxl-none { display: none !important; } .mbf-d-xxxl-inline { display: inline !important; } .mbf-d-xxxl-inline-block { display: inline-block !important; } .mbf-d-xxxl-block { display: block !important; } .mbf-d-xxxl-flex { display: flex !important; } } :root .mbf-display-only-dark, [data-scheme=light] .mbf-display-only-dark { display: none !important; } @media (prefers-color-scheme: dark) { :root [data-scheme=auto] .mbf-display-only-light { display: none !important; } } [data-scheme=dark] .mbf-display-only-light { display: none !important; } /*-------------------------------------------------------------- # Layout --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Site --------------------------------------------------------------*/ body { background: var(--mbf-site-background); overflow-x: hidden; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; --mbf-wpadminbar-height: 0px; } body.admin-bar { --mbf-wpadminbar-height: 46px; } @media screen and (min-width: 601px) { body.admin-bar { --mbf-wpadminbar-height: 46px; } } @media screen and (min-width: 783px) { body.admin-bar { --mbf-wpadminbar-height: 32px; } } .mbf-site, .mbf-site-inner { min-height: calc(100vh - var(--mbf-wpadminbar-height)); } .mbf-container { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .mbf-container { max-width: 576px; } } @media (min-width: 768px) { .mbf-container { max-width: 768px; } } @media (min-width: 992px) { .mbf-container { max-width: 992px; } } @media (min-width: 1200px) { .mbf-container { max-width: 1200px; } } @media (min-width: 1336px) { .mbf-container { max-width: 1336px; } } .mbf-site-content { margin-top: 4rem; margin-bottom: 4rem; } @media (min-width: 768px) { .mbf-site-content { margin-bottom: 6rem; } } @media (min-width: 992px) { .mbf-site-content { margin-bottom: 8rem; } } .mbf-site-inner { display: flex; flex-direction: column; } .mbf-site-inner > * { flex: 0 0 auto; } .mbf-site-inner main { flex: 1 0 auto; } .page-template-template-blank .mbf-header:not(.mbf-scroll-sticky) { border-bottom-color: transparent; } .page-template-template-blank .mbf-site-content { margin-top: 0; } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ .mbf-header-before { height: var(--mbf-header-initial-height); } .mbf-header-before + .mbf-header { margin-top: calc(0px - var(--mbf-header-initial-height)); } .mbf-header-before + .mbf-header.mbf-scroll-sticky { margin-bottom: calc(var(--mbf-header-initial-height) - var(--mbf-header-height)); } .mbf-header { position: relative; width: 100%; background: var(--mbf-color-header-background, var(--mbf-site-background)); border-bottom: var(--mbf-header-border-width) solid var(--mbf-color-border); transition: all 0.3s linear; z-index: 10; } @media (min-width: 1200px) { .mbf-header > .mbf-container { max-width: 1798px; } } @media screen and (max-width: 600px) { .mbf-header { --mbf-wpadminbar-height: 0px; } } .mbf-header__inner { position: relative; display: flex; justify-content: space-between; align-items: stretch; min-height: var(--mbf-header-height); transition: all 0.3s linear; } .mbf-header__inner-mobile { display: flex; min-height: var(--mbf-header-height); } @media (min-width: 992px) { .mbf-header__inner-mobile { display: none; } } .mbf-header__inner-mobile .mbf-search { top: calc(100% + 3px); max-width: 100%; border-radius: 0; } .mbf-header__inner-desktop { display: none; min-height: var(--mbf-header-initial-height); } .mbf-header__inner-desktop .mbf-header__logo img { max-height: calc(var(--mbf-header-initial-height) - 20px); } @media (min-width: 992px) { .mbf-header__inner-desktop { display: flex; } } .mbf-header__col { display: flex; align-items: center; flex: 1; } .mbf-header__col > *:not(:first-child) { margin-left: 1rem; } .mbf-header__inner-mobile .mbf-header__col > *:not(:first-child) { margin-left: 10px; } .mbf-header__col.mbf-col-nav { display: flex; padding: 0 20px; } .mbf-header__col.mbf-col-center { flex: initial; justify-content: center; } .mbf-header__col.mbf-col-center:not(:only-child) { padding: 0 20px; } .mbf-header__inner-mobile .mbf-header__col.mbf-col-center { padding: 0; } .mbf-header__col.mbf-col-right { justify-content: flex-end; } .mbf-header__col.mbf-col-right:not(:only-child) { padding-left: 20px; } .mbf-header__col.mbf-col-left:not(:only-child) { padding-right: 20px; } .mbf-header__offcanvas-toggle { display: flex; flex-direction: column; color: var(--mbf-color-accent); cursor: pointer; } .mbf-header__offcanvas-toggle:hover { color: var(--mbf-color-secondary); } @media (min-width: 992px) { .mbf-header__offcanvas-toggle.mbf-d-lg-none + * { margin-left: 0 !important; } } .mbf-header__offcanvas-toggle .mbf-icon { font-size: 1.5em; } .mbf-header .mbf-logo.mbf-logo-hide .mbf-header__logo { font-size: 0; transition: font-size 0.25s; padding-right: 0; } .mbf-header .mbf-logo.mbf-logo-hide .mbf-header__logo img { max-height: 0; opacity: 0; transition: 0.25s; } @media (min-width: 1200px) { .mbf-header .mbf-logo:not(:first-child) { margin-left: 40px; } } .mbf-header__logo { display: block; color: var(--mbf-color-primary); white-space: nowrap; text-decoration: none; font-family: var(--mbf-font-main-logo-family), sans-serif; font-size: var(--mbf-font-main-logo-size); font-weight: var(--mbf-font-main-logo-weight); font-style: var(--mbf-font-main-logo-style); letter-spacing: var(--mbf-font-main-logo-letter-spacing); text-transform: var(--mbf-font-main-logo-text-transform); } .mbf-header__logo.mbf-logo-hide { margin-right: 0; opacity: 1; transition: 0.25s; } @media (min-width: 992px) { .mbf-header__logo.mbf-logo-hide { opacity: 0; margin-right: auto; } } .mbf-header__logo.mbf-logo-dark { display: none; } @media (prefers-color-scheme: dark) { :root [data-scheme=auto] .mbf-header__logo.mbf-logo-dark { display: block; } } [data-scheme=dark] .mbf-header__logo.mbf-logo-dark { display: block; } @media (prefers-color-scheme: dark) { :root [data-scheme=auto] .mbf-header__logo.mbf-logo-default { display: none; } } [data-scheme=dark] .mbf-header__logo.mbf-logo-default { display: none; } .mbf-header__logo img { display: block; max-width: inherit; width: auto; max-height: calc(var(--mbf-header-height) - 20px); } .mbf-header__nav { align-self: stretch; } @media (min-width: 1200px) { .mbf-header__nav:not(:first-child) { margin-left: 30px; } .mbf-logo + .mbf-header__nav { margin-left: 40px; } } .mbf-header__nav-inner { display: flex; align-items: center; height: 100%; margin: 0; padding: 0; list-style: none; } .mbf-header__nav-inner li { position: relative; } .mbf-header__nav-inner li:not(.touch-device):hover > .sub-menu { top: 0; visibility: visible; opacity: 1; transform: translate3d(0, 0, 0); } .mbf-header__nav-inner li.submenu-visible > .sub-menu { visibility: visible; opacity: 1; top: 0; transform: translate3d(0, 0, 0); } .mbf-header__nav-inner li.menu-item-has-children > a:after { margin-left: 8px; font-family: "mbf-icons"; font-size: 0.5rem; line-height: 1; color: var(--mbf-color-primary); content: ""; } .mbf-header__nav-inner li.menu-item-has-children.touch-device > a .expanded { position: absolute; right: 0; top: 0.75rem; display: flex; align-items: center; justify-content: flex-start; width: 2.75rem; height: 1.25rem; padding-left: 0.625rem; cursor: pointer; } .mbf-header__nav-inner li.menu-item-has-children.touch-device > a .expanded:after { font-family: "mbf-icons"; font-size: 0.5rem; line-height: 1; color: var(--mbf-color-primary); content: ""; } .mbf-header__nav-inner li.menu-item-has-children.touch-device > a:after { visibility: hidden; } .mbf-header__nav-inner > li { padding-top: 5px; padding-bottom: 5px; } .mbf-header__nav-inner > li > a { font-family: var(--mbf-font-menu-family), sans-serif; font-size: var(--mbf-font-menu-size); font-weight: var(--mbf-font-menu-weight); font-style: var(--mbf-font-menu-style); letter-spacing: var(--mbf-font-menu-letter-spacing); text-transform: var(--mbf-font-menu-text-transform); background-color: transparent; position: relative; display: flex; align-items: center; height: 100%; white-space: nowrap; padding: 0.5625rem 0.8125rem 0.3125rem; border-radius: var(--mbf-button-border-radius); text-decoration: none; } .mbf-header__nav-inner > li > a[href="#"] { cursor: default; } .mbf-header__nav-inner > li > a > span:first-child { display: inline; padding-bottom: 0.25em; background: linear-gradient(to right, currentColor 0%, currentColor 98%); background-size: 0px 1px; background-repeat: no-repeat; background-position: var(--mbf-underline-bg-position); color: var(--mbf-color-primary); transition: 0.25s; text-decoration: none; transition: 0.25s; } .mbf-header__nav-inner > li:hover > a > span:first-child { background-size: 100% 1px; color: var(--mbf-color-accent); } .mbf-header__nav-inner > li.menu-item-has-children > .sub-menu { top: -9999px; left: 0; z-index: 11; opacity: 0; visibility: hidden; } .mbf-header__nav-inner > li.menu-item-has-children > a:after { transform: translateY(-2px); content: ""; } .mbf-header__nav-inner > li.menu-item-has-children.touch-device > a .expanded { top: 0.5rem; width: 2rem; } .mbf-header__nav-inner > li.menu-item-has-children.touch-device > a .expanded:after { transform: translateY(-2px); content: ""; } .mbf-header__nav-inner > li.menu-item-has-children:not(.touch-device):hover > .sub-menu { top: 100%; opacity: 1; visibility: visible; transition: opacity 0.25s, left 0.25s; } .mbf-header__nav-inner > li.menu-item-has-children.submenu-visible > .sub-menu { left: 0; top: 100%; visibility: visible; opacity: 1; } .mbf-header__nav-inner > li.current-menu-ancestor:not(:first-child), .mbf-header__nav-inner > li.current-menu-item:not(:first-child) { padding-left: 0.5rem; } .mbf-header__nav-inner > li.current-menu-ancestor:not(:last-child), .mbf-header__nav-inner > li.current-menu-item:not(:last-child) { padding-right: 0.5rem; } .mbf-header__nav-inner > li.current-menu-ancestor > a, .mbf-header__nav-inner > li.current-menu-item > a { background-color: var(--mbf-layout-background); color: var(--mbf-color-primary); } .mbf-header__nav-inner > li.current-menu-ancestor > a span:first-child, .mbf-header__nav-inner > li.current-menu-item > a span:first-child { background: transparent; } .mbf-header__nav-inner .sub-menu { position: absolute; display: block; margin: 0; padding: 0.75rem 0; text-align: left; list-style: none; background-color: var(--mbf-layout-background); border-radius: calc(var(--mbf-layout-elements-border-radius, 0) * 2.5); box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2); } .mbf-header__nav-inner .sub-menu > li { padding: 1px 0.75rem; } .mbf-header__nav-inner .sub-menu > li > a { background-color: transparent; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; min-width: 220px; padding: 0.75rem 0.875rem; transition: 0.25s; border-radius: var(--mbf-button-border-radius); color: var(--mbf-color-primary); text-decoration: none; font-family: var(--mbf-font-submenu-family), sans-serif; font-size: var(--mbf-font-submenu-size); font-weight: var(--mbf-font-submenu-weight); font-style: var(--mbf-font-submenu-style); letter-spacing: var(--mbf-font-submenu-letter-spacing); text-transform: var(--mbf-font-submenu-text-transform); } .mbf-header__nav-inner .sub-menu > li:hover > a { background-color: var(--mbf-site-background); color: var(--mbf-color-accent); } .mbf-header__nav-inner .sub-menu > li.submenu-visible > a, .mbf-header__nav-inner .sub-menu > li.current-menu-ancestor > a, .mbf-header__nav-inner .sub-menu > li.current-menu-item > a { background-color: var(--mbf-site-background); color: var(--mbf-color-accent); } .mbf-header__nav-inner .sub-menu .sub-menu { display: block; top: -9999px; left: 100%; z-index: 1; opacity: 0; margin-top: -0.75rem; transition: opacity 0.25s; visibility: hidden; } .mbf-header__nav-inner .sub-menu .mbf-sm-position-left > .sub-menu { left: auto; right: 100%; } .mbf-header__nav-inner .sub-menu .mbf-sm-position-left > a:after { transform: rotate(180deg); } .mbf-header__nav-secondary { position: relative; } .mbf-header__nav-secondary:not(:first-child) { margin-left: 30px; } .mbf-header__nav-secondary:before { background-color: var(--mbf-color-border); display: block; width: 1px; height: 12px; position: absolute; top: 50%; left: -15px; transform: translateY(-50%); content: ""; } .mbf-header__search-toggle { display: flex; align-items: center; justify-content: center; cursor: pointer; } .mbf-header__search-toggle .mbf-icon { font-size: 1em; transition: 0.25s; margin-left: 0.25rem; } .mbf-header__inner-mobile .mbf-header__search-toggle .mbf-icon { font-size: 1.25em; } .mbf-header__search-toggle .mbf-header__search-label { font-family: var(--mbf-font-menu-family), sans-serif; font-size: var(--mbf-font-menu-size); font-weight: var(--mbf-font-menu-weight); font-style: var(--mbf-font-menu-style); letter-spacing: var(--mbf-font-menu-letter-spacing); text-transform: var(--mbf-font-menu-text-transform); } .mbf-header__search-toggle .mbf-header__search-label span { display: inline; padding-bottom: 0.25em; background: linear-gradient(to right, currentColor 0%, currentColor 98%); background-size: 0px 1px; background-repeat: no-repeat; background-position: var(--mbf-underline-bg-position); color: var(--mbf-color-primary); transition: 0.25s; text-decoration: none; } .mbf-header__search-toggle:hover .mbf-header__search-label span { background-size: 100% 1px; color: var(--mbf-color-accent); } .mbf-header__search-label { display: none; } @media (min-width: 768px) { .mbf-header__search-label { display: inline-block; } } .mbf-header__info { color: var(--mbf-color-secondary); font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .mbf-navbar-smart-enabled .mbf-header { position: sticky; top: calc(var(--mbf-wpadminbar-height) - var(--mbf-header-initial-height) - 10px); } .mbf-navbar-smart-enabled .mbf-header.mbf-header-smart-visible { top: var(--mbf-wpadminbar-height); } .mbf-navbar-smart-enabled .mbf-header.mbf-scroll-sticky .mbf-header__inner { min-height: calc(var(--mbf-header-height)); } .mbf-search { display: none; position: absolute; top: calc(100% + var(--mbf-header-border-width)); left: 0; z-index: 10; width: 100%; padding: 5rem 0; background-color: var(--mbf-layout-background); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .mbf-search .mbf-container { max-width: 898px; } .mbf-search__nav-form-heading { color: var(--mbf-color-accent); font-size: 2.8125rem; text-align: center; margin-bottom: 0; } .mbf-search__nav-form { margin-top: 1rem; } .mbf-search__nav-form .mbf-search__group { display: flex; flex-direction: row; position: relative; } .mbf-search__nav-form .mbf-search__input { --mbf-input-padding-y: 0; width: 100%; margin-right: 0.5rem; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: 0.25s; } .mbf-search__nav-form .mbf-search__submit { min-width: 110px; } .mbf-search__categories-products { display: flex; flex-wrap: wrap; width: 100%; margin-top: 1.375rem; margin-bottom: 0; } .mbf-search__categories-products-item { margin-bottom: 0.375rem; } .mbf-search__categories-products-item:not(:last-child) { margin-right: 0.5rem; } .mbf-search__categories-products-item a { font-family: var(--mbf-font-secondary-family), sans-serif; font-size: var(--mbf-font-secondary-size); font-weight: var(--mbf-font-secondary-weight); font-style: var(--mbf-font-secondary-style); letter-spacing: var(--mbf-font-secondary-letter-spacing); text-transform: var(--mbf-font-secondary-text-transform); display: block; border-radius: var(--mbf-button-border-radius); background: var(--mbf-site-background); color: var(--mbf-color-accent); font-size: 0.6875rem; padding: 0.1875rem 0.6875rem; text-decoration: none; } .mbf-search__categories-products-item a:hover { background: var(--mbf-color-accent); color: var(--mbf-color-accent-contrast); } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ .mbf-footer__topbar { border-top: 1px solid var(--mbf-color-border); padding-top: 4rem; padding-bottom: 4rem; } @media (min-width: 992px) { .mbf-footer__topbar { padding-top: 6rem; padding-bottom: 6rem; } } .mbf-footer__topbar .mbf-footer__subscribe { width: 100%; max-width: 636px; margin-left: auto; margin-right: auto; } .mbf-footer__topbar .mbf-footer__subscribe .mbf-footer__subscribe-title { text-align: center; max-width: 536px; margin-left: auto; margin-right: auto; } .mbf-footer__topbar .mbf-footer__subscribe .mbf-footer__subscribe-form { margin-top: 3rem; } .mbf-footer__topbar .mbf-footer__subscribe .mbf-footer__subscribe-form-group { display: flex; align-items: center; flex-direction: row; } .mbf-footer__topbar .mbf-footer__subscribe .mbf-footer__subscribe-form-group button { width: 130px; margin-left: 0.5rem; } .mbf-footer__topbar .mbf-footer__subscribe .mbf-footer__subscribe-form-response { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); margin-top: 1rem; } .mbf-footer { background-color: var(--mbf-color-footer-background, var(--mbf-layout-background)); } .mbf-footer__item-inner { display: grid; grid-template-columns: 1fr; grid-gap: 20px; padding-top: 4rem; padding-bottom: 4rem; } @media (min-width: 768px) { .mbf-footer__item-inner { grid-template-columns: 1fr 1fr; grid-gap: 40px; } } @media (min-width: 992px) { .mbf-footer__item-inner { display: grid; grid-template-columns: 1.875fr 4fr 2fr; grid-gap: 40px; align-items: flex-start; padding-top: 5rem; padding-bottom: 5rem; } } .mbf-footer__col.mbf-col-center { order: 3; } @media (min-width: 768px) { .mbf-footer__col.mbf-col-center { grid-column: 1/-1; } } @media (min-width: 992px) { .mbf-footer__col.mbf-col-center { grid-column: initial; order: 2; } } .mbf-footer__col.mbf-col-right { order: 2; } @media (min-width: 992px) { .mbf-footer__col.mbf-col-right { order: 3; } } .mbf-footer__logo { display: block; white-space: nowrap; color: var(--mbf-color-primary); text-decoration: none; font-family: var(--mbf-font-footer-logo-family), sans-serif; font-size: var(--mbf-font-footer-logo-size); font-weight: var(--mbf-font-footer-logo-weight); font-style: var(--mbf-font-footer-logo-style); letter-spacing: var(--mbf-font-footer-logo-letter-spacing); text-transform: var(--mbf-font-footer-logo-text-transform); } .mbf-footer__logo img { display: block; max-width: inherit; width: auto; max-height: 60px; } .mbf-footer__logo.mbf-logo-dark { display: none; } @media (prefers-color-scheme: dark) { :root [data-scheme=auto] .mbf-footer__logo.mbf-logo-dark { display: block; } } [data-scheme=dark] .mbf-footer__logo.mbf-logo-dark { display: block; } @media (prefers-color-scheme: dark) { :root [data-scheme=auto] .mbf-footer__logo.mbf-logo-default { display: none; } } [data-scheme=dark] .mbf-footer__logo.mbf-logo-default { display: none; } .mbf-footer__nav-menu { width: 100%; } .mbf-footer__nav { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; width: 100%; margin-top: 1rem; } @media (min-width: 768px) { .mbf-footer__nav { grid-gap: 40px; } } @media (min-width: 992px) { .mbf-footer__nav { grid-template-columns: 1fr 1fr 1fr 1fr; } } .mbf-footer__nav > li > a { font-family: var(--mbf-font-base-family), sans-serif; font-size: var(--mbf-font-base-size); font-weight: var(--mbf-font-base-weight); font-style: var(--mbf-font-base-style); line-height: var(--mbf-font-base-line-height); letter-spacing: var(--mbf-font-base-letter-spacing); display: inline; padding-bottom: 0.25em; background: linear-gradient(to right, currentColor 0%, currentColor 98%); background-size: 0px 1px; background-repeat: no-repeat; background-position: var(--mbf-underline-bg-position); color: var(--mbf-color-primary); transition: 0.25s; text-decoration: none; } .mbf-footer__nav > li > a:hover { background-size: 100% 1px; color: var(--mbf-color-secondary); } .mbf-footer__nav > li > ul { margin: 0; padding: 0; list-style: none; margin-top: 0.4375rem; } .mbf-footer__nav > li > ul > li + li { margin-top: 0.25rem; } .mbf-footer__nav > li > ul > li > a { font-family: var(--mbf-font-base-family), sans-serif; font-size: var(--mbf-font-base-size); font-weight: var(--mbf-font-base-weight); font-style: var(--mbf-font-base-style); line-height: var(--mbf-font-base-line-height); letter-spacing: var(--mbf-font-base-letter-spacing); font-size: 0.75rem; display: inline; padding-bottom: 0.125em; background: linear-gradient(to right, var(--mbf-color-border) 0%, var(--mbf-color-border) 98%); background-size: 100% 1px; background-repeat: no-repeat; background-position: var(--mbf-underline-bg-position); color: var(--mbf-color-secondary); transition: 0.25s; text-decoration: none; } .mbf-footer__nav > li > ul > li > a:hover { background-size: 0px 1px; color: var(--mbf-color-secondary); } .mbf-footer__info { display: flex; flex-direction: column; } .mbf-footer__desc { font-family: var(--mbf-font-secondary-family), sans-serif; font-size: var(--mbf-font-secondary-size); font-weight: var(--mbf-font-secondary-weight); font-style: var(--mbf-font-secondary-style); letter-spacing: var(--mbf-font-secondary-letter-spacing); text-transform: var(--mbf-font-secondary-text-transform); max-width: 200px; margin-top: 1rem; color: var(--mbf-color-secondary); } @media (min-width: 992px) { .mbf-footer__desc { margin-top: 1.5rem; } } .mbf-footer__desc p { margin-bottom: 1rem; } .mbf-footer__desc p:last-child { margin-bottom: 0; } @media (min-width: 992px) { .mbf-footer__desc p { margin-bottom: 1.5rem; } .mbf-footer__desc p:last-child { margin-bottom: 0; } } .mbf-footer__desc a { color: var(--mbf-color-accent); text-decoration: underline; } .mbf-footer__desc a:hover { text-decoration: none; } @media (min-width: 992px) { .mbf-footer__info-promo { margin-top: 1rem; } } .mbf-footer__copyright { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); margin-top: 1rem; color: var(--mbf-color-secondary); } @media (min-width: 768px) { .mbf-footer__copyright { max-width: 200px; } } .mbf-footer__copyright a { text-decoration: underline; } .mbf-footer__copyright a:hover { text-decoration: none; } /*-------------------------------------------------------------- ## Singular --------------------------------------------------------------*/ .entry-content { font-family: var(--mbf-font-post-content-family), sans-serif; font-size: var(--mbf-font-post-content-size); letter-spacing: var(--mbf-font-post-content-letter-spacing); line-height: var(--mbf-font-post-content-line-height); } .entry-content:not(:first-child) { margin-top: 4rem; } .entry-content:after, .entry-content:before { content: ""; display: table; clear: both; } @media (min-width: 992px) { .single .mbf-entry__container { display: grid; grid-template-columns: minmax(0, var(--mbf-entry-content-width)); justify-content: center; } } @media (min-width: 992px) { .mbf-sidebar-disabled .entry-content .alignfull { width: 100vw !important; max-width: 100vw; margin: 48px 0; margin-left: calc( -50vw + 50% ); } .mbf-sidebar-disabled .entry-content .alignfull img { width: 100%; min-width: 100%; } .mbf-sidebar-disabled .entry-content .alignfull figcaption { text-align: center; } } @media (min-width: 576px) { .single .mbf-sidebar-disabled .entry-content .alignwide { width: 536px; } } @media (min-width: 768px) { .single .mbf-sidebar-disabled .entry-content .alignwide { width: 728px; } } @media (min-width: 992px) { .single .mbf-sidebar-disabled .entry-content .alignwide { width: 952px; } } @media (min-width: 1200px) { .single .mbf-sidebar-disabled .entry-content .alignwide { width: 1160px; } } @media (min-width: 1336px) { .single .mbf-sidebar-disabled .entry-content .alignwide { width: 1296px; } } @media (min-width: 576px) { .single .mbf-sidebar-disabled .entry-content .alignwide { max-width: 536px; } } @media (min-width: 768px) { .single .mbf-sidebar-disabled .entry-content .alignwide { max-width: 728px; } } @media (min-width: 992px) { .single .mbf-sidebar-disabled .entry-content .alignwide { max-width: 952px; } } @media (min-width: 1200px) { .single .mbf-sidebar-disabled .entry-content .alignwide { max-width: 1160px; } } @media (min-width: 1336px) { .single .mbf-sidebar-disabled .entry-content .alignwide { max-width: 1296px; } } .single .mbf-sidebar-disabled .entry-content .alignwide figcaption { text-align: center; } .single .mbf-sidebar-disabled .entry-content .alignwide img { width: 100%; min-width: 100%; } @media (min-width: 992px) { .single .mbf-sidebar-disabled .entry-content .alignwide { transform: translateX(calc((952px - var(--mbf-entry-content-width)) / 2 * -1)); margin: 48px 0; } } @media (min-width: 1200px) { .single .mbf-sidebar-disabled .entry-content .alignwide { transform: translateX(calc((1160px - var(--mbf-entry-content-width)) / 2 * -1)); } } @media (min-width: 1336px) { .single .mbf-sidebar-disabled .entry-content .alignwide { transform: translateX(calc((1296px - var(--mbf-entry-content-width)) / 2 * -1)); } } /*-------------------------------------------------------------- ## Sidebar --------------------------------------------------------------*/ .mbf-sidebar__area { max-width: 360px; margin: 0 auto; } .mbf-sidebar-enabled .mbf-sidebar__area { order: 2; } @media (min-width: 768px) { .mbf-sidebar__area { max-width: initial; margin: initial; } } @media (min-width: 992px) { .mbf-sidebar__area { max-width: initial; margin: initial; } .mbf-sidebar-right .mbf-sidebar__area { order: 2; } .mbf-sidebar-left .mbf-sidebar__area { order: 1; } } .mbf-sidebar__inner { -moz-column-count: 1; column-count: 1; -moz-column-gap: 40px; column-gap: 40px; } .mbf-sidebar__inner .widget { -moz-column-break-inside: avoid; break-inside: avoid; } @media (min-width: 768px) { .mbf-sidebar__inner { -moz-column-count: 2; column-count: 2; } } @media (min-width: 992px) { .mbf-sidebar__inner { -moz-column-count: 1; column-count: 1; } } .mbf-sidebar__area .widget { background-color: var(--mbf-layout-background); padding: 50px; border-radius: var(--mbf-layout-elements-border-radius); } .mbf-sidebar__area .widget:not(:last-child) { margin-bottom: 3px; } @supports (position: sticky) or (position: -webkit-sticky) { @media (min-width: 992px) { .mbf-sticky-sidebar-enabled.mbf-stick-to-top .mbf-sidebar__area { display: flex; flex-direction: column; } .mbf-sticky-sidebar-enabled.mbf-stick-to-top .mbf-sidebar__inner { position: relative; position: sticky; top: calc(var(--mbf-wpadminbar-height) + 4rem); flex: initial; transition: 0.25s; } .mbf-sticky-sidebar-enabled.mbf-stick-to-top.mbf-navbar-sticky-enabled .mbf-sidebar__inner { top: calc(var(--mbf-header-height) + var(--mbf-wpadminbar-height) + 4rem); } .mbf-sticky-sidebar-enabled.mbf-stick-to-top.mbf-navbar-smart-enabled .mbf-header-smart-visible + .mbf-site-primary .mbf-sidebar__inner { top: calc(var(--mbf-header-height) + var(--mbf-wpadminbar-height) + 4rem); } .mbf-sticky-sidebar-enabled.mbf-stick-to-bottom .mbf-sidebar__area { display: flex; flex-direction: column; } .mbf-sticky-sidebar-enabled.mbf-stick-to-bottom .mbf-sidebar__inner { position: relative; position: sticky; bottom: 2rem; margin-top: auto; flex: 0 0 auto; } .mbf-sticky-sidebar-enabled.mbf-stick-last .mbf-sidebar__inner { display: flex; flex-direction: column; height: 100%; } .mbf-sticky-sidebar-enabled.mbf-stick-last .mbf-sidebar__inner .widget:last-child { position: relative; position: sticky; top: calc(var(--mbf-wpadminbar-height) + 4rem); transition: 0.4s; } .mbf-sticky-sidebar-enabled.mbf-stick-last.mbf-navbar-sticky-enabled .mbf-sidebar__inner .widget:last-child { top: calc(var(--mbf-header-height) + var(--mbf-wpadminbar-height) + 4rem); } .mbf-sticky-sidebar-enabled.mbf-stick-last.mbf-navbar-smart-enabled .mbf-header-smart-visible + .mbf-site-primary .mbf-sidebar__inner .widget:last-child { top: calc(var(--mbf-header-height) + var(--mbf-wpadminbar-height) + 4rem); } } } @-moz-document url-prefix() { @media (min-width: 992px) { .mbf-sticky-sidebar-enabled.mbf-stick-to-bottom .mbf-sidebar__inner { top: 0; bottom: initial; margin-top: initial; flex: initial; transition: 0.25s; } } } /*-------------------------------------------------------------- ## Content --------------------------------------------------------------*/ .mbf-main-content { position: relative; display: grid; grid-auto-flow: row; row-gap: 3rem; grid-template-columns: minmax(0, 1fr); } @media (min-width: 768px) { .mbf-main-content { -moz-column-gap: 40px; column-gap: 40px; } } @media (min-width: 992px) { .mbf-main-content { -moz-column-gap: 60px; column-gap: 60px; } } @media (min-width: 1200px) { .mbf-main-content { -moz-column-gap: 80px; column-gap: 80px; } } .mbf-sidebar-disabled .mbf-main-content { grid-template-columns: minmax(0, 1fr); } .mbf-sidebar-right .mbf-main-content { grid-template-columns: minmax(0, 1fr); } @media (min-width: 992px) { .mbf-sidebar-right .mbf-main-content { grid-template-columns: minmax(0, 1fr) 360px; } } .mbf-sidebar-left .mbf-main-content { grid-template-columns: auto; } @media (min-width: 992px) { .mbf-sidebar-left .mbf-main-content { grid-template-columns: 360px minmax(0, 1fr); } } .mbf-sidebar-left .mbf-main-content .mbf-entry__container { grid-template-columns: minmax(0, 1fr); } .mbf-content-area { position: relative; font-size: var(--mbf-font-post-content-size); } .mbf-sidebar-enabled .mbf-content-area { order: 1; } @media (min-width: 992px) { .mbf-sidebar-right .mbf-content-area { order: 1; } .mbf-sidebar-left .mbf-content-area { order: 2; } } /*-------------------------------------------------------------- ## Subscribe --------------------------------------------------------------*/ .mbf-site-subscribe { padding: 60px; background-color: var(--mbf-color-contrast-50); } .mbf-footer .mbf-site-subscribe { background-color: transparent; } @media (min-width: 1200px) { .mbf-site-subscribe { padding: 4rem 0; } } .mbf-site-subscribe__item { display: flex; flex-direction: column; justify-content: space-between; } .mbf-site-subscribe__item > *:not(:last-child) { margin-right: 0; margin-bottom: 1rem; } @media (min-width: 1200px) { .mbf-site-subscribe__item { flex-direction: row; } .mbf-site-subscribe__item > *:not(:last-child) { margin-right: 120px; margin-bottom: 0; } } .mbf-site-subscribe__title { font-size: 1.375rem; } .mbf-site-subscribe__info-text { color: var(--mbf-color-secondary); } .mbf-site-subscribe__text { display: flex; flex-direction: column; text-align: center; flex: 0 1 auto; } @media (min-width: 1200px) { .mbf-site-subscribe__text { text-align: left; } } .mbf-site-subscribe__text .mbf-subscribe-text { font-family: var(--mbf-font-headings-family), sans-serif; font-weight: var(--mbf-font-headings-weight); text-transform: var(--mbf-font-headings-text-transform); line-height: var(--mbf-font-headings-line-height); letter-spacing: var(--mbf-font-headings-letter-spacing); } .mbf-site-subscribe__text .mbf-subscribe-arrow { display: none; flex: 0 0 auto; width: 6.25rem; margin-left: 90px; } @media (min-width: 1200px) { .mbf-site-subscribe__text .mbf-subscribe-arrow { display: block; } } .mbf-site-subscribe__text .mbf-subscribe-arrow img { display: block; max-width: 100%; width: auto; height: auto; } .mbf-site-subscribe__form { display: flex; flex: 1 1 auto; flex-direction: column; } @media (min-width: 1200px) { .mbf-site-subscribe__form { flex-direction: row; } } .mbf-site-subscribe__info { max-width: 100%; margin-bottom: 1rem; margin-right: 0; text-align: center; } @media (min-width: 1200px) { .mbf-site-subscribe__info { flex: 0 0 35%; max-width: 35%; margin-right: 30px; margin-bottom: 0; text-align: left; } } /*-------------------------------------------------------------- ## Posts Area --------------------------------------------------------------*/ .mbf-content-area { --mbf-post-area-align-content: flex-start; --mbf-post-area-content-padding: 0px; --mbf-post-area-content-border-radius: 0; --mbf-post-area-content-background: none; --mbf-post-area-content-border: 0px; --mbf-post-area-align-image: stretch; } .mbf-posts-area { --mbf-post-area-separator-width: 1px; --mbf-post-area-separator-color: var(--mbf-color-contrast-200); } .mbf-section-heading + .mbf-posts-area { margin-top: 1.5rem; } .mbf-posts-area-header { border-top: 1px solid var(--mbf-color-border); padding-top: 2rem; margin-top: 3rem; margin-bottom: 1rem; } @media (min-width: 768px) { .mbf-posts-area-header { padding-top: 2.5rem; margin-top: 4rem; } } .mbf-posts-area-header .mbf-posts-area-header-label { font-family: var(--mbf-font-secondary-family), sans-serif; font-size: var(--mbf-font-secondary-size); font-weight: var(--mbf-font-secondary-weight); font-style: var(--mbf-font-secondary-style); letter-spacing: var(--mbf-font-secondary-letter-spacing); text-transform: var(--mbf-font-secondary-text-transform); font-size: 1.25rem; } .mbf-posts-area__main { --mbf-posts-area-grid-columns: 1; --mbf-posts-area-grid-row-gap: 40px; --mbf-posts-area-grid-column-gap: 1.5rem; display: grid; grid-row-gap: var(--mbf-posts-area-grid-row-gap); grid-column-gap: var(--mbf-posts-area-grid-column-gap); grid-template-columns: repeat(var(--mbf-posts-area-grid-columns), minmax(0, 1fr)); } .mbf-posts-area__main .mbf-entry__title { font-size: var(--mbf-entry-title-font-size, 1.25rem); } .mbf-posts-area__list .mbf-entry__outer { display: flex; flex-direction: column; } @media (min-width: 768px) { .mbf-posts-area__list .mbf-entry__outer { flex-direction: row; } } .mbf-posts-area__list .mbf-entry__thumbnail { width: 100%; } @media (max-width: 1199.98px) { .mbf-posts-area__list .mbf-entry__thumbnail img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .mbf-posts-area__list .mbf-entry__thumbnail.mbf-entry__overlay { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } @media (min-width: 768px) { .mbf-posts-area__list .mbf-entry__thumbnail { flex: 0 0 250px; max-width: 250px; } .mbf-posts-area__list .mbf-entry__thumbnail img { border-top-right-radius: 0; border-bottom-right-radius: 0; } .mbf-posts-area__list .mbf-entry__thumbnail.mbf-entry__overlay { border-top-right-radius: 0; border-bottom-right-radius: 0; } } .mbf-posts-area__list .mbf-entry__content { background-color: var(--mbf-layout-background); display: flex; flex-direction: column; width: 100%; padding: 20px; flex: 1; } @media (max-width: 1199.98px) { .mbf-posts-area__list .mbf-entry__content { border-bottom-left-radius: var(--mbf-layout-elements-border-radius); border-bottom-right-radius: var(--mbf-layout-elements-border-radius); } } .mbf-posts-area__list .mbf-entry__content:only-child { border-radius: var(--mbf-layout-elements-border-radius); } .mbf-posts-area__list .mbf-entry__content > * { width: 100%; } .mbf-posts-area__list .mbf-entry__content:not(:first-child) { margin-top: 0; } .mbf-posts-area__list .mbf-entry__content .mbf-entry__title, .mbf-posts-area__list .mbf-entry__content .mbf-entry__excerpt { max-width: 500px; } .mbf-posts-area__list .mbf-entry__content .mbf-entry__post-meta:not(:first-child) { margin-top: auto; padding-top: 1rem; } @media (min-width: 768px) { .mbf-posts-area__list .mbf-entry__content { flex: 0 0 calc(100% - 250px); max-width: calc(100% - 250px); border-top-right-radius: var(--mbf-layout-elements-border-radius); border-bottom-right-radius: var(--mbf-layout-elements-border-radius); } .mbf-posts-area__list .mbf-entry__content:only-child { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { .mbf-posts-area__list .mbf-entry__content { padding: 40px; } } .mbf-posts-area__grid .mbf-entry__outer { display: flex; flex-direction: column; height: 100%; } .mbf-posts-area__grid .mbf-entry__thumbnail { width: 100%; } .mbf-posts-area__grid .mbf-entry__thumbnail img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .mbf-posts-area__grid .mbf-entry__thumbnail.mbf-entry__overlay { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .mbf-posts-area__grid .mbf-entry__content { display: flex; flex-direction: column; width: 100%; padding: 20px; flex: 1; border-bottom-left-radius: var(--mbf-layout-elements-border-radius); border-bottom-right-radius: var(--mbf-layout-elements-border-radius); background-color: var(--mbf-layout-background); } .mbf-posts-area__grid .mbf-entry__content:only-child { border-radius: var(--mbf-layout-elements-border-radius); } .mbf-posts-area__grid .mbf-entry__content > * { width: 100%; } .mbf-posts-area__grid .mbf-entry__content:not(:first-child) { margin-top: 0; } .mbf-posts-area__grid .mbf-entry__content .mbf-entry__post-meta:not(:first-child) { margin-top: auto; padding-top: 1rem; } @media (min-width: 992px) { .mbf-posts-area__full { --mbf-entry-title-font-size: 1.625rem; } } @media (min-width: 1200px) { .mbf-posts-area__full { --mbf-entry-title-font-size: 1.875rem; } } .mbf-posts-area__full .mbf-entry__header { margin-bottom: 0; } .mbf-posts-area__full .mbf-entry__header-info, .mbf-posts-area__full .mbf-entry__container { max-width: var(--mbf-entry-content-width); margin-left: auto; margin-right: auto; } .mbf-posts-area__full .mbf-entry__header-info:not(:only-child) { margin-bottom: 3rem; } .mbf-posts-area__full .mbf-entry__wrap { margin-top: 1rem; } .mbf-posts-area__full .mbf-entry-type-summary { margin-top: 2rem; } @media (min-width: 992px) { .mbf-posts-area__full .mbf-entry-type-summary { font-size: 1.5rem; } } .mbf-posts-area__full .more-link { border: var(--mbf-button-border-width, 1px) solid var(--mbf-color-button-border); background-color: var(--mbf-color-button); color: var(--mbf-color-button-contrast); position: relative; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; line-height: 1rem; transition: 0.25s; box-shadow: none; overflow: hidden; cursor: pointer; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); text-transform: capitalize; padding: calc(var(--mbf-button-padding-y, 0.875rem) - var(--mbf-button-border-width, 1px)) var(--mbf-button-padding-x, 1.25rem); border-radius: var(--mbf-button-border-radius); font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); margin-top: 0; } .mbf-posts-area__full .more-link:focus, .mbf-posts-area__full .more-link:hover { border-color: var(--mbf-color-button-hover-border); background-color: var(--mbf-color-button-hover); color: var(--mbf-color-button-hover-contrast); outline: none; } .mbf-posts-area__full .more-link:disabled, .mbf-posts-area__full .more-link:disabled[disabled] { color: var(--mbf-color-button-contrast); opacity: 0.5; padding: calc(var(--mbf-button-padding-y, 0.875rem) - var(--mbf-button-border-width, 1px)) var(--mbf-button-padding-x, 1.25rem); } .mbf-posts-area__full .more-link:disabled:hover, .mbf-posts-area__full .more-link:disabled[disabled]:hover { border-color: var(--mbf-color-button-border); background-color: var(--mbf-color-button); color: var(--mbf-color-button-contrast); } /*-------------------------------------------------------------- ## Search Form --------------------------------------------------------------*/ .mbf-search__form:not(:first-child) { margin-top: 1.5rem; } .mbf-search__form .mbf-search__group { display: flex; flex-direction: row; position: relative; } .mbf-search__form .mbf-search__input { --mbf-input-padding-y: 0; width: 100%; margin-right: 0.5rem; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: 0.25s; } .mbf-search__form .mbf-search__submit { min-width: 110px; } /*-------------------------------------------------------------- ## Entry --------------------------------------------------------------*/ body { counter-reset: number-post; } .mbf-entry__wrap:not(:first-child) { margin-top: 2rem; } .page-template-template-medium-width .mbf-entry__wrap { max-width: var(--mbf-entry-content-width); margin-left: auto; margin-right: auto; } .mbf-entry__inner:not(:first-child) { margin-top: 1.5rem; } .mbf-entry__content { position: relative; width: 100%; max-width: var(--mbf-entry-content-width); margin-left: auto; margin-right: auto; } .mbf-entry__thumbnail a { display: block; width: 100%; height: 100%; } .mbf-entry__thumbnail img { width: 100%; border-radius: var(--mbf-thumbnail-border-radius); } .mbf-entry__thumbnail.mbf-entry__overlay { border-radius: var(--mbf-thumbnail-border-radius); transform: translate3d(0, 0, 0); overflow: hidden; } .mbf-entry__title { margin-top: 0; margin-bottom: 0; font-family: var(--mbf-font-base-family), sans-serif; font-size: var(--mbf-font-base-size); font-weight: var(--mbf-font-base-weight); font-style: var(--mbf-font-base-style); line-height: var(--mbf-font-base-line-height); letter-spacing: var(--mbf-font-base-letter-spacing); font-weight: initial; } .mbf-entry__title:not(:first-child) { margin-top: 0.5rem; } .mbf-entry__title a { display: block; text-decoration: none; } .mbf-entry__title a span { display: inline; padding-bottom: 0.05em; background: linear-gradient(to right, currentColor 0%, currentColor 98%); background-size: 100% 1px; background-repeat: no-repeat; background-position: var(--mbf-underline-bg-position); color: var(--mbf-color-primary); transition: 0.25s; text-decoration: none; } .mbf-entry__title a:hover span { background-size: 0px 1px; color: var(--mbf-color-primary); } .mbf-entry__excerpt { font-family: var(--mbf-font-entry-excerpt-family), sans-serif; font-size: var(--mbf-font-entry-excerpt-size); font-weight: var(--mbf-font-entry-excerpt-weight); letter-spacing: var(--mbf-font-entry-excerpt-letter-spacing); line-height: var(--mbf-font-entry-excerpt-line-height); color: var(--mbf-color-excerpt, var(--mbf-color-secondary)); } .mbf-entry__excerpt:not(:first-child) { margin-top: 0.5rem; } .mbf-entry__subtitle { font-family: var(--mbf-font-post-subtitle-family), sans-serif; font-size: var(--mbf-font-post-subtitle-size); letter-spacing: var(--mbf-font-post-subtitle-letter-spacing); } .mbf-entry__subtitle:not(:first-child) { margin-top: 1.5rem; } .mbf-entry__summary { color: var(--mbf-color-contrast-800); font-size: 1.5rem; } .mbf-entry__summary:not(:first-child) { margin-top: 1rem; } .mbf-entry__category { display: flex; align-items: center; flex-wrap: wrap; background: none; font-family: var(--mbf-font-category-family), sans-serif; font-size: var(--mbf-font-category-size); font-weight: var(--mbf-font-category-weight); font-style: var(--mbf-font-category-style); letter-spacing: var(--mbf-font-category-letter-spacing); text-transform: var(--mbf-font-category-text-transform); } .mbf-entry__category:not(:first-child) { margin-top: 1.25rem; } .mbf-entry__category .post-categories { margin: 0; padding: 0; list-style: none; display: inline-block; } .mbf-entry__category .post-categories li { display: inline-block; } .mbf-entry__category li { margin-bottom: 10px; } .mbf-entry__category li:not(:last-child) { margin-right: 10px; } .mbf-entry__category li a { display: inline-flex; align-items: center; justify-content: center; padding: 1px 5px; background: var(--mbf-color-primary); color: var(--mbf-color-primary-contrast); border-radius: var(--mbf-thumbnail-border-radius); transition: 0.25s; text-decoration: none; } .mbf-entry__category li a:hover { text-decoration: none; background: var(--mbf-color-secondary); color: var(--mbf-color-secondary-contrast); } .mbf-entry__overlay .mbf-entry__excerpt { color: var(--mbf-color-contrast-800); z-index: 1; } .mbf-entry__author-meta { display: flex; align-items: center; flex-wrap: wrap; } .mbf-entry__author-meta a { position: relative; color: var(--mbf-color-meta-links, var(--mbf-color-primary)); font-weight: 500; } .mbf-entry__author-meta a:hover { color: var(--mbf-color-meta-links-hover, var(--mbf-color-secondary)); } .mbf-entry__author-meta a:not(:last-child) { margin-right: 10px; padding-right: 10px; } .mbf-entry__author-meta a:not(:last-child):before { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 2px; border-radius: 50%; background-color: var(--mbf-color-meta, var(--mbf-color-secondary)); } .mbf-entry .mbf-overlay-content .read-more { width: auto; height: auto; margin-top: auto; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .mbf-entry.sticky .mbf-entry__title a:before { font-family: "mbf-icons"; margin-right: 0.25rem; content: ""; } .wp-block-columns { counter-reset: number-post; } .mbf-entry__header { position: relative; } .mbf-entry__header:not(:last-child) { margin-bottom: 2.5rem; } .page-template-template-medium-width .mbf-entry__header { max-width: var(--mbf-entry-content-width); margin-left: auto; margin-right: auto; } .mbf-entry__header .mbf-entry__header-inner { width: 100%; z-index: 1; } .mbf-entry__header .mbf-entry__header-title { color: var(--mbf-color-accent); margin-bottom: 0; word-wrap: break-word; } .mbf-entry__header .mbf-entry__header-title:not(:first-child) { margin-top: 1rem; } .mbf-entry__header .mbf-entry__header-excerpt { color: var(--mbf-color-secondary); } .mbf-entry__header .mbf-entry__header-excerpt:not(:first-child) { margin-top: 1rem; } .mbf-entry__header .mbf-entry__post-meta:not(:first-child) { margin-top: 1rem; } .single .mbf-entry__header { margin-top: 1rem; } @media (min-width: 768px) { .single .mbf-entry__header { margin-top: 2rem; } } @media (min-width: 768px) { .single .mbf-entry__header { margin-top: 3rem; } } @media (min-width: 992px) { .single .mbf-entry__header { margin-top: 4rem; } } .single .mbf-entry__header .mbf-entry__header-inner { max-width: var(--mbf-entry-content-width); margin: 0 auto; text-align: center; } .single .mbf-entry__header .mbf-entry__header-title { font-size: 1.875rem; } @media (min-width: 768px) { .single .mbf-entry__header .mbf-entry__header-title { font-size: 2.8125rem; } } .mbf-entry__header-standard .mbf-entry__post-meta { justify-content: center; } .mbf-entry__header-standard .mbf-entry__media { margin-top: 2rem; } .mbf-entry__header-standard .mbf-entry__media img { border-radius: var(--mbf-thumbnail-border-radius); } .mbf-entry__header-standard .mbf-entry__media-inner { text-align: center; } .page-template-template-split-header .mbf-header { --mbf-header-border-width: 0; } .page-template-template-split-header .mbf-site-content { margin-top: 0; } .page-template-template-split-header .mbf-entry__header-standard { background-color: var(--mbf-layout-background); display: grid; grid-template-columns: 1fr; gap: 0; width: 100vw; max-width: 100vw; margin-left: calc( -50vw + 50% ); } @media (min-width: 768px) { .page-template-template-split-header .mbf-entry__header-standard { grid-template-columns: 1fr 1fr; } } .page-template-template-split-header .mbf-entry__header-standard .mbf-entry__header-inner { width: 100%; padding-top: 3rem; padding-bottom: 3rem; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .page-template-template-split-header .mbf-entry__header-standard .mbf-entry__header-inner { padding-top: 4rem; padding-bottom: 4rem; } } @media (min-width: 1200px) { .page-template-template-split-header .mbf-entry__header-standard .mbf-entry__header-inner { padding-top: 6rem; padding-bottom: 6rem; } } @media (min-width: 576px) { .page-template-template-split-header .mbf-entry__header-standard .mbf-entry__header-inner { max-width: 576px; } } @media (min-width: 768px) { .page-template-template-split-header .mbf-entry__header-standard .mbf-entry__header-inner { max-width: calc(768px / 2); margin-left: auto; margin-right: initial; } } @media (min-width: 992px) { .page-template-template-split-header .mbf-entry__header-standard .mbf-entry__header-inner { max-width: calc(992px / 2); padding-right: 40px; } } @media (min-width: 1200px) { .page-template-template-split-header .mbf-entry__header-standard .mbf-entry__header-inner { max-width: calc(1200px / 2); } } @media (min-width: 1336px) { .page-template-template-split-header .mbf-entry__header-standard .mbf-entry__header-inner { max-width: calc(1336px / 2); } } .page-template-template-split-header .mbf-entry__header-standard .mbf-entry__header-title { color: var(--mbf-color-accent); font-size: 1.875rem; } @media (min-width: 768px) { .page-template-template-split-header .mbf-entry__header-standard .mbf-entry__header-title { font-size: 2.8125rem; } } @media (min-width: 1200px) { .page-template-template-split-header .mbf-entry__header-standard .mbf-entry__header-title { font-size: 3.75rem; } } .page-template-template-split-header .mbf-entry__header-standard .mbf-entry__header-title:not(:only-child) { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); color: var(--mbf-color-primary); font-size: 0.6875rem; text-transform: uppercase; } .page-template-template-split-header .mbf-entry__header-standard .mbf-entry__header-excerpt { font-family: var(--mbf-font-headings-family), sans-serif; font-weight: var(--mbf-font-headings-weight); text-transform: var(--mbf-font-headings-text-transform); line-height: var(--mbf-font-headings-line-height); letter-spacing: var(--mbf-font-headings-letter-spacing); margin-top: 3rem; color: var(--mbf-color-primary); font-size: 1.875rem; } @media (min-width: 768px) { .page-template-template-split-header .mbf-entry__header-standard .mbf-entry__header-excerpt { margin-top: 6rem; font-size: 2.8125rem; line-height: 1.1; } } @media (min-width: 992px) { .page-template-template-split-header .mbf-entry__header-standard .mbf-entry__header-excerpt { margin-top: 10rem; } } @media (min-width: 1200px) { .page-template-template-split-header .mbf-entry__header-standard .mbf-entry__header-excerpt { margin-top: 15rem; font-size: 3.75rem; } } .page-template-template-split-header .mbf-entry__header-standard .mbf-entry__media { position: relative; margin-top: 0; min-height: clamp(300px, 50vw, 400px); border-radius: 0; } @media (min-width: 768px) { .page-template-template-split-header .mbf-entry__header-standard .mbf-entry__media { min-height: initial; } } .page-template-template-split-header .mbf-entry__header-standard .mbf-entry__media-inner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .page-template-template-split-header .mbf-entry__header-standard .mbf-entry__media-inner img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 0; } .mbf-entry__footer { border-top: 1px solid var(--mbf-color-border); border-bottom: 1px solid var(--mbf-color-border); padding-top: 2.25rem; padding-bottom: 2.25rem; } .mbf-entry__footer:not(:first-child) { margin-top: 3rem; } @media (min-width: 992px) { .mbf-entry__footer:not(:first-child) { margin-top: 4rem; } } .mbf-entry__footer .mbf-entry__footer_inner { display: flex; align-items: center; flex-wrap: wrap; max-width: var(--mbf-entry-content-width); margin-left: auto; margin-right: auto; } .mbf-entry__footer .mbf-entry__footer_item { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); display: flex; align-items: center; } .mbf-entry__footer .mbf-entry__footer_item:not(:last-child) { position: relative; margin-right: 1rem; } @media (min-width: 768px) { .mbf-entry__footer .mbf-entry__footer_item:first-child { margin-right: 2rem; } .mbf-entry__footer .mbf-entry__footer_item:first-child:after { background-color: var(--mbf-color-border); position: absolute; top: 0; right: -1rem; width: 1px; height: 17px; content: ""; } } .mbf-entry__footer .mbf-entry__footer_item .mbf-entry__post-meta .mbf-meta-author .mbf-meta-author-link { color: var(--mbf-color-primary); } .mbf-entry__footer .mbf-entry__footer_item .mbf-entry__post-meta .mbf-meta-author .mbf-meta-author-link:hover { color: var(--mbf-color-secondary); } @media (min-width: 768px) { .mbf-entry__footer .mbf-entry__footer_item-author { margin-left: auto; } } .mbf-entry__footer .mbf-entry__footer-title { color: var(--mbf-color-primary); } .mbf-entry__footer .mbf-entry__footer-value { margin-left: 0.25rem; color: var(--mbf-color-secondary); } .mbf-entry__post-meta { display: flex; align-items: center; flex-wrap: wrap; transition: 0.25s; color: var(--mbf-color-meta, var(--mbf-color-secondary)); font-family: var(--mbf-font-post-meta-family), sans-serif; font-size: var(--mbf-font-post-meta-size); font-weight: var(--mbf-font-post-meta-weight); font-style: var(--mbf-font-post-meta-style); letter-spacing: var(--mbf-font-post-meta-letter-spacing); text-transform: var(--mbf-font-post-meta-text-transform); } .mbf-entry__post-meta:not(:first-child) { margin-top: 1rem; } .mbf-entry__post-meta a { color: var(--mbf-color-meta-links, var(--mbf-color-secondary)); font-size: inherit; transition: 0.25s; } .mbf-entry__post-meta a:hover { color: var(--mbf-color-meta-links-hover, var(--mbf-color-primary)); } .mbf-entry__post-meta > * { display: flex; } .mbf-entry__post-meta > *:not(:last-child) { position: relative; margin-right: 20px; } .mbf-entry__post-meta > *:not(:last-child):after { background-color: var(--mbf-color-border); position: absolute; top: 0; right: -10px; width: 1px; height: 17px; content: ""; } .mbf-entry__post-meta .mbf-meta-icon { display: flex; align-items: center; margin-right: 4px; } .mbf-entry__post-meta .mbf-meta-author { display: flex; align-items: center; flex-wrap: wrap; } .mbf-entry__post-meta .mbf-meta-author .mbf-meta-author-by { margin-right: 2.5px; } .mbf-entry__post-meta .mbf-meta-author .mbf-meta-author-link { display: inline; padding-bottom: 0; background: linear-gradient(to right, currentColor 0%, currentColor 98%); background-size: 100% 1px; background-repeat: no-repeat; background-position: var(--mbf-underline-bg-position); color: var(--mbf-color-secondary); transition: 0.25s; text-decoration: none; display: flex; align-items: center; text-decoration: none; } .mbf-entry__post-meta .mbf-meta-author .mbf-meta-author-link:hover { background-size: 0px 1px; color: var(--mbf-color-primary); } .mbf-entry__post-meta .mbf-meta-category { display: flex; align-items: center; flex-wrap: wrap; background: none; } .mbf-entry__post-meta .mbf-meta-category .post-categories { margin: 0; padding: 0; list-style: none; display: inline-block; } .mbf-entry__post-meta .mbf-meta-category .post-categories li { display: inline-block; } .mbf-entry__post-meta .mbf-meta-category .post-categories li { position: relative; line-height: 1; } .mbf-entry__post-meta .mbf-meta-category .post-categories li a { position: relative; text-decoration: none; z-index: 2; display: inline; padding-bottom: 0; background: linear-gradient(to right, currentColor 0%, currentColor 98%); background-size: 100% 1px; background-repeat: no-repeat; background-position: var(--mbf-underline-bg-position); color: var(--mbf-color-secondary); transition: 0.25s; text-decoration: none; } .mbf-entry__post-meta .mbf-meta-category .post-categories li a:hover { background-size: 0px 1px; color: var(--mbf-color-primary); } .mbf-entry__post-meta .mbf-meta-category .post-categories li:not(:first-child) { margin-left: 0.125em; } .mbf-entry__post-meta .mbf-meta-category .post-categories li:not(:last-child):after { content: ","; } .mbf-entry__post-meta .mbf-meta-comments { display: flex; align-items: center; } .mbf-entry__post-meta .mbf-meta-comments .mbf-icon-comments { font-size: 1.4em; } .mbf-entry-format { position: absolute; left: 10px; bottom: 10px; z-index: 3; } .mbf-entry-format > a.mbf-format-icon { position: relative; display: flex; justify-content: center; align-items: center; transition: 0.25s; color: #ffffff; } .mbf-entry-format > a.mbf-format-icon:after { position: relative; width: auto; font-family: "mbf-icons"; font-weight: normal; font-style: normal; font-size: 1rem; opacity: 1; } .mbf-entry-format .mbf-format-image:after { content: ""; } .mbf-entry-format .mbf-format-video:after { content: ""; } .mbf-entry-format .mbf-format-audio:after { content: ""; } .mbf-entry-format .mbf-format-gallery:after { content: ""; } .mbf-entry-format .mbf-format-link:after { content: ""; } .mbf-entry-format .mbf-format-quote:after { content: ""; } .mbf-entry-format .mbf-format-status:after { content: ""; } .mbf-entry-format .mbf-format-aside:after { content: ""; } .mbf-entry-format .mbf-format-chat:after { content: ""; } .mbf-entry__prev-next { padding-top: 4rem; padding-bottom: 4rem; } .mbf-entry__prev-next:last-child { margin-bottom: calc(-4rem - 1px); } @media (min-width: 768px) { .mbf-entry__prev-next:last-child { margin-bottom: calc(-6rem - 1px); } } @media (min-width: 992px) { .mbf-entry__prev-next:last-child { margin-bottom: calc(-8rem - 1px); } } .mbf-entry__prev-next-inner { display: flex; flex-direction: column; max-width: calc(var(--mbf-entry-content-width) + 40px); padding-right: 20px; padding-left: 20px; margin: 0 auto; } @media (min-width: 992px) { .mbf-entry__prev-next-inner { flex-direction: row; } } .mbf-entry__prev-next-inner .mbf-entry__title { font-family: var(--mbf-font-base-family), sans-serif; font-size: var(--mbf-font-base-size); font-weight: var(--mbf-font-base-weight); font-style: var(--mbf-font-base-style); line-height: var(--mbf-font-base-line-height); letter-spacing: var(--mbf-font-base-letter-spacing); } .mbf-entry__prev-next-inner .mbf-entry__title span { display: inline; padding-bottom: 0.05em; background: linear-gradient(to right, currentColor 0%, currentColor 98%); background-size: 100% 1px; background-repeat: no-repeat; background-position: var(--mbf-underline-bg-position); color: var(--mbf-color-primary); transition: 0.25s; text-decoration: none; } .mbf-entry__prev-next-inner .mbf-entry { background: var(--mbf-layout-background); padding: 10px; border-radius: var(--mbf-layout-elements-border-radius); } .mbf-entry__prev-next-inner .mbf-entry:not(:first-child) { margin-top: 1rem; } .mbf-entry__next .mbf-entry__prev-next-inner .mbf-entry { justify-content: flex-end; } @media (min-width: 992px) { .mbf-entry__next .mbf-entry__prev-next-inner .mbf-entry { justify-content: flex-start; } } .mbf-entry__prev-next-inner .mbf-entry__outer { display: flex; } .mbf-entry__prev-next-inner .mbf-entry__thumbnail { flex: none; align-self: flex-start; width: 68px; overflow: hidden; border-radius: var(--mbf-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--mbf-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--mbf-thumbnail-border-radius)); transform: translate3d(0, 0, 0); } .mbf-entry__prev-next-inner .mbf-entry__thumbnail img { display: block; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 0; } .mbf-entry__prev-next-inner .mbf-entry__content { margin-top: 0; } .mbf-entry__prev-next-inner .mbf-entry__post-meta { font-family: var(--mbf-font-secondary-family), sans-serif; font-size: var(--mbf-font-secondary-size); font-weight: var(--mbf-font-secondary-weight); font-style: var(--mbf-font-secondary-style); letter-spacing: var(--mbf-font-secondary-letter-spacing); text-transform: var(--mbf-font-secondary-text-transform); margin-top: 0.5rem; font-size: 0.6875rem; } .mbf-entry__next .mbf-entry__content:not(:first-child), .mbf-entry__prev .mbf-entry__content:not(:first-child) { margin-left: 16px; } .mbf-entry__prev-next-item { position: relative; flex: 1; transition: 0.25s; } .mbf-entry__prev-next-item:last-child { margin-top: 1.5rem; } .mbf-entry__prev-next-item:only-child { margin-top: 0; } @media (min-width: 992px) { .mbf-entry__prev-next-item { max-width: 50%; } .mbf-entry__prev-next-item:first-child { padding-right: 10px; margin-top: 0; } .mbf-entry__prev-next-item:last-child { padding-left: 10px; margin-top: 0; } .mbf-entry__prev-next-item:only-child { margin-top: 0; padding-left: 0; padding-right: 0; border: none; max-width: 100%; } } @media (min-width: 1200px) { .mbf-entry__prev-next-item:only-child { padding-left: 0; padding-right: 0; } } .mbf-entry__prev-next-item a:not(.mbf-entry__prev-next-link) { position: relative; z-index: 2; } .mbf-entry__prev-next-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .mbf-entry__prev-next-link:hover ~ .mbf-entry .mbf-entry__title span { background-size: 0px 1px; color: var(--mbf-color-primary); } .mbf-entry__prev-next-label { display: flex; align-items: center; } .mbf-entry__prev-next-text { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); font-size: 0.6875rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mbf-color-secondary); } .mbf-entry__prev .mbf-entry__prev-next-text:not(:first-child) { margin-left: 10px; } .mbf-entry__next .mbf-entry__prev-next-text { order: 0; } .mbf-entry__next .mbf-entry__prev-next-text:not(:first-child) { margin-right: 10px; } .mbf-entry__comments { background: var(--mbf-layout-background); width: 100vw !important; max-width: 100vw; margin-left: calc( -50vw + 50% ); } .mbf-entry__comments:last-child { margin-bottom: calc(-4rem - 1px); } @media (min-width: 768px) { .mbf-entry__comments:last-child { margin-bottom: calc(-6rem - 1px); } } @media (min-width: 992px) { .mbf-entry__comments:last-child { margin-bottom: calc(-8rem - 1px); } } .mbf-entry__comments:not(:first-child) { margin-top: 3rem; } @media (min-width: 768px) { .mbf-entry__comments:not(:first-child) { margin-top: 4rem; } } .mbf-entry__prev-next + .mbf-entry__comments { margin-top: 0; } .mbf-entry__comments .mbf-entry__comments-inner { padding: 40px 0; } @media (min-width: 768px) { .mbf-entry__comments .mbf-entry__comments-inner { padding: 70px 0; } } .single .mbf-entry__comments .mbf-entry__comments-inner { max-width: var(--mbf-entry-content-width); margin: 0 auto; } .mbf-entry__comments .says { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .comment-content { color: var(--mbf-color-primary); margin-top: 0.5rem; } .comment-content > * { margin-top: 32px; margin-bottom: 32px; } @media (min-width: 576px) { .comment-content > * { margin-top: 32px; margin-bottom: 32px; } } .comment-content > *:first-child { margin-top: 0; } .comment-content > *:last-child { margin-bottom: 0; } .title-comment-reply { display: flex; align-items: center; } .title-comment-reply a { position: relative; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-left: 8px; color: transparent; overflow: hidden; transition: 0.25s; } .title-comment-reply a:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--mbf-color-primary); font-family: "mbf-icons"; content: ""; line-height: 1; transition: 0.25s; } .title-comment-reply a:hover:after { color: var(--mbf-color-secondary); } .comment-list-title { margin-bottom: 1.5rem; } .comment-list { padding: 0; margin: 0; list-style: none; } .comment-list > li:first-child > .comment-body { border-top: none; } .comment-list .comment-body { display: block; padding: 20px 0; } .comment-list .comment-body > .reply { margin-top: 1rem; } .comment-list .comment-edit-link { color: var(--mbf-color-secondary); transition: 0.25s; margin-left: 0.25rem; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .comment-list .comment-edit-link:hover { color: var(--mbf-color-primary); } .comment-list .comment-author .says { display: none; } .comment-list .comment-author b { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .comment-list .comment-author a { color: var(--mbf-color-secondary); text-decoration: none; } .comment-list .comment-author a:hover { color: var(--mbf-color-primary); } .comment-list .byuser .comment-author b { display: inline-flex; align-items: center; position: relative; } .comment-list .children { margin: 0; padding-left: 20px; list-style: none; } @media (min-width: 992px) { .comment-list .children { padding-left: 40px; } } .comment-list .children .children .children .children .children .children { padding-left: 0; } @media (min-width: 992px) { .comment-list .children .children .children .children .children .children { padding-left: 0; } } .comment-meta { font-family: var(--mbf-font-post-meta-family), sans-serif; font-size: var(--mbf-font-post-meta-size); font-weight: var(--mbf-font-post-meta-weight); font-style: var(--mbf-font-post-meta-style); letter-spacing: var(--mbf-font-post-meta-letter-spacing); text-transform: var(--mbf-font-post-meta-text-transform); position: relative; display: flex; flex-wrap: wrap; } .comment-meta:after { content: ""; display: block; clear: both; } .comment-meta time { font-family: var(--mbf-font-post-meta-family), sans-serif; font-size: var(--mbf-font-post-meta-size); font-weight: var(--mbf-font-post-meta-weight); font-style: var(--mbf-font-post-meta-style); letter-spacing: var(--mbf-font-post-meta-letter-spacing); text-transform: var(--mbf-font-post-meta-text-transform); color: var(--mbf-color-secondary); } .comment-metadata { font-family: var(--mbf-font-post-meta-family), sans-serif; font-size: var(--mbf-font-post-meta-size); font-weight: var(--mbf-font-post-meta-weight); font-style: var(--mbf-font-post-meta-style); letter-spacing: var(--mbf-font-post-meta-letter-spacing); text-transform: var(--mbf-font-post-meta-text-transform); display: flex; flex-wrap: wrap; } .comment-metadata > * { display: flex; align-items: center; } .comment-metadata > *:before { margin: 0 0.5rem; content: ""; } .comment-metadata > a { color: var(--mbf-color-secondary); text-decoration: none; } .comment-metadata > a:hover { color: var(--mbf-color-primary); } .comment-author { display: flex; } .comment-author .avatar { position: absolute; left: 0; top: 0; width: 60px; height: 60px; border-radius: var(--mbf-avatar-border-radius); display: none; } .comment-author .says { display: none; } .comment-author .fn { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .comment-reply-link { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); position: relative; display: inline; padding-bottom: 0.25em; background: linear-gradient(to right, currentColor 0%, currentColor 98%); background-size: 100% 1px; background-repeat: no-repeat; background-position: var(--mbf-underline-bg-position); color: var(--mbf-color-secondary); transition: 0.25s; text-decoration: none; } .comment-reply-link:hover { background-size: 0px 1px; color: var(--mbf-color-primary); } .comment-reply-link:after { position: absolute; top: 0; right: -1rem; font-size: 1em; font-family: "mbf-icons"; content: ""; } .comment-reply-title { color: var(--mbf-color-accent); } @media (min-width: 768px) { .comment-reply-title { font-size: 1.375rem; } } #cancel-comment-reply-link { margin-left: 0.5rem; color: var(--mbf-color-primary); text-decoration: none; } #cancel-comment-reply-link:hover { color: var(--mbf-color-secondary); } .comment-navigation + .comment-respond, .comment-list + .comment-respond { margin-top: 2rem; } .comment-respond { background: var(--mbf-site-background); padding: 40px; border-radius: var(--mbf-layout-elements-border-radius); } .comment-form { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 1rem; } .comment-form .required { color: #F00F00; } .comment.bypostauthor { outline: none; } .comment-notes, .comment-form-comment, .logged-in-as { flex: 0 0 100%; max-width: 100%; position: relative; width: 100%; margin-bottom: 1.5rem; } .comment-notes a, .comment-form-comment a, .logged-in-as a { text-decoration: underline; } .comment-notes a:hover, .comment-form-comment a:hover, .logged-in-as a:hover { text-decoration: none; } .comment-form-author, .comment-form-email, .comment-form-url { flex: 0 0 100%; max-width: 100%; position: relative; width: 100%; margin-bottom: 1.5rem; } @media (min-width: 992px) { .comment-form-author, .comment-form-email, .comment-form-url { flex: 0 0 31.5%; max-width: 31.5%; } } .comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags { font-family: var(--mbf-font-base-family), sans-serif; font-size: var(--mbf-font-base-size); font-weight: var(--mbf-font-base-weight); font-style: var(--mbf-font-base-style); line-height: var(--mbf-font-base-line-height); letter-spacing: var(--mbf-font-base-letter-spacing); color: var(--mbf-color-secondary); margin-bottom: 1.5rem; } .form-submit { margin-bottom: 0; } .no-comments { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); margin-top: 1rem; padding: 10px; background: var(--mbf-color-contrast-50); } .comment-form-cookies-consent { font-family: var(--mbf-font-secondary-family), sans-serif; font-size: var(--mbf-font-secondary-size); font-weight: var(--mbf-font-secondary-weight); font-style: var(--mbf-font-secondary-style); letter-spacing: var(--mbf-font-secondary-letter-spacing); text-transform: var(--mbf-font-secondary-text-transform); display: flex; align-items: flex-start; color: var(--mbf-color-secondary); } .comment-form-cookies-consent input { margin-right: 0.25em; } .comment-form-cookies-consent label { transform: translateY(-0.25em); } .logged-in-as a { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .logged-in-as a:hover { color: var(--mbf-color-secondary); text-decoration: none; } .mbf-entry__tags { margin-top: 1rem; } .mbf-entry__tags ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; max-width: var(--mbf-entry-content-width); margin-left: auto; margin-right: auto; } .mbf-entry__tags ul li:not(:last-child) { margin-right: 0.5rem; } .mbf-entry__tags ul li a { font-family: var(--mbf-font-secondary-family), sans-serif; font-size: var(--mbf-font-secondary-size); font-weight: var(--mbf-font-secondary-weight); font-style: var(--mbf-font-secondary-style); letter-spacing: var(--mbf-font-secondary-letter-spacing); text-transform: var(--mbf-font-secondary-text-transform); display: inline-block; border-radius: var(--mbf-button-border-radius); background: var(--mbf-layout-background); color: var(--mbf-color-accent); font-size: 0.6875rem; margin-top: 0.5rem; padding: 0.3125rem 0.6875rem; text-decoration: none; } .mbf-entry__tags ul li a:hover { background: var(--mbf-color-primary); color: var(--mbf-color-primary-contrast); } /*-------------------------------------------------------------- ## Pagination --------------------------------------------------------------*/ .mbf-posts-area__pagination { display: flex; justify-content: center; margin-top: 3.5rem; } .mbf-posts-area__pagination .mbf-load-more { width: 150px; max-width: 100%; } .mbf-posts-area__pagination .mbf-load-more.loading { position: relative; color: transparent; } .mbf-posts-area__pagination .mbf-load-more.loading:before { width: 1rem; height: 1rem; border: 2px solid rgba(255, 255, 255, 0.25); border-top-color: white; border-radius: 50%; position: relative; animation: loader-rotate 1s linear infinite; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; text-align: center; content: ""; } @keyframes loader-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .navigation.pagination { display: flex; clear: both; } .navigation.pagination:last-child { margin-bottom: 0; } .navigation.pagination .nav-links { display: flex; flex-wrap: wrap; padding: 0; } .navigation.pagination .nav-links > span, .navigation.pagination .nav-links > a { display: flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 0.5rem 0.75rem; border: 1px solid transparent; background-color: transparent; color: var(--mbf-color-primary); border-radius: 50%; transition: 0.25s; text-decoration: none; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .navigation.pagination .nav-links > a:hover { border-color: var(--mbf-color-border); } .navigation.pagination .nav-links > .current { border-color: var(--mbf-color-accent); background-color: var(--mbf-color-accent); color: var(--mbf-color-accent-contrast); border-radius: 50%; margin: 0 0.75rem; } .navigation.pagination .nav-links > .current:hover { border-color: var(--mbf-color-accent); } .navigation.pagination .nav-links a:first-child:before { font-size: 0.5625rem; font-family: "mbf-icons"; color: var(--mbf-color-primary); transition: 0.25s; content: ""; } .navigation.pagination .nav-links a:last-child:after { font-size: 0.5625rem; font-family: "mbf-icons"; color: var(--mbf-color-primary); transition: 0.25s; content: ""; } .navigation.posts-navigation { margin-top: 2rem; } .navigation.posts-navigation + .mbf-entry__footer { margin-top: 2rem; } .navigation.posts-navigation .nav-links > *:first-child { margin-left: 0; } .navigation.posts-navigation .nav-links > a:before, .navigation.posts-navigation .nav-links > a:after { display: none; } .navigation.comment-navigation { border-top: 1px solid var(--mbf-color-contrast-200); border-bottom: 1px solid var(--mbf-color-contrast-200); } .navigation.comment-navigation .nav-links { display: flex; align-items: center; justify-content: space-between; padding: 1rem 0; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .navigation.comment-navigation .nav-links a { color: var(--mbf-color-primary); text-decoration: none; } .navigation.comment-navigation .nav-links .nav-previous, .navigation.comment-navigation .nav-links .nav-next { display: flex; align-items: center; cursor: pointer; } .navigation.comment-navigation .nav-links .nav-previous:before, .navigation.comment-navigation .nav-links .nav-previous:after, .navigation.comment-navigation .nav-links .nav-next:before, .navigation.comment-navigation .nav-links .nav-next:after { font-family: "mbf-icons"; font-size: 0.875rem; color: var(--mbf-color-secondary); transition: 0.25s; } .navigation.comment-navigation .nav-links .nav-previous:hover a, .navigation.comment-navigation .nav-links .nav-next:hover a { text-decoration: none; color: var(--mbf-color-secondary); } .navigation.comment-navigation .nav-links .nav-previous:hover:before, .navigation.comment-navigation .nav-links .nav-previous:hover:after, .navigation.comment-navigation .nav-links .nav-next:hover:before, .navigation.comment-navigation .nav-links .nav-next:hover:after { color: var(--mbf-color-primary); } .navigation.comment-navigation .nav-links .nav-previous:before { content: ""; margin-right: 5px; } .navigation.comment-navigation .nav-links .nav-previous:hover:before { transform: translateX(-5px); } .navigation.comment-navigation .nav-links .nav-next:after { content: ""; margin-left: 5px; } .navigation.comment-navigation .nav-links .nav-next:hover:after { transform: translateX(5px); } .comment-list + .comment-navigation { border-top: none; } /*-------------------------------------------------------------- ## Page --------------------------------------------------------------*/ .mbf-page__header:not(:last-child) { margin-bottom: 2.5rem; } .mbf-page__title { color: var(--mbf-color-accent); margin-bottom: 0; } .mbf-page__title:not(:first-child) { margin-top: 1rem; } .mbf-page__archive-count { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); color: var(--mbf-color-secondary); } .mbf-page__archive-count:not(:first-child) { margin-top: 0.5rem; } .mbf-page__archive-description { margin-bottom: 1.75rem; } .mbf-page__archive-description:not(:first-child) { margin-top: 1.75rem; max-width: 600px; } .mbf-page__author { background: var(--mbf-layout-background); margin-top: -4rem; padding-top: 4rem; padding-bottom: 3rem; } @media (min-width: 768px) { .mbf-page__author { padding-bottom: 4rem; } } .mbf-page__author .mbf-page__author-inner { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .mbf-page__author .mbf-page__author-inner { max-width: 576px; } } @media (min-width: 768px) { .mbf-page__author .mbf-page__author-inner { max-width: 768px; } } @media (min-width: 992px) { .mbf-page__author .mbf-page__author-inner { max-width: 992px; } } @media (min-width: 1200px) { .mbf-page__author .mbf-page__author-inner { max-width: 1200px; } } @media (min-width: 1336px) { .mbf-page__author .mbf-page__author-inner { max-width: 1336px; } } .mbf-page__author .mbf-page__author-content { display: flex; flex-direction: column; align-items: center; text-align: center; } .mbf-page__author .mbf-page__author-info { border-top: 1px solid var(--mbf-color-border); margin-top: 1.5rem; padding-top: 1rem; width: 100%; } @media (min-width: 768px) { .mbf-page__author .mbf-page__author-info { margin-top: 2.5rem; } } .mbf-page__author .mbf-page__author-photo { position: relative; display: block; width: 86px; height: 86px; } .mbf-page__author .mbf-page__author-photo .mbf-page__author-thumbnail { position: relative; } .mbf-page__author .mbf-page__author-photo img { display: block; width: 86px; height: 86px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 50%; } .mbf-page__author .mbf-page__author-photo:before { display: block; position: absolute; top: -12px; right: -30px; width: 112px; height: 112px; background-color: transparent; background-image: url(/wp-content/themes/labeaute/./assets/static/images/pattern-4.png); background-size: contain; background-position: 0 0; background-repeat: no-repeat; content: ""; } .mbf-page__author .mbf-page__title { margin-top: 0; } .mbf-page__author .mbf-page__archive-subtitle { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); margin-top: 0.25rem; color: var(--mbf-color-secondary); } .mbf-page__author .mbf-page__archive-description { font-family: var(--mbf-font-base-family), sans-serif; font-size: var(--mbf-font-base-size); font-weight: var(--mbf-font-base-weight); font-style: var(--mbf-font-base-style); line-height: var(--mbf-font-base-line-height); letter-spacing: var(--mbf-font-base-letter-spacing); font-weight: initial; font-size: 1.25rem; margin-bottom: 0; margin-left: auto; margin-right: auto; max-width: 650px; } @media (min-width: 768px) { .mbf-page__author .mbf-page__archive-description { margin-top: 1.5rem; font-size: 1.25rem; } } .mbf-page__author .mbf-page__archive-count { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); margin-top: 1rem; color: var(--mbf-color-secondary); } .mbf-page__tags:not(:first-child) { margin-top: 2rem; } .mbf-page__tags ul { display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); margin: 0; padding: 0; list-style: none; } .mbf-page__tags ul > li:not(.mbf-title-tags), .mbf-page__tags ul > a:not(.mbf-title-tags) { margin: 0.25rem 0.25rem; } .mbf-page__tags ul > li:last-child, .mbf-page__tags ul > a:last-child { margin-right: 0; } .mbf-page__tags ul a { display: flex; align-items: center; justify-content: center; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); padding: 0.5rem 0.6666666667rem; border: 1px solid var(--mbf-color-contrast-200); color: var(--mbf-color-secondary); border-radius: var(--mbf-tag-border-radius); font-size: 0.6875rem; line-height: 1; transition: 0.25s; } .mbf-page__tags ul a:hover { border-color: var(--mbf-color-button-hover); background-color: var(--mbf-color-button-hover); color: var(--mbf-color-button-hover-contrast); } .mbf-list-categories { margin-top: 1.125rem; } .mbf-list-categories ul { display: flex; flex-wrap: wrap; width: 100%; padding: 0; margin: 0; } .mbf-list-categories ul li { list-style: none; margin-top: 0.5rem; } .mbf-list-categories ul li:not(:last-child) { margin-right: 0.5rem; } .mbf-list-categories ul li a { font-family: var(--mbf-font-secondary-family), sans-serif; font-size: var(--mbf-font-secondary-size); font-weight: var(--mbf-font-secondary-weight); font-style: var(--mbf-font-secondary-style); letter-spacing: var(--mbf-font-secondary-letter-spacing); text-transform: var(--mbf-font-secondary-text-transform); display: block; border-radius: var(--mbf-button-border-radius); border: 1px solid var(--mbf-color-border); background: transparent; color: var(--mbf-color-secondary); font-size: 0.6875rem; padding: 0.375rem 0.75rem; transition: 0.25s; text-decoration: none; } @media (min-width: 768px) { .mbf-list-categories ul li a { padding: 0.5rem 1rem; } } .mbf-list-categories ul li a:hover { border-color: var(--mbf-color-accent); color: var(--mbf-color-accent); } .mbf-list-categories ul li.is-active a { border-color: var(--mbf-color-accent); color: var(--mbf-color-accent); } .mbf-search-categories { display: flex; flex-wrap: wrap; width: 100%; margin-top: 1rem; margin-bottom: 0; } .mbf-search-categories .mbf-search-categories-item { margin-top: 0.375rem; } .mbf-search-categories .mbf-search-categories-item:not(:last-child) { margin-right: 0.5rem; } .mbf-search-categories .mbf-search-categories-item a { font-family: var(--mbf-font-secondary-family), sans-serif; font-size: var(--mbf-font-secondary-size); font-weight: var(--mbf-font-secondary-weight); font-style: var(--mbf-font-secondary-style); letter-spacing: var(--mbf-font-secondary-letter-spacing); text-transform: var(--mbf-font-secondary-text-transform); display: block; border-radius: var(--mbf-button-border-radius); background: var(--mbf-layout-background); color: var(--mbf-color-accent); font-size: 0.6875rem; padding: 0.1875rem 0.625rem; text-decoration: none; } .mbf-search-categories .mbf-search-categories-item a:hover { background: var(--mbf-color-accent); color: var(--mbf-color-accent-contrast); } .archive.author .mbf-page__header { margin-bottom: 3rem; } @media (min-width: 768px) { .archive.author .mbf-page__header { margin-bottom: 4rem; } } .mbf-content-not-found:not(:first-child) { margin-top: 3rem; } @media (min-width: 768px) { .mbf-content-not-found:not(:first-child) { margin-top: 4rem; } } .mbf-content-not-found .mbf-content-not-found-content { position: relative; padding-left: 4rem; max-width: 420px; line-height: 1.5; } .mbf-content-not-found .mbf-content-not-found-content:before { display: block; font-size: 3rem; font-family: "mbf-icons"; font-weight: normal; color: var(--mbf-color-accent); position: absolute; top: 0; left: 0; line-height: 1; content: ""; } .mbf-content-not-found .mbf-search__form { max-width: 856px; margin-top: 2.75rem; margin-bottom: 1.375rem; } .mbf-content-not-found .mbf-search-categories { margin-top: 1.375rem; } body.error404 .mbf-content-not-found-content { max-width: 670px; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ .mbf-notification-bar { background: var(--mbf-color-accent); } .mbf-notification-bar .mbf-notification-bar__inner { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); color: var(--mbf-color-accent-contrast); max-width: var(--mbf-entry-content-width); margin-left: auto; margin-right: auto; padding: 0.875rem; text-align: center; } @media (prefers-color-scheme: dark) { :root [data-scheme=auto] .mbf-notification-bar { background: var(--mbf-dark-layout-background); } :root [data-scheme=auto] .mbf-notification-bar .mbf-notification-bar__inner { color: var(--mbf-color-primary); } } [data-scheme=dark] .mbf-notification-bar { background: var(--mbf-dark-layout-background); } [data-scheme=dark] .mbf-notification-bar .mbf-notification-bar__inner { color: var(--mbf-color-primary); } .mbf-site-scheme-toggle { position: relative; display: flex; align-items: center; cursor: pointer; } .mbf-site-scheme-toggle .mbf-site__scheme-toggle-title { margin-right: 0.25rem; font-family: var(--mbf-font-menu-family), sans-serif; font-size: var(--mbf-font-menu-size); font-weight: var(--mbf-font-menu-weight); font-style: var(--mbf-font-menu-style); letter-spacing: var(--mbf-font-menu-letter-spacing); text-transform: var(--mbf-font-menu-text-transform); } .mbf-site-scheme-toggle .mbf-site__scheme-toggle-title span { display: inline; padding-bottom: 0.25em; background: linear-gradient(to right, currentColor 0%, currentColor 98%); background-size: 0px 1px; background-repeat: no-repeat; background-position: var(--mbf-underline-bg-position); color: var(--mbf-color-primary); transition: 0.25s; text-decoration: none; white-space: nowrap; } .mbf-site-scheme-toggle:hover .mbf-site__scheme-toggle-title span { background-size: 100% 1px; color: var(--mbf-color-accent); } .mbf-site-scheme-toggle .mbf-site__scheme-toggle-element { border: 1px solid var(--mbf-color-border); border-radius: 1.5rem; width: 49px; height: 24px; position: relative; display: block; } .mbf-site-scheme-toggle .mbf-site__scheme-toggle-element:before { content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; position: absolute; left: 6px; top: 0; bottom: 0; margin: auto; background: var(--mbf-color-border); } @media (prefers-color-scheme: dark) { :root [data-scheme=auto] .mbf-site-scheme-toggle .mbf-site__scheme-toggle-element:before { left: 30px; } } [data-scheme=dark] .mbf-site-scheme-toggle .mbf-site__scheme-toggle-element:before { left: 30px; } .mbf-site-scheme-toggle .mbf-site__scheme-toggle-element .mbf-site__scheme-toggle-element-text { display: flex; align-items: center; opacity: 1; position: absolute; top: 0; bottom: 0; font-family: var(--mbf-font-secondary-family), sans-serif; font-size: var(--mbf-font-secondary-size); font-weight: var(--mbf-font-secondary-weight); font-style: var(--mbf-font-secondary-style); letter-spacing: var(--mbf-font-secondary-letter-spacing); text-transform: var(--mbf-font-secondary-text-transform); font-size: 0.625rem; color: var(--mbf-color-primary); } .mbf-site-scheme-toggle .mbf-site__scheme-toggle-element .mbf-site__scheme-toggle-element-text:nth-child(1) { left: 8px; opacity: 0; } @media (prefers-color-scheme: dark) { :root [data-scheme=auto] .mbf-site-scheme-toggle .mbf-site__scheme-toggle-element .mbf-site__scheme-toggle-element-text:nth-child(1) { opacity: 1; } } [data-scheme=dark] .mbf-site-scheme-toggle .mbf-site__scheme-toggle-element .mbf-site__scheme-toggle-element-text:nth-child(1) { opacity: 1; } .mbf-site-scheme-toggle .mbf-site__scheme-toggle-element .mbf-site__scheme-toggle-element-text:nth-child(2) { left: 22px; } @media (prefers-color-scheme: dark) { :root [data-scheme=auto] .mbf-site-scheme-toggle .mbf-site__scheme-toggle-element .mbf-site__scheme-toggle-element-text:nth-child(2) { opacity: 0; } } [data-scheme=dark] .mbf-site-scheme-toggle .mbf-site__scheme-toggle-element .mbf-site__scheme-toggle-element-text:nth-child(2) { opacity: 0; } .mbf-offcanvas { position: fixed; height: calc(100% - var(--mbf-wpadminbar-height)); top: var(--mbf-wpadminbar-height); left: calc(var(--mbf-offcanvas-width) * -1); width: var(--mbf-offcanvas-width); display: flex; flex-direction: column; background: var(--mbf-site-background); -webkit-overflow-scrolling: touch; z-index: 100; transition: 0.4s; overflow: hidden; transform: translate3d(0, 0, 0); } .mbf-adminbar-mobile-scrolled .mbf-offcanvas { top: 0; } @media screen and (min-width: 601px) { .mbf-adminbar-mobile-scrolled .mbf-offcanvas { top: var(--mbf-wpadminbar-height); } } .mbf-offcanvas__header { position: relative; display: flex; justify-content: center; align-items: center; margin: 0 20px; min-height: var(--mbf-header-height); border-bottom: 1px solid var(--mbf-color-border); } .mbf-offcanvas__nav { display: flex; align-items: center; justify-content: space-between; width: 100%; } .mbf-offcanvas__search { display: none; position: absolute; top: calc(100% + var(--mbf-header-border-width)); left: 0; z-index: 10; width: 100%; padding: 2.5rem 20px; background-color: var(--mbf-layout-background); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } .mbf-offcanvas__search .mbf-offcanvas__search-group { display: flex; flex-direction: row; position: relative; } .mbf-offcanvas__search .mbf-offcanvas__search-input { --mbf-input-padding-y: 0.8125rem; width: 100%; padding-right: 40px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: 0.25s; } .mbf-offcanvas__search .mbf-offcanvas__search-submit { position: absolute; top: 0; right: 0; width: 40px; height: 100%; display: flex; align-items: center; justify-content: flex-end; padding: 0; font: inherit; color: inherit; background-color: transparent; cursor: pointer; border: none; outline: none; transition: 0.25s; } .mbf-offcanvas__search .mbf-offcanvas__search-submit .mbf-icon { font-size: 1.125rem; } .mbf-offcanvas__search .mbf-offcanvas__search-submit:hover { color: var(--mbf-color-secondary); } .mbf-offcanvas__search-toggle { font-size: 1.5rem; color: var(--mbf-color-accent); transition: 0.25s; cursor: pointer; } .mbf-offcanvas__search-toggle:hover { color: var(--mbf-color-secondary); } .mbf-offcanvas__logo { display: block; margin-left: 0; } .mbf-offcanvas__logo img { display: block; max-width: 100%; width: auto; height: auto; } .mbf-offcanvas__toggle { display: flex; align-items: center; cursor: pointer; } .mbf-offcanvas__toggle .mbf-icon { font-size: 1.75rem; color: var(--mbf-color-accent); transition: 0.25s; } .mbf-offcanvas__toggle:hover .mbf-icon { color: var(--mbf-color-secondary); transform: rotate(180deg); } .mbf-offcanvas__sidebar { flex: 1; overflow-x: hidden; overflow-y: auto; } .mbf-offcanvas__inner { padding: 10px 20px 20px; display: flex; flex-direction: column; height: 100%; } .mbf-offcanvas__main-menu ul.menu { margin: -0.5rem 0; } .mbf-offcanvas__main-menu ul.menu > .menu-item:first-child > a { border-top: none; } .mbf-offcanvas__my-account { background: var(--mbf-layout-background); display: grid; grid-template-columns: calc(100% - 60px) 40px; grid-gap: 20px; align-items: center; min-height: 4rem; padding: 0.625rem 30px; border-radius: var(--mbf-button-border-radius); color: var(--mbf-color-primary); text-decoration: none; } .mbf-offcanvas__my-account-label { font-family: var(--mbf-font-secondary-family), sans-serif; font-size: var(--mbf-font-secondary-size); font-weight: var(--mbf-font-secondary-weight); font-style: var(--mbf-font-secondary-style); letter-spacing: var(--mbf-font-secondary-letter-spacing); text-transform: var(--mbf-font-secondary-text-transform); color: var(--mbf-color-secondary); font-size: 0.6875rem; } .mbf-offcanvas__my-account-val { font-family: var(--mbf-font-headings-family), sans-serif; font-weight: var(--mbf-font-headings-weight); text-transform: var(--mbf-font-headings-text-transform); line-height: var(--mbf-font-headings-line-height); letter-spacing: var(--mbf-font-headings-letter-spacing); font-size: 1.25rem; } .mbf-offcanvas__my-account-val:not(:first-child) { margin-top: 0.25rem; } .mbf-offcanvas__my-account-icon { text-align: right; padding-right: 0.5rem; font-size: 1.25rem; color: var(--mbf-color-accent); } .mbf-offcanvas__secondary-menu { margin-top: auto; margin-bottom: 2.5rem; } .mbf-offcanvas__secondary-menu ul { list-style: none; padding: 0; margin: 0; } .mbf-offcanvas__secondary-menu ul li:not(:last-child) { margin-bottom: 1rem; } .mbf-offcanvas__secondary-menu ul li a { font-family: var(--mbf-font-base-family), sans-serif; font-size: var(--mbf-font-base-size); font-weight: var(--mbf-font-base-weight); font-style: var(--mbf-font-base-style); line-height: var(--mbf-font-base-line-height); letter-spacing: var(--mbf-font-base-letter-spacing); color: var(--mbf-color-secondary); text-decoration: none; } .mbf-offcanvas__secondary-menu ul li a:hover { color: var(--mbf-color-primary); } .mbf-offcanvas__bottombar { margin-top: auto; border-top: 1px solid var(--mbf-color-border); margin-left: -20px; margin-right: -20px; } .mbf-offcanvas__bottombar-inner { display: grid; grid-template-columns: 140px calc(100% - 140px); grid-gap: 20px; padding: 40px 20px 20px; } .mbf-offcanvas__additional-menu ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; } .mbf-offcanvas__additional-menu ul li:not(:last-child) { margin-right: 0.75rem; } .mbf-offcanvas__additional-menu ul li a { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); color: var(--mbf-color-secondary); text-decoration: none; } .mbf-offcanvas__additional-menu ul li a:hover { color: var(--mbf-color-primary); } .mbf-offcanvas-active { overflow: hidden; } .mbf-offcanvas-active .mbf-offcanvas { transform: translate3d(var(--mbf-offcanvas-width), 0, 0); } .mbf-site-overlay { display: none; } .mbf-offcanvas-active .mbf-site-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--mbf-color-overlay-background); animation: fade 0.5s; z-index: 99; } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } .mbf-breadcrumbs, .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb { font-family: var(--mbf-font-secondary-family), sans-serif; font-size: var(--mbf-font-secondary-size); font-weight: var(--mbf-font-secondary-weight); font-style: var(--mbf-font-secondary-style); letter-spacing: var(--mbf-font-secondary-letter-spacing); text-transform: var(--mbf-font-secondary-text-transform); word-wrap: break-word; font-size: 0.6875rem; margin-top: -2.625rem; margin-bottom: 1.125rem; line-height: 2; color: var(--mbf-color-secondary); z-index: 2; } .mbf-breadcrumbs a, .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb a { display: inline; padding-bottom: 0.25em; background: linear-gradient(to right, currentColor 0%, currentColor 98%); background-size: 100% 1px; background-repeat: no-repeat; background-position: var(--mbf-underline-bg-position); color: var(--mbf-color-secondary); transition: 0.25s; text-decoration: none; text-decoration: none; } .mbf-breadcrumbs a:hover, .woocommerce-breadcrumb a:hover { background-size: 0px 1px; color: var(--mbf-color-secondary); } .mbf-breadcrumbs .mbf-separator, .woocommerce-breadcrumb .mbf-separator { margin: 0 0.25rem; position: relative; } .mbf-breadcrumbs .mbf-separator:before, .woocommerce-breadcrumb .mbf-separator:before { display: inline-flex; content: "/"; } .page-template-template-medium-width .mbf-breadcrumbs, .page-template-template-medium-width .woocommerce-breadcrumb { max-width: var(--mbf-entry-content-width); margin-left: auto; margin-right: auto; } .mbf-spinner { min-width: 40px; width: 40px; height: 40px; border: 4px solid var(--mbf-color-primary); border-right-color: transparent; border-radius: 50%; position: relative; animation: loader-rotate 1s linear infinite; opacity: 0.5; } .mbf-spinner:after { content: ""; width: 4px; height: 4px; background: var(--mbf-color-primary); border-radius: 50%; position: absolute; top: 1px; left: 27px; } @keyframes loader-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .mbf-has-spinner { position: relative; } .mbf-has-spinner .mbf-spinner { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-top: -20px; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { width: 100%; } .widget:not(:last-child) { margin-bottom: 3rem; } .widget .mbf-section-heading { margin-bottom: 1.5rem; } .widget_categories ul, .widget_pages ul, .widget_archive ul, .widget_meta ul { padding-left: 20px; } .widget_categories ul li, .widget_pages ul li, .widget_archive ul li, .widget_meta ul li { display: flex; flex-wrap: wrap; position: relative; padding: 1.25rem 0; color: var(--mbf-color-secondary); font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); border-top: 1px solid var(--mbf-color-contrast-200); } .widget_categories ul li:first-child:last-child, .widget_pages ul li:first-child:last-child, .widget_archive ul li:first-child:last-child, .widget_meta ul li:first-child:last-child { padding-bottom: 0; } .widget_categories ul li:first-child:last-child > .sub-menu, .widget_pages ul li:first-child:last-child > .sub-menu, .widget_archive ul li:first-child:last-child > .sub-menu, .widget_meta ul li:first-child:last-child > .sub-menu { padding-bottom: 0; } .widget_categories ul li a, .widget_pages ul li a, .widget_archive ul li a, .widget_meta ul li a { color: var(--mbf-color-primary); padding-right: 0.6666666667rem; margin-right: auto; transition: color 0.25s; font-family: var(--mbf-font-headings-family), sans-serif; font-weight: var(--mbf-font-headings-weight); text-transform: var(--mbf-font-headings-text-transform); line-height: var(--mbf-font-headings-line-height); letter-spacing: var(--mbf-font-headings-letter-spacing); } .widget_categories ul li a:hover, .widget_pages ul li a:hover, .widget_archive ul li a:hover, .widget_meta ul li a:hover { color: var(--mbf-color-secodary); } .widget_categories ul > li > a, .widget_pages ul > li > a, .widget_archive ul > li > a, .widget_meta ul > li > a { font-size: 1rem; } .widget_categories ul ul.children, .widget_pages ul ul.children, .widget_archive ul ul.children, .widget_meta ul ul.children { flex: 0 0 100%; width: 100%; margin-top: 0.5rem; } .widget_categories ul ul.children li, .widget_pages ul ul.children li, .widget_archive ul ul.children li, .widget_meta ul ul.children li { padding: 0.5rem 0; } .widget_categories ul ul.children li:last-child, .widget_pages ul ul.children li:last-child, .widget_archive ul ul.children li:last-child, .widget_meta ul ul.children li:last-child { border-bottom: none; padding-bottom: 0; } .widget_categories ul ul.children li a, .widget_pages ul ul.children li a, .widget_archive ul ul.children li a, .widget_meta ul ul.children li a { font-family: var(--mbf-font-headings-family), sans-serif; font-weight: var(--mbf-font-headings-weight); text-transform: var(--mbf-font-headings-text-transform); line-height: var(--mbf-font-headings-line-height); letter-spacing: var(--mbf-font-headings-letter-spacing); } .widget_categories ul ul.children ul.children li, .widget_pages ul ul.children ul.children li, .widget_archive ul ul.children ul.children li, .widget_meta ul ul.children ul.children li { margin-left: 1rem; padding-left: 0; } .widget_categories ul ul.sub-menu, .widget_pages ul ul.sub-menu, .widget_archive ul ul.sub-menu, .widget_meta ul ul.sub-menu { margin-top: 0.5rem; } .widget_categories ul ul.sub-menu li, .widget_pages ul ul.sub-menu li, .widget_archive ul ul.sub-menu li, .widget_meta ul ul.sub-menu li { padding: 0.5rem 0; } .widget_categories ul ul.sub-menu li:last-child, .widget_pages ul ul.sub-menu li:last-child, .widget_archive ul ul.sub-menu li:last-child, .widget_meta ul ul.sub-menu li:last-child { border-bottom: none; padding-bottom: 0; } .widget_categories ul ul.sub-menu li a, .widget_pages ul ul.sub-menu li a, .widget_archive ul ul.sub-menu li a, .widget_meta ul ul.sub-menu li a { font-family: var(--mbf-font-headings-family), sans-serif; font-weight: var(--mbf-font-headings-weight); text-transform: var(--mbf-font-headings-text-transform); line-height: var(--mbf-font-headings-line-height); letter-spacing: var(--mbf-font-headings-letter-spacing); } .widget_categories ul ul.sub-menu ul.sub-menu li, .widget_pages ul ul.sub-menu ul.sub-menu li, .widget_archive ul ul.sub-menu ul.sub-menu li, .widget_meta ul ul.sub-menu ul.sub-menu li { margin-left: 1rem; padding-left: 0; } .widget_categories ul .screen-reader-text, .widget_pages ul .screen-reader-text, .widget_archive ul .screen-reader-text, .widget_meta ul .screen-reader-text { display: none; } .widget_categories > ul, .widget_pages > ul, .widget_archive > ul, .widget_meta > ul { margin: -0.5rem 0; padding-left: 0; } .widget_categories ul > li > a { font-size: 1.25rem; } .widget_calendar table, .widget_calendar .wp-block-table { margin: 0; } .widget_calendar td, .widget_calendar th { padding: 0.25rem; line-height: 1.75rem; text-align: center; border-top: 1px solid var(--mbf-color-contrast-200); color: var(--mbf-color-secondary); font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .widget_calendar th { border-bottom: none; color: var(--mbf-color-primary); border-top: 2px solid var(--mbf-color-contrast-200); border-bottom: 2px solid var(--mbf-color-contrast-200); font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .widget_calendar tr { border: none; } .widget_calendar tbody td a { position: relative; display: block; background: var(--mbf-color-contrast-50); transition: 0.25s; } .widget_calendar tbody td a:hover { background-color: var(--mbf-color-primary); color: var(--mbf-color-primary-contrast); } .widget_calendar tbody td#today a:after { position: absolute; top: 0; right: 0; width: 0; height: 0; border-top: 10px solid var(--mbf-color-primary); border-left: 10px solid transparent; transition: 0.25s; content: ""; } .widget_calendar tfoot td { text-align: left; } .widget_calendar tfoot td a { display: inline-block; position: relative; padding-left: 5px; padding-right: 10px; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .widget_calendar tfoot td a:after { content: ""; position: absolute; height: 100%; top: 0; bottom: 0; right: 0; width: 2px; background-color: var(--mbf-color-contrast-200); } .widget_calendar tfoot td a:hover { color: var(--mbf-color-secondary); } .widget_calendar caption { color: var(--mbf-color-secondary); caption-side: top; padding-top: 0; text-align: left; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .widget_recent_comments ul { padding: 0; list-style: none; } .widget_recent_comments li { position: relative; padding-bottom: 1rem; font-size: 0.875rem; } .widget_recent_comments li:not(:last-child) { border-bottom: 1px solid var(--mbf-color-contrast-200); margin-bottom: 1rem; padding-bottom: 1rem; } .widget_recent_comments li:last-child { padding-bottom: 0; } .widget_recent_comments li > a { display: block; margin-top: 0.25rem; font-family: var(--mbf-font-headings-family), sans-serif; font-weight: var(--mbf-font-headings-weight); text-transform: var(--mbf-font-headings-text-transform); line-height: var(--mbf-font-headings-line-height); letter-spacing: var(--mbf-font-headings-letter-spacing); font-size: 0.875rem; } .widget_recent_comments li > a:hover { color: var(--mbf-color-secondary); } .widget_recent_comments li .comment-author-link, .widget_recent_comments li .comment-author-link a { color: var(--mbf-color-secondary); } .widget_recent_entries ul { padding: 0; list-style: none; } .widget_recent_entries li { position: relative; } .widget_recent_entries li:not(:last-child) { border-bottom: 1px solid var(--mbf-color-contrast-200); margin-bottom: 1rem; padding-bottom: 1rem; } .widget_recent_entries li a { font-family: var(--mbf-font-headings-family), sans-serif; font-weight: var(--mbf-font-headings-weight); text-transform: var(--mbf-font-headings-text-transform); line-height: var(--mbf-font-headings-line-height); letter-spacing: var(--mbf-font-headings-letter-spacing); font-size: 0.875rem; } .widget_recent_entries li a:hover { color: var(--mbf-color-secondary); } .widget_recent_entries li:last-child { padding-bottom: 0; } .widget_recent_entries li .post-date { display: block; margin-top: 0.25rem; color: var(--mbf-color-secondary); font-family: var(--mbf-font-post-meta-family), sans-serif; font-size: var(--mbf-font-post-meta-size); font-weight: var(--mbf-font-post-meta-weight); font-style: var(--mbf-font-post-meta-style); letter-spacing: var(--mbf-font-post-meta-letter-spacing); text-transform: var(--mbf-font-post-meta-text-transform); } .widget_rss .rss-widget-icon { display: none; } .widget_rss ul { padding: 0; list-style: none; } .widget_rss ul li { position: relative; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .widget_rss ul li:not(:last-child) { border-bottom: 1px solid var(--mbf-color-contrast-200); margin-bottom: 1rem; padding-bottom: 1rem; } .widget_rss ul li a { font-family: var(--mbf-font-headings-family), sans-serif; font-weight: var(--mbf-font-headings-weight); text-transform: var(--mbf-font-headings-text-transform); line-height: var(--mbf-font-headings-line-height); letter-spacing: var(--mbf-font-headings-letter-spacing); font-size: 0.875rem; } .widget_rss ul li a:hover { color: var(--mbf-color-secondary); } .widget_rss ul li .rsswidget { color: var(--mbf-color-primary); transition: color 0.25s; } .widget_rss ul li .rss-date { display: block; margin-top: 0.25rem; color: var(--mbf-color-secondary); font-family: var(--mbf-font-post-meta-family), sans-serif; font-size: var(--mbf-font-post-meta-size); font-weight: var(--mbf-font-post-meta-weight); font-style: var(--mbf-font-post-meta-style); letter-spacing: var(--mbf-font-post-meta-letter-spacing); text-transform: var(--mbf-font-post-meta-text-transform); } .widget_rss ul li .rssSummary { margin-top: 0.25rem; color: var(--mbf-color-primary); font-family: var(--mbf-font-entry-excerpt-family), sans-serif; font-size: var(--mbf-font-entry-excerpt-size); font-weight: var(--mbf-font-entry-excerpt-weight); letter-spacing: var(--mbf-font-entry-excerpt-letter-spacing); line-height: var(--mbf-font-entry-excerpt-line-height); } .widget_rss ul li cite { display: block; margin-top: 0.25rem; font-style: normal; color: var(--mbf-color-secondary); text-align: right; } .widget_search .mbf-input-group { display: flex; height: 3.125rem; } .widget_search .mbf-input-group input { flex: 1 1 auto; max-width: calc(100% - 6.25rem); padding: 0 20px; border: 1px solid #E0E0E0; color: var(--mbf-color-secondary); border-right: none; outline: none; } .widget_search .mbf-input-group input::-moz-placeholder { color: var(--mbf-color-secondary); } .widget_search .mbf-input-group input::placeholder { color: var(--mbf-color-secondary); } .widget_search .mbf-input-group button { flex: 0 1 auto; width: 8.25rem; max-width: 100%; } .widget_tag_cloud { overflow: hidden; } .widget_tag_cloud .tagcloud { margin-top: -0.5rem; display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .widget_tag_cloud .tagcloud > li:not(.mbf-title-tags), .widget_tag_cloud .tagcloud > a:not(.mbf-title-tags) { margin: 0.25rem 0.25rem; } .widget_tag_cloud .tagcloud > li:last-child, .widget_tag_cloud .tagcloud > a:last-child { margin-right: 0; } .widget_tag_cloud .tagcloud a { display: flex; align-items: center; justify-content: center; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); padding: 0.5rem 0.6666666667rem; border: 1px solid var(--mbf-color-contrast-200); color: var(--mbf-color-secondary); border-radius: var(--mbf-tag-border-radius); font-size: 0.6875rem; line-height: 1; transition: 0.25s; } .widget_tag_cloud .tagcloud a:hover { border-color: var(--mbf-color-button-hover); background-color: var(--mbf-color-button-hover); color: var(--mbf-color-button-hover-contrast); } .widget_tag_cloud .tagcloud a { font-size: 0.75rem !important; } .widget_media_video .mejs-container { max-width: 100%; overflow: hidden; } .widget_media_video .mejs-container video, .widget_media_video .mejs-container iframe, .widget_media_video .mejs-container object, .widget_media_video .mejs-container embed { max-width: 100%; overflow: hidden; } .widget_media_gallery { overflow: hidden; } .widget_media_gallery [class^=gallery-columns-], .widget_media_gallery [class*=" gallery-columns-"] { display: flex; flex-wrap: wrap; margin-top: -1rem; margin-left: -0.5rem; margin-right: -0.5rem; margin-bottom: 0; } .widget_media_gallery [class^=gallery-columns-] .gallery-item, .widget_media_gallery [class*=" gallery-columns-"] .gallery-item { position: relative; margin-top: 1rem; margin-bottom: 0; padding: 0 0.5rem; display: flex; align-items: center; text-align: center; flex-direction: column; } .widget_media_gallery [class^=gallery-columns-] .gallery-item img, .widget_media_gallery [class*=" gallery-columns-"] .gallery-item img { display: block; border-radius: 0; transition: 0.25s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .widget_media_gallery [class^=gallery-columns-] .gallery-item:hover img, .widget_media_gallery [class*=" gallery-columns-"] .gallery-item:hover img { opacity: 0.6; } .widget_media_gallery [class^=gallery-columns-] .gallery-item .gallery-caption, .widget_media_gallery [class*=" gallery-columns-"] .gallery-item .gallery-caption { padding: 1rem 1rem 0; } .widget_media_gallery [class^=gallery-columns-] .gallery-item .gallery-icon, .widget_media_gallery [class*=" gallery-columns-"] .gallery-item .gallery-icon { position: relative; width: 100%; overflow: hidden; } .widget_media_gallery .gallery-columns-4 .gallery-caption, .widget_media_gallery .gallery-columns-5 .gallery-caption, .widget_media_gallery .gallery-columns-6 .gallery-caption, .widget_media_gallery .gallery-columns-7 .gallery-caption, .widget_media_gallery .gallery-columns-8 .gallery-caption, .widget_media_gallery .gallery-columns-9 .gallery-caption { display: none; } .widget_media_gallery .gallery-columns-1 .gallery-item { flex: 0 0 100%; max-width: 100%; } .widget_media_gallery .gallery-columns-2 .gallery-item { flex: 0 0 50%; max-width: 50%; } .widget_media_gallery .gallery-columns-3 .gallery-item { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .widget_media_gallery .gallery-columns-4 .gallery-item { flex: 0 0 25%; max-width: 25%; } .widget_media_gallery .gallery-columns-5 .gallery-item { flex: 0 0 20%; max-width: 20%; } .widget_media_gallery .gallery-columns-6 .gallery-item { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .widget_media_gallery .gallery-columns-7 .gallery-item { flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .widget_media_gallery .gallery-columns-8 .gallery-item { flex: 0 0 12.5%; max-width: 12.5%; } .widget_media_gallery .gallery-columns-9 .gallery-item { flex: 0 0 11.1111111111%; max-width: 11.1111111111%; } /* Text widget */ .widget_text { color: var(--mbf-color-primary); word-wrap: break-word; } .widget_text ul { list-style: disc; margin: 0 0 1rem 1rem; } .widget_text ol { list-style: decimal; } .widget_text ul li, .widget_text ol li { border: none; } .widget_text ul li:last-child, .widget_text ol li:last-child { padding-bottom: 0; } .widget_text ul li ul { margin: 0 0 0 1rem; } .widget_text ul li li { padding-left: 0; padding-right: 0; } .widget_text ol li { list-style-position: inside; } .widget_text ol li + li { margin-top: -1px; } .widget_text img { display: inline-block; max-width: 100%; width: auto; height: auto; } .widget_text .wp-caption-text { display: flex; } .widget_text .emoji { width: 1rem; } .widget_text .emoji:not(:last-of-type) { margin-right: 10px; margin-left: 0; } .widget_nav_menu ul { list-style: none; padding: 0; margin: 0; } .widget_nav_menu ul > li.menu-item-has-children > span { top: 0.75rem; } .widget_nav_menu ul > li.menu-item-has-children > span:after { font-size: 0.5rem; color: var(--mbf-color-secondary); } .widget_nav_menu a { font-family: var(--mbf-font-headings-family), sans-serif; font-weight: var(--mbf-font-headings-weight); text-transform: var(--mbf-font-headings-text-transform); line-height: var(--mbf-font-headings-line-height); letter-spacing: var(--mbf-font-headings-letter-spacing); display: block; padding: 0.8125rem 0; transition: 0.25s; font-size: 1.875rem; color: var(--mbf-color-accent); text-decoration: none; } .widget_nav_menu a:hover { color: var(--mbf-color-secondary); } .widget_nav_menu .menu-item-has-children { position: relative; width: 100%; } .widget_nav_menu .menu-item-has-children > span { position: absolute; right: 0; top: 0.5rem; display: flex; align-items: center; justify-content: right; width: 40px; height: 40px; padding-right: 20px; margin-left: auto; cursor: pointer; } .widget_nav_menu .menu-item-has-children > span:after { font-family: "mbf-icons"; font-size: 0.5rem; color: var(--mbf-color-secondary); transition: 0.25s; transform: rotate(90deg); content: ""; } .widget_nav_menu .menu-item-has-children > span:hover:after { color: var(--mbf-color-primary); } .widget_nav_menu .menu-item-has-children > ul { width: 100%; order: 3; } .widget_nav_menu .menu-item-has-children .menu-item-has-children > span { top: 0.5rem; height: 20px; } .widget_nav_menu .menu-item-expanded > span:after { transform: rotate(270deg); } .widget_nav_menu .menu .menu-item:not(.menu-item-has-children) > a:after { visibility: hidden; float: right; opacity: 0; font-family: "mbf-icons"; font-size: 0.5rem; margin-top: 0.375rem; color: var(--mbf-color-secondary); transition: 0.25s; transform: translateX(-100%); content: ""; } .widget_nav_menu .menu .menu-item:not(.menu-item-has-children) > a:hover:after { visibility: visible; opacity: 1; transform: translateX(0); } .widget_nav_menu .sub-menu { display: none; } .widget_nav_menu .sub-menu a { font-family: var(--mbf-font-base-family), sans-serif; font-size: var(--mbf-font-base-size); font-weight: var(--mbf-font-base-weight); font-style: var(--mbf-font-base-style); line-height: var(--mbf-font-base-line-height); letter-spacing: var(--mbf-font-base-letter-spacing); padding: 0.5rem 0; line-height: 1.375; color: var(--mbf-color-secondary); } .widget_nav_menu .sub-menu a:hover { color: var(--mbf-color-primary); } .widget_nav_menu .sub-menu .sub-menu { padding: 0 0 0 10px; } .widget_nav_menu .menu { border-bottom: 1px solid var(--mbf-color-border); margin: 0; } .widget_nav_menu .menu > .menu-item > a { border-top: 1px solid var(--mbf-color-border); padding-left: 20px; padding-right: 20px; } .widget_nav_menu .menu > .menu-item > a:after { display: none; } .widget_nav_menu .menu > .menu-item > .sub-menu { border-top: 1px solid var(--mbf-color-border); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 20px; padding-right: 20px; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Image --------------------------------------------------------------*/ img { max-width: 100%; height: auto; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { max-width: 100%; margin-bottom: 1rem; } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 1rem 0; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .wp-caption-text { margin-top: 1rem; color: var(--mbf-color-secondary); font-size: 0.75rem; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5rem; } @media (min-width: 576px) { div[class^=gallery-columns-], div[class*=" gallery-columns-"] { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; margin-left: -10px; margin-right: -10px; } } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } @media (min-width: 576px) { .gallery-columns-2 .gallery-item { max-width: 50%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } } @media (min-width: 576px) { .gallery-columns-3 .gallery-item { max-width: 33.33%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } } @media (min-width: 576px) { .gallery-columns-4 .gallery-item { max-width: 25%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } } @media (min-width: 576px) { .gallery-columns-5 .gallery-item { max-width: 20%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } } @media (min-width: 576px) { .gallery-columns-6 .gallery-item { max-width: 16.66%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } } @media (min-width: 576px) { .gallery-columns-7 .gallery-item { max-width: 14.28%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } } @media (min-width: 576px) { .gallery-columns-8 .gallery-item { max-width: 12.5%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } } @media (min-width: 576px) { .gallery-columns-9 .gallery-item { max-width: 11.11%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } } .gallery-caption { display: block; width: 100%; color: var(--mbf-color-secondary); text-align: center; } .wp-block-gallery > .blocks-gallery-grid { width: 100%; } .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); background: transparent; color: var(--mbf-color-secondary); } .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { position: initial; padding: 0; margin-top: 1rem; } .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure { display: flex; flex-direction: column; } .blocks-gallery-caption { display: block; width: 100%; color: var(--mbf-color-secondary); text-align: center; } /*-------------------------------------------------------------- # Vendors --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Contact Form 7 --------------------------------------------------------------*/ .wpcf7 { margin: 0; padding: 0; } .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output, .wpcf7 .wpcf7-display-none { /* support version below 5.4 */ display: none; } .wpcf7 form .wpcf7-response-output { margin: 1rem 0; padding: 0.5rem 1rem; background: #6cdcff; font-size: 0.75rem; color: #00526c; } .wpcf7 form.sent .wpcf7-response-output { background: #d8f6df; color: #145523; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { background: #ff918a; color: #8a0900; } .wpcf7 form.spam .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { background: #fff4d3; color: #a07800; } .wpcf7 .wpcf7-form-control-wrap { position: relative; display: block; } .wpcf7 label .wpcf7-form-control-wrap { margin-top: 0.5rem; } .wpcf7 .wpcf7-not-valid-tip { color: #F00F00; font-size: 0.75rem; font-weight: normal; display: block; } .wpcf7 .use-floating-validation-tip .wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #F00F00; background: var(--mbf-color-primary); padding: 0.2em 0.8em; } .wpcf7 .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7 .wpcf7-list-item-label:before, .wpcf7 .wpcf7-list-item-label:after { content: " "; } .wpcf7 .ajax-loader { visibility: hidden; display: inline-block; margin-left: 1rem; vertical-align: middle; width: 20px; height: 20px; border: 2px solid rgba(206, 212, 218, 0.25); border-top-color: #ced4da; border-radius: 50%; position: relative; animation: loader-rotate 1s linear infinite; } @keyframes loader-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .wpcf7 form.submitting .ajax-loader, .wpcf7 .ajax-loader.is-active { /* support version below 5.4 */ visibility: visible; } .wpcf7 div.ajax-error { display: none; } .wpcf7 .placeheld { color: var(--mbf-color-secondary); } .wpcf7 .wpcf7-recaptcha iframe { margin-bottom: 0; } .wpcf7 input[type=file] { cursor: pointer; } .wpcf7 input[type=file]:disabled { cursor: default; } .wpcf7 .wpcf7-submit { vertical-align: middle; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } /*-------------------------------------------------------------- # Advanced Popups --------------------------------------------------------------*/ .adp-popup .adp-popup-container { --adp-popup-container-background: var(--mbf-site-background); --adp-popup-type-notification-text-color: var(--mbf-color-base); --adp-popup-type-notification-text-link-color: var(--mbf-color-contrast-600); --adp-popup-close-color: var(--mbf-color-contrast-600); --adp-popup-close-hover-color: var(--mbf-color-base); } .adp-popup-type-notification-box .adp-popup-button, .adp-popup-type-notification-bar .adp-popup-button { border: var(--mbf-button-border-width, 1px) solid var(--mbf-color-button-border); background-color: var(--mbf-color-button); color: var(--mbf-color-button-contrast); position: relative; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; line-height: 1rem; transition: 0.25s; box-shadow: none; overflow: hidden; cursor: pointer; font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); text-transform: capitalize; padding: calc(var(--mbf-button-padding-y, 0.875rem) - var(--mbf-button-border-width, 1px)) var(--mbf-button-padding-x, 1.25rem); border-radius: var(--mbf-button-border-radius); font-family: var(--mbf-font-primary-family), sans-serif; font-size: var(--mbf-font-primary-size); font-weight: var(--mbf-font-primary-weight); font-style: var(--mbf-font-primary-style); letter-spacing: var(--mbf-font-primary-letter-spacing); text-transform: var(--mbf-font-primary-text-transform); } .adp-popup-type-notification-box .adp-popup-button:focus, .adp-popup-type-notification-box .adp-popup-button:hover, .adp-popup-type-notification-bar .adp-popup-button:focus, .adp-popup-type-notification-bar .adp-popup-button:hover { border-color: var(--mbf-color-button-hover-border); background-color: var(--mbf-color-button-hover); color: var(--mbf-color-button-hover-contrast); outline: none; } .adp-popup-type-notification-box .adp-popup-button:disabled, .adp-popup-type-notification-box .adp-popup-button:disabled[disabled], .adp-popup-type-notification-bar .adp-popup-button:disabled, .adp-popup-type-notification-bar .adp-popup-button:disabled[disabled] { color: var(--mbf-color-button-contrast); opacity: 0.5; padding: calc(var(--mbf-button-padding-y, 0.875rem) - var(--mbf-button-border-width, 1px)) var(--mbf-button-padding-x, 1.25rem); } .adp-popup-type-notification-box .adp-popup-button:disabled:hover, .adp-popup-type-notification-box .adp-popup-button:disabled[disabled]:hover, .adp-popup-type-notification-bar .adp-popup-button:disabled:hover, .adp-popup-type-notification-bar .adp-popup-button:disabled[disabled]:hover { border-color: var(--mbf-color-button-border); background-color: var(--mbf-color-button); color: var(--mbf-color-button-contrast); }