/* ------------------------------------------- Name: EliteBabes Date: 2023/03/01 Author: http://psdhtml.me --------------------------------------------- */ *, *:before, *:after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--theme); transform-origin: center center; -webkit-justify-content: var(--justify); justify-content: var(--justify); } html { overflow-y: scroll; min-height: 100%; margin: 0; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; scroll-behavior: smooth; } body { overflow-x: hidden; width: 100%; min-height: 100%; background: var(--bg_main); font-size: var(--fz_main); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html.is-fullscreen { overflow: hidden; } html:has(.list-gallery-wide.shown) { overflow: hidden; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } /*! Variables --------- */ :root { --white: #ffffff; --concrete: #f2f2f2; --gallery: #f0f0f0; --silver: #cccccc; --dusty: #999999; --boulder: #7b7b7b; --tundora: #4b4b4b; --coal: #303030; --shaft: #2b2b2b; --cod: #111111; --black: #000000; --bronze: #cba98b; --cider: #b5893e; --porcelain: #f3f5f6; --smoke: #b3b8bc; --theme_hover: #6eb9f7; --theme: #3897f0; --theme_mid: #328add; --theme_dark: #0076ff; --athens: #e8eaed; --iron: #dadce0; --nav: #18191b; --top: #242527; --remy: #feeef3; --rose: #fe1c5d; --wine: #ed1b57; --scorpion: #6b6667; --rpp: 12px; --rpn: calc(0px - var(--rpp)); --bg_main: var(--white); --bg_main2: var(--porcelain); --fg_main: var(--shaft); --fg_link: var(--theme_dark); --fw_main: 400; --fw_bold: 500; --fw_head: var(--fw_bold); --ff_main: Roboto, Arial, Helvetica, sans-serif; --ff_head: inherit; --lh_main: 1.4285714286; --lh_head: 1; --fz_main: 14px; --mr_main: 8px; --mr_head: 4px; --ta_start: left; --ta_end: right; --justify: flex-start; --cols: 32px; --input_h: 40px; --input_fg: var(--fg_main); --top_h: 45px; --bottom_h: 50px; --bottom_fz: 12px; --bottom_iz: 18px; --bottom_d: 4px; --content_p: 8px; --logo_fw: 600; --btn_dist: 5px; --btn_fg: var(--shaft); --btn_fg_hov: var(--white); --btn_fg_inv: var(--concrete); --btn_fg_inv_hov: var(--white); --btn_fg_th: var(--white); --btn_bg: var(--concrete); --btn_bg_hov: var(--theme_hover); --btn_bg_inv: var(--top); --btn_bg_th: var(--theme); --stripe_bg: var(--black); --stripe_bd: var(--cod); --mbox_bg: var(--porcelain); --media_bd: var(--concrete); --input_bd: var(--gallery); --input_bg: var(--input_bd); --input_hov: var(--athens); --fav_bg: var(--concrete); --fz_overlay: 14px; --fz_icons: 27px; --fz_more: 12px; --pag: var(--smoke); --form_textfield: var(--gallery); --svg-filter: none; --coll_add_bg: var(--white); --svg-bw: brightness(0%); } .day-switched { --bg_main: var(--top); --bg_main2: var(--top); --fg_main: var(--iron); --fg_link: var(--theme); --btn_fg: var(--concrete); --btn_fg_inv: var(--shaft); --btn_bg: var(--nav); --btn_bg_inv: var(--athens); --stripe_bg: var(--nav); --stripe_bd: var(--cod); --mbox_bg: var(--nav); --media_bd: var(--top); --input_bd: var(--nav); --input_hov: var(--black); --fav_bg: var(--nav); --pag: var(--tundora); --form_textfield: var(--shaft); --svg-filter: invert(100%); --coll_add_bg: var(--shaft); --svg-bw: grayscale(100%) brightness(200%); } html:not(.day-switched) .dark-only, .day-switched .dark-hide { display: none; } .theme-sand:not(.day-switched) { --bg_main: var(--bg_main2); --mbox_bg: var(--white); --btn_bg: var(--white); } /*! Defaults --------- */ body, textarea, input, select, option, button { color: var(--fg_main); font-family: var(--ff_main); font-weight: var(--fw_main); line-height: var(--lh_main); } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: var(--mr_main); } h1, h2, h3, h4, h5, h6, legend { margin-bottom: var(--mr_head); font-size: var(--fz_main); font-family: var(--ff_head); font-weight: var(--fw_head); line-height: var(--lh_head); } a { background: none; color: var(--fg_link); text-decoration: none; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, legend a, .heading-intro a { color: inherit; } ul, ol, dd, blockquote { padding-left: 40px; } /*! Mixins --------- */ /* cl:b */ form p:after, .owl-carousel .owl-stage:after, .owl-carousel .owl-stage-outer:after { content: ""; display: block; overflow: hidden; clear: both; } /* fill */ .swiper-button-nav:after, #root .owl-nav button:after, .heading-intro:before, .author_section:before, .wpb-bm form:before, .form-filter > a.close, .check-select .ul label:after, .image-banner:before, .image-banner figcaption:before, .image-banner a:before, .rating-a li.c > span > a:before, .rating-a li > a:before, .list-category li:before, .list-category a:before, .module-article:before, .list-recent:before, .ui-autocomplete:before, #login .message:before, #login form:before, #login_error:before, .module-user a:before, .media-border:before, .list-b a:before, .list-gallery figure:before, .list-nav a:before, .list-nav li:before, .module-box:before, .list-gallery li > p a:before, .list-icon a span:before, figure .img-overlay:before, .list-gallery figure a:before, figure .img-label > *:after, #top > p.user .img:before, #top > p.user .img:after, .module-user figure:before, .module-user figure:after, #shadow:before, .list-triple li:before, .list-triple a:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; width: auto; height: auto; margin: 0; border-radius: 0; text-align: left; text-indent: -3000em; direction: ltr; } .fancybox-stage:has(.title) .fancybox-content:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; width: auto; height: auto; margin: 0; border-radius: 0; text-align: left; text-indent: -3000em; direction: ltr; } /* wide */ .heading-intro:before, .list-b > li.nth-1:before, .list-triple:before { content: ""; display: block; position: absolute; left: 50%; right: auto; top: 0; bottom: 0; z-index: -1; width: 100vw; margin: 0 0 0 -50vw; } /* icon */ .swiper-button-nav:before, .popup-a .box-outer > .close:before, .fancybox-button--plus:before, figure .toggle-img-overlay:after, .owl-nav button:before, .list-gallery .links a:before, .list-gallery li > ul .likeButtonWPUlike button:before, .author_section h1:before, .author_section h2:before, .author_section h3:before, .author_section h4:before, .author_section h5:before, .author_section h6:before, .author_section h1 + p:last-child a:before, .author_section h2 + p:last-child a:before, .author_section h3 + p:last-child a:before, .author_section h4 + p:last-child a:before, .author_section h5 + p:last-child a:before, .author_section h6 + p:last-child a:before, .check-select-input .text-item:before, .link-btn a.close:before, .rating-a li.c > span > a:after, .rating-a li > a:after, .list-recent > span > a.delete:before, .form-search button:before, .list-b > li.nth-123 ul li:first-child:nth-last-child(2):before, .list-arrows a:before, #top > .back a:before, #shadow:after, nav#nav button:before, #top > label:before, #top > p.user i, #top > label:before { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } /* z:9 */ .form-filter > a.close, .image-banner a:before, .list-category a:before, .module-user a:before, .list-b a:before, .list-nav a:before, .list-gallery li > p a:before, .list-gallery figure a:before, .list-triple a:before { z-index: 8; } /* tr:n */ .form-filter.toggle { -webkit-transform: none; transform: none; } /* show */ [data-whatintent="mouse"] .list-gallery li:hover > ul, .list-gallery li.visible > ul, .form-filter.toggle, #root.nav #shadow, #root.nav #shadow:after, .user-active #shadow, #root .list-gallery-wide li > ul, .list-gallery-wide figure .img-overlay { visibility: visible; opacity: 1; } /* hide */ .owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy, #root.nav #top > p.user { visibility: hidden; opacity: 0; } /* i:wi */ .list-justified2 img, .list-justified2 video, .list-justified2 iframe, .list-gallery img, .list-gallery video, .list-gallery iframe { display: block; position: relative; z-index: 1; width: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } /* i:bg */ .header-model figure img { display: block; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } /* td:u */ [data-whatintent="mouse"] a:hover { text-decoration: underline; } /* td:n */ #root .list-gallery ul a, [data-whatintent="mouse"] #root .list-gallery figure .img-overlay.text-left p a:not(.strong):hover, #root .author_section h1 a, #root .author_section h2 a, #root .author_section h3 a, #root .author_section h4 a, #root .author_section h5 a, #root .author_section h6 a, #root .wpb-bm-act a, #root .check-select .text-item, #root .check-select-input, #root .rating-a li > a, #root .rating-a li.c > span > a, #root .list-category a, #root .list-gallery figure a, #root .list-recent > span > a, #root .pagination-a a, #root .list-arrows a, #root .list-b a, #root .list-nav a, [data-whatintent="mouse"] .module-box.overlay-theme a:hover, #root figure .img-overlay p a, #root .list-icon a, #root .link-btn a { text-decoration: none; } /*! Layout --------- */ #root { position: relative; width: 100%; min-height: 100vh; padding: var(--top_h) var(--rpp) 0px; } #top { position: absolute; left: 0; right: 0; top: 0; z-index: 1; height: var(--top_h); padding: 0 50px; background: var(--top); color: var(--white); text-shadow: 1px 1px 2px rgba(0,0,0,.6); } #top > p, #top h1, #top h2, #top h3, #top h4, #top h5, #top h6 { display: block; overflow: hidden; position: relative; z-index: 8; margin: 0; font-size: 18px; font-weight: var(--fw_main); line-height: var(--top_h); text-align: center; text-overflow: ellipsis; white-space: nowrap; } #top > p a, #top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a { display: block; overflow: hidden; color: inherit; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } #top > p.user { position: absolute; right: 0; top: 0; z-index: 9; margin: 0; --bg_circle_shadow: var(--top_h); } #top > p.user a { display: block; overflow: hidden; position: relative; width: 55px; height: var(--top_h); font-size: 20px; } #top > p.user .img { display: block; position: absolute; right: 16px; top: 50%; width: 36px; height: 36px; margin: -18px 0 0 -18px; } #top > p.user i { left: auto; right: 16px; } #top > #logo { font-weight: var(--logo_fw); font-size: 26px; font-family: Montserrat, Roboto, Arial, Helvetica, sans-serif; } #top > p ~ #logo, #top > h1 ~ #logo, #top > h2 ~ #logo, #top > h3 ~ #logo, #top > h4 ~ #logo, #top > h5 ~ #logo, #top > h6 ~ #logo { display: none; } #top > input { visibility: hidden; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; } #top > label, #top > .back { display: block; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 9; width: 50px; height: var(--top_h); margin: 0; color: inherit; text-align: left; text-indent: -3000em; cursor: pointer; } #top > label:before { content: "\e907"; font-size: 12px; } #top > .back a { display: block; color: inherit; text-align: left; text-indent: -3000em; text-decoration: none; } #top > .back a:before { content: "\e938"; left: 16px; right: auto; font-size: 12px; } #skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10001; line-height: 1.5; } #skip ul { list-style: none; margin: 0; padding: 0; } #skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 8px 16px; background: var(--theme); color: var(--white); font-weight: var(--fw_bold); text-align: center; text-decoration: none; white-space: nowrap; outline: none; } #skip a:focus, #skip a:active { left: 0; } nav#nav, #user { overflow-x: hidden; overflow-y: auto; position: fixed; left: 0; top: 0; bottom: 0; z-index: 991; width: 100%; max-width: 250px; background: var(--nav); color: var(--white); --input_bd: var(--top); --input_hov: var(--nav); } nav#nav ul, #user ul { list-style: none; margin: 0; padding: 0; } nav#nav { color: var(--white); text-transform: uppercase; } #root:not(.nav) nav#nav { visibility: hidden; opacity: 0; -webkit-transform: translateX(var(--rpn)); transform: translateX(var(--rpn)); } nav#nav form { padding: 8px 0 5px; } nav#nav form p { margin: 0; } nav#nav input { display: block; width: 100%; border-width: 0; padding: 0 24px 0 66px; border-radius: 0; border-width: 0; background: var(--top); color: var(--boulder); } nav#nav button, .form-search button { display: block; overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; min-width: 0; width: 66px; margin: 0; padding: 0; border-radius: 0; border-width: 0; background: none !important; color: var(--boulder); font-size: 16px; text-indent: -3000em; text-align: left; direction: ltr; } nav#nav button:before, .form-search button:before { content: "\e905"; font-size: 16px; } nav#nav button:after, .form-search button:after { display: none; } /*.day-switched nav#nav input { color: var(--fg_main); }*/ nav#nav li { position: relative; z-index: 2; border-top: 1px solid var(--shaft); } nav#nav ul li:first-child { border-width: 0; } nav#nav ul a, nav#nav ul span, #user ul a { display: block; padding: 11px 24px; color: inherit; text-decoration: none; } nav#nav ul i, #user ul i { display: block; position: relative; top: 10px; width: 18px; margin: -20px 24px 0 0; font-size: 16px; text-align: center; } nav#nav ul i.icon-list, #user ul i.icon-list { font-size: 10px; } nav#nav ul i.icon-label, nav#nav ul i.icon-gallery-thumbnail, #user ul i.icon-label, #user ul i.icon-gallery-thumbnail { font-size: 12px; } nav#nav ul i.icon-photo-library, #user ul i.icon-photo-library { font-size: 14px; } nav#nav ul i.icon-logout, #user ul i.icon-logout, nav#nav ul i.icon-login, #user ul i.icon-login, nav#nav ul i.icon-leaderboard, #user ul i.icon-leaderboard { font-size: 17px; } nav#nav ul i.icon-schedule, #user ul i.icon-schedule, nav#nav ul i.icon-cog, #user ul i.icon-cog, nav#nav ul i.icon-subscriptions, #user ul i.icon-subscriptions, nav#nav ul i.icon-user-circle, #user ul i.icon-user-circle, nav#nav ul i.icon-plus-circle, #user ul i.icon-plus-circle { font-size: 18px; } nav#nav ul i.icon-sun, #user ul i.icon-sun { top: 8px; font-size: 20px; } [data-whatintent="mouse"] nav#nav ul a:hover, [data-whatintent="mouse"] #user ul a:hover { background: var(--black); text-decoration: none; } nav#nav ul ul { margin: -8px 0 0; padding: 0 0 5px; text-transform: none; } nav#nav ul ul li { border-width: 0; } nav#nav ul.size-11 { overflow: hidden; margin-top: auto; margin-left: 12px; padding: 0 12px 6px 0; color: var(--tundora); line-height: 1.6363636364; text-transform: none; } nav#nav ul.size-11 li { margin: 0 12px 0 0; border-width: 0; } nav#nav ul.size-11 li:before { content: "·"; display: block; position: absolute; right: 100%; top: 0; width: 12px; text-align: center; } nav#nav ul.size-11 a, nav#nav ul.size-11 span { display: inline; padding: 0; border-width: 0; } [data-whatintent="mouse"] nav#nav ul.size-11 a:hover { background: none; color: var(--white); } nav#nav :focus::-webkit-input-placeholder { opacity: 1; } nav#nav :focus:-ms-input-placeholder { opacity: 1; } nav#nav :focus::-ms-input-placeholder { opacity: 1; } nav#nav :focus::placeholder { opacity: 1; } nav#nav .list-recent, nav#nav .ui-autocomplete { position: relative; top: 0 !important; width: auto !important; margin: 0; border-top: 1px solid var(--nav); } #user { left: auto; right: 0; padding-top: 5px; } html:not(.user-active) #user { visibility: hidden; opacity: 0; -webkit-transform: translateX(var(--rpp)); transform: translateX(var(--rpp)); } /*html:not(.theme-home, .new-in) #top > label { display: none; } html:not(.theme-home, .new-in) #top > .back { display: block; }*/ #bottom { position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; height: calc(var(--bottom_h) + env(safe-area-inset-bottom)); background: var(--shaft); color: var(--white); font-size: var(--bottom_fz); text-align: center; } #bottom ul { list-style: none; width: 100%; max-width: 900px; margin: 0 auto; padding: 0; } #bottom a { display: block; height: var(--bottom_h); padding: 3px 0 0; color: inherit; text-decoration: none; } #bottom i { display: block; margin: 0 0 var(--bottom_d); font-size: var(--bottom_iz); line-height: var(--bottom_iz); } /*#bottom i.icon-shuffle { font-size: 15px; }*/ #bottom i[class*="icon-bookmark"], #bottom i[class*="icon-home"] { font-size: 16px; } .scrolled-down #root > .totop { --bottom_h: 0px; } .scrolled-down #bottom { visibility: hidden; opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); } #shadow { display: block; overflow: hidden; visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 98; color: var(--white); font-size: 12px; text-align: left; text-indent: -3000em; text-decoration: none; opacity: 0; } #shadow:before { background: var(--shaft); opacity: .8; } #shadow:after { content: "\e90c"; left: auto; right: 16px; top: 0; bottom: auto; height: var(--top_h); margin: 0; line-height: var(--top_h); opacity: 0; } #root > .totop { display: block; visibility: hidden; overflow: hidden; position: fixed; right: 8px; bottom: calc(8px + var(--bottom_h)); z-index: 9; width: 36px; height: 36px; border-radius: 4px; background: var(--dusty); color: var(--white); text-align: left; text-indent: -3000em; text-decoration: none; opacity: 0; -webkit-transform: translateY(4px); transform: translateY(4px); } .not-top #root > .totop { visibility: visible; opacity: .7; -webkit-transform: none; transform: none; } #root > .totop:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -3px 0 0 -4px; border: solid var(--white); border-width: 0 2px 2px 0; } #root > .totop:before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } #content { position: relative; z-index: 2; width: 100%; margin-left: auto; margin-right: auto; padding: var(--content_p) 0 calc(var(--bottom_h) + env(safe-area-inset-bottom)); } #content > *:last-child { margin-bottom: 20px; } /*#footer { position: relative; z-index: 1; margin: 0 var(--rpn); padding: 14px var(--rpp) calc(14px - var(--mr_main)); background: var(--shaft); color: var(--dusty); font-size: 12px; line-height: 1.2; text-align: center; } #footer a { color: inherit; }*/ /*! Columns --------- */ .cols { display: block; position: relative; margin-left: calc(0px - var(--cols)); } .cols > * { display: block; position: relative; clear: none; border: 0 solid rgba(0,0,0,0); border-left-width: var(--cols); } [class*="width-"] { width: 100%; max-width: var(--width); --width: none; } .width-20 { --width: 20%; } .width-25 { --width: 25%; } .width-33 { --width: 33.33333333333%; } .width-50 { --width: 50%; } .width-100 { --width: 100%; } .width-640 { max-width: 640px; } /*! Modules --------- */ .author_section { position: relative; z-index: 2; margin: 0 0 16px; padding: var(--dist_c) var(--dist_b) calc(var(--dist_c) - var(--mr_main) + 1px) var(--dist_a); background: var(--mbox_bg); font-size: 13px; --dist_a: 50px; --dist_b: 16px; --dist_c: 16px; --input_h: 32px; --input_bg: var(--athens); --input_bd: var(--input_bg); --input_fg: var(--shaft); } [data-whatintent="mouse"] .author_section:not(.toggle):hover { --mbox_bg: var(--athens); } .day-switched[data-whatintent="mouse"] .author_section:hover { --mbox_bg: var(--black); } .author_section h1, .author_section h2, .author_section h3, .author_section h4, .author_section h5, .author_section h6 { position: relative; z-index: 2; padding: 0 16px 0 0; font-size: 14px; font-weight: var(--fw_main); } .author_section h1:before, .author_section h2:before, .author_section h3:before, .author_section h4:before, .author_section h5:before, .author_section h6:before { content: "\e937"; overflow: hidden; left: auto; width: 10px; font-size: 5px; } .author_section.toggle h1:before, .author_section.toggle h2:before, .author_section.toggle h3:before, .author_section.toggle h4:before, .author_section.toggle h5:before, .author_section.toggle h6:before { content: "\e932"; } .author_section h1 a:before, .author_section h2 a:before, .author_section h3 a:before, .author_section h4 a:before, .author_section h5 a:before, .author_section h6 a:before { content: ""; display: block; position: absolute; left: calc(0px - var(--dist_a)); right: calc(0px - var(--dist_b)); top: calc(0px - var(--dist_c)); bottom: calc(0px - var(--dist_c)); } .author_section h1 i, .author_section h2 i, .author_section h3 i, .author_section h4 i, .author_section h5 i, .author_section h6 i { display: block; position: absolute; left: calc(0px - var(--dist_a)); top: 50%; width: var(--dist_a); margin-top: -10px; font-size: 18px; line-height: 20px; text-align: center; -webkit-transform: none !important; transform: none !important; } .author_section h1 i[class*="icon-key"], .author_section h2 i[class*="icon-key"], .author_section h3 i[class*="icon-key"], .author_section h4 i[class*="icon-key"], .author_section h5 i[class*="icon-key"], .author_section h6 i[class*="icon-key"] { font-size: 10px; } .author_section h1 i[class*="icon-envelope"], .author_section h2 i[class*="icon-envelope"], .author_section h3 i[class*="icon-envelope"], .author_section h4 i[class*="icon-envelope"], .author_section h5 i[class*="icon-envelope"], .author_section h6 i[class*="icon-envelope"] { font-size: 14px; } .author_section h1 i[class*="icon-contact"], .author_section h2 i[class*="icon-contact"], .author_section h3 i[class*="icon-contact"], .author_section h4 i[class*="icon-contact"], .author_section h5 i[class*="icon-contact"], .author_section h6 i[class*="icon-contact"] { font-size: 14px; } .author_section h1 i[class*="icon-trash"], .author_section h2 i[class*="icon-trash"], .author_section h3 i[class*="icon-trash"], .author_section h4 i[class*="icon-trash"], .author_section h5 i[class*="icon-trash"], .author_section h6 i[class*="icon-trash"] { font-size: 16px; } .author_section h1 i[class*="icon-eye-off"], .author_section h2 i[class*="icon-eye-off"], .author_section h3 i[class*="icon-eye-off"], .author_section h4 i[class*="icon-eye-off"], .author_section h5 i[class*="icon-eye-off"], .author_section h6 i[class*="icon-eye-off"] { font-size: 16px; } .author_section h1 + p, .author_section h2 + p, .author_section h3 + p, .author_section h4 + p, .author_section h5 + p, .author_section h6 + p { margin-top: 20px; } .author_section h1 + p:last-child, .author_section h2 + p:last-child, .author_section h3 + p:last-child, .author_section h4 + p:last-child, .author_section h5 + p:last-child, .author_section h6 + p:last-child { display: block; overflow: hidden; position: absolute; left: var(--dist_a); right: var(--dist_b); top: 0; bottom: 0; margin: 0; text-align: left; text-indent: -3000em; } .author_section h1 + p:last-child a, .author_section h2 + p:last-child a, .author_section h3 + p:last-child a, .author_section h4 + p:last-child a, .author_section h5 + p:last-child a, .author_section h6 + p:last-child a { display: block; position: absolute; left: 0; right: 0; top: 1px; bottom: 0; z-index: 9; color: inherit; text-decoration: none; } .author_section h1 + p:last-child a:before, .author_section h2 + p:last-child a:before, .author_section h3 + p:last-child a:before, .author_section h4 + p:last-child a:before, .author_section h5 + p:last-child a:before, .author_section h6 + p:last-child a:before { content: "\e935"; left: auto; width: 10px; background: var(--mbox_bg); font-size: 10px; } .author_section p + p { margin-top: 10px; } .author_section + .author_section { margin-top: -16px; padding-top: calc(1px + var(--dist_c)); } .author_section + .author_section:before { left: var(--dist_a); right: 0; top: 0; bottom: auto; height: 1px; background: var(--bg_main); } .day-switched .author_section + .author_section:before { background: var(--top); } [data-whatintent="mouse"] .author_section:not(.toggle) + .author_section:hover:before, [data-whatintent="mouse"] .author_section:not(.toggle):hover + .author_section:before { background: none; } .author_section form { padding: calc(var(--dist_c) - var(--mr_main)) 0 6px; } .author_section label { display: block; overflow: hidden; width: 100%; height: var(--input_h); margin: 0; padding: 0 calc(var(--input_h) * 0.5757575758) 0 34px; border-radius: 2px; background: var(--input_bg); color: var(--input_fg); font-size: 1em; line-height: var(--input_h); text-overflow: ellipsis; white-space: nowrap; } .author_section label:before { content: ""; display: block; position: absolute; left: 10px; top: 50%; font-size: 14px; width: 14px; height: 14px; margin: -7px 0 0; border-radius: 2px; border: 1px solid var(--smoke); color: var(--white); font-family: i; font-weight: 400; font-size: 6px; line-height: 12px; text-align: center; cursor: pointer; } .author_section label:has(input:checked):before { content: "\e90b"; border-color: var(--theme); background: var(--theme); } .author_section label.checked:before, .author_section input:checked ~ label:before { content: "\e90b"; border-color: var(--theme); background: var(--theme); } .author_section.toggle #basic-user-avatar-form { display: block; } .author_section #basic-user-avatar-form img { display: block; margin-bottom: var(--mr_main); } .author_section #respond { --input_h: 40px; --input_bg: var(--gallery); --input_bd: var(--gallery); --input_fg: var(--shaft); --input_fg: var(--fg_main); } .author_section #respond form { display: block; } .author_section #respond label { height: auto; padding: 0; border-radius: 0; background: none; line-height: var(--lh_main); } .author_section #respond label:before { display: none; } .author_section #respond input { display: block; height: var(--input_h); padding: 0 16px; border-radius: 2px; color: var(--fg_main); } .author_section #respond button, .author_section #respond input[type="submit"], .author_section #basic-user-avatar-form button, .author_section #basic-user-avatar-form input[type="submit"] { width: 100%; min-width: 0; height: auto; min-height: 0; margin: 0; padding: 7px; border-radius: 3px; } .author_section input { padding: 0 calc(var(--input_h) * 0.5757575758); color: var(--input_fg); font-size: 1em; } .author_section input[type="file"] { padding: 0; background: none; } .author_section input[type="checkbox"] { visibility: hidden; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; } .author_section button, .author_section input[type="submit"] { width: auto; min-width: 75px; min-height: var(--input_h); margin: 0 0 0 12px; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .data-copy-text { display: block; visibility: hidden; position: fixed; left: 50%; top: 10px; bottom: auto; z-index: 99999; width: 360px; min-height: 44px; margin: 0 0 0 -180px; padding: 10px 20px; border-radius: 2px; background: var(--theme); color: var(--white); font-family: var(--ff_main); font-size: 14px; text-align: center; opacity: 0; -webkit-transform: translateY(-6px); transform: translateY(-6px); } .data-copy-text ~ .data-copy-text { display: none; } .copied-to-clipboard .data-copy-text { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } .header-inline { display: block; margin-bottom: var(--mr_main); } .header-inline > * { display: inline; font-weight: var(--fw_main); font-size: 1em; line-height: var(--lh_main); } .heading-intro { position: relative; z-index: 2; margin-bottom: var(--rpp); padding: var(--rpp) var(--rpp) 10px; font-size: 14px; text-align: center; } .heading-intro:before { background: var(--mbox_bg); } .heading-intro figure { display: block; overflow: hidden; width: 78px; height: 78px; margin: 0 auto 10px; padding: 2px; border-radius: 999px; border: 2px solid var(--bg_main); font-size: 28px; font-family: var(--ff_head); font-weight: var(--fw_head); line-height: var(--lh_head); text-align: center; } .heading-intro figure img { display: block; border-radius: 99px; } .heading-intro h1, .heading-intro h2, .heading-intro h3, .heading-intro h4, .heading-intro h5, .heading-intro h6 { margin: 0 0 14px; font-size: 18px; } .heading-intro ul { list-style: none; max-width: 380px; margin-left: auto; margin-right: auto; padding: 0; font-weight: 700; line-height: var(--lh_head); } .heading-intro ul span { display: block; margin-top: 3px; font-size: 11px; font-weight: 400; } #content > .heading-intro { padding-top: 0; } #content > .heading-intro:first-child:before { top: calc(0px - var(--content_p)); } .header-model { position: relative; z-index: 2; /*margin-bottom: 10px;*/ padding: 0 0 .1px; text-align: center; } .header-model figure { overflow: hidden; position: relative; z-index: 2; width: 80px; height: 80px; margin: 0 auto 10px; border-radius: 99px; } .header-model figure img { -o-object-position: center 0; object-position: center 0; -webkit-transform-origin: center 0; transform-origin: center 0; } .header-model figure.static img { -webkit-transform: scale(1.2); transform: scale(1.2); } .header-model figure:not(.static) img { -webkit-transform: scale(2); transform: scale(2); } .header-model > div { position: relative; z-index: 2; } .header-model h1, .header-model h2, .header-model h3, .header-model h4, .header-model h5, .header-model h6, .header-model p:not(.link-btn) { margin-bottom: 7px; font-size: 21px; font-weight: var(--fw_bold); line-height: var(--lh_head); } .header-model .link-btn:not(:first-child) { margin-top: 10px; } .header-model .link-btn a { min-width: 170px; } .header-model .list-arrows li { position: absolute; right: 0; top: 0; } .header-model figure ~ .list-arrows li { top: 50%; margin-top: -14px; } .header-model .list-arrows li:first-child { right: auto; left: 0; } .module-article, .module-box, #login_error, #login form, #login .message { position: relative; z-index: 2; margin: 0 0 24px; padding: 12px 16px 2px; } .module-box:before, .module-article:before, #login_error:before, #login form:before, #login .message:before, .list-category li:before, .rating-a a:before { border-radius: 4px; background: var(--mbox_bg); } .list-category li:before { --mbox_bg: var(--gallery); } .day-switched .list-category li:before { --mbox_bg: var(--nav); } .module-article { margin: 24px 0; } .module-article header { padding: 2px 0; font-size: 11px; } .module-article figure { margin: 2px -16px 12px; } .module-article figure:first-child { margin-top: -12px; } #content > .module-article:first-child { margin-top: calc(0px - var(--content_p) + 24px); } /*.module-box {}*/ #content > .module-box:first-child { margin-top: calc(0px - var(--content_p) + var(--rpp)); margin-bottom: var(--rpp); } .module-box.overlay-theme { color: var(--white); --mbox_bg: var(--theme); } .module-box.overlay-theme a { color: inherit; text-decoration: underline; } .module-box.strong { font-weight: var(--fw_bold); } .module-model { padding: 0 0 .1px; font-size: 13px; --fz_main: 13px; --mr_main: 6px; } #root .module-model + * { margin-top: 4px; } .module-model .header-model { font-size: 12px; } .module-more { overflow: hidden; } .module-more:not(.toggle) { max-height: calc(var(--fz_main) * var(--lh_main) * 3); } .module-more:not(.high) { margin-bottom: calc(var(--fz_main) * var(--lh_main) + var(--mr_main)); } .module-more.high:not(.toggle) > p:first-child { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; box-orient: vertical; } .module-more.toggle + * { margin-top: calc(0px - var(--mr_main)); } .module-more:not(.high) + .link-more, .module-more.toggle + .link-more span, .module-more.high:not(.toggle) > *:first-child ~ * { display: none; } .module-more.toggle + .link-more span.hidden { display: inline; } .module-user { position: relative; z-index: 2; line-height: 1.25; } .module-user figure { position: relative; z-index: 2; width: 36px; height: 36px; margin: 0 15px 0 0; width: 36px; } .module-user figure img, #top > p.user .img img { display: block; position: relative; z-index: 9; width: 100% !important; height: 100% !important; border-radius: 99px; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .module-user figure.media-border, #top > p.user .img.media-border { padding: 3px; } .module-user p { margin: 0; font-weight: var(--fw_bold); } .module-user a { color: inherit; } .module-user ul { overflow: hidden; list-style: none; margin: 0 -9px 0 0; padding: 0; font-size: 10px; } .module-user li { position: relative; z-index: 2; margin: 0 9px 0 0; } .module-user li:before { content: "·"; display: block; position: absolute; right: 100%; top: 0; width: 9px; text-align: center; } #user .module-user { margin: -5px 0 5px; padding: 5px 0; border: 0 solid var(--black); border-left-width: 15px; border-right-width: 24px; background: var(--black); } /*.owl-carousel { position: absolute; left: -3000em; top: 0; } .owl-carousel { -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage { -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage-outer { overflow: hidden; position: relative; } .owl-carousel .owl-stage-outer { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; } .owl-carousel .owl-item { position: relative; float: left; } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel.owl-loading, .owl-carousel.owl-loaded { position: relative; left: 0; top: 0; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-nav button { display: block; position: absolute; top: 50%; min-width: 0; width: 28px; height: 28px; margin: -14px 0 0; padding: 0; box-shadow: none; border-radius: 99px; border: 0; color: var(--btn_fg); font-size: 12px; text-indent: -3000em; text-align: left; } #root .owl-nav button:not([type="reset"]), [data-whatintent="mouse"] #root .owl-nav button:not([type="reset"]):hover { background: none; color: var(--shaft); } .owl-nav button.owl-prev { left: var(--rpp); } .owl-nav button.owl-next { right: var(--rpp); } .owl-nav button:before { background: none; } .owl-nav button.owl-prev:before { content: "\e938"; padding: 0 2px 0 0; } .owl-nav button.owl-next:before { content: "\e935"; padding: 0 0 0 2px; } .owl-nav button:after { background: var(--btn_bg); opacity: 1; -webkit-transform: none; transform: none; }*/ .list-gallery.s4wi, .list-category.s4wi { display: block; } .list-gallery .swiper-slide, .list-category .swiper-slide { width: auto !important; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .list-category .swiper-slide li { width: calc(var(--w) - var(--dist)); border-left-width: 0; } .list-gallery .swiper-button-nav, .list-category .swiper-button-nav { margin-top: calc(-14px - var(--dist) * 0.5); } .list-category.s4wi { margin-left: 0; margin-right: 0; } .slider-strong { --w2: 18.1818181818vw; --h2: calc(var(--w2) * 1.5); } .list-gallery.slider-strong li { width: var(--w2) !important; } .list-gallery.slider-strong img { height: var(--h2) !important; } /*.pagination-a {}*/ .pagination-a ul, .pagination-a ol { list-style: none; margin: 0 calc(0px - var(--dist)) calc(24px - var(--dist)) 0; padding: 0; --dist: 8px; } .pagination-a li { margin: 0 var(--dist) var(--dist) 0; } .pagination-a li > * { display: block; position: relative; z-index: 2; min-width: 100px; padding: 7px 7px; border-radius: 3px; background: var(--btn_bg); color: var(--btn_fg); text-align: center; } .pagination-a li.prev, .pagination-a li.next { text-transform: uppercase; } .pagination-a li.prev a:before { content: "\00AB "; position: relative; top: -.1em; } .pagination-a li.next a:after { content: " \00BB "; position: relative; top: -.1em; } .popup-a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 998; width: 100%; height: 100%; background: rgba(0,0,0,.75); color: var(--white); } .popup-a .close { display: none; } .popup-a .box-inner { overflow-y: auto; overflow-x: hidden; position: fixed; left: 0; right: 0; top: var(--top_h); bottom: 0; width: 100%; height: calc(100% - var(--top_h)); padding: 0 var(--rpp) max(0.1px, calc(var(--rpp) - var(--mr_main))); } .popup-a .box-outer > .close { display: block; position: absolute; left: 0; right: 0; top: 0; height: var(--top_h); color: var(--white); font-size: 12px; text-align: left; text-indent: -3000em; direction: ltr; } .popup-a .box-outer > .close:before { content: "\e90c"; left: auto; right: 16px; top: 0; margin: 0; line-height: var(--top_h); } .popup-a .box-inset > .list-gallery:last-child { margin-bottom: calc(0px - var(--dist)); } .popup-a::-webkit-scrollbar, .popup-a .box-inner::-webkit-scrollbar { width: 0; background: none; } .popup-a:not(.shown) { visibility: hidden; opacity: 0; pointer-events: none; } .rating-a { list-style: none; width: 100%; max-width: 400px; margin: 20px auto; padding: 0; font-size: 13px; --dist: 24px; } .rating-a .post-ratings { } .rating-a li { position: relative; z-index: 2; margin: 8px !important; text-align: center; } /*.rating-a li.a { text-indent: -3000em; text-align: left; }*/ .rating-a li.a span { display: block; position: absolute; left: 0; right: 0; top: 40px; background: var(--mbox_bg); text-align: center; text-indent: 0; } .rating-a li.c:not(:has(img), :has(#custw), :has(.custw)) { min-height: 60px; border-radius: 4px; background: var(--mbox_bg); } .rating-a li.c.clicked { min-height: 60px; border-radius: 4px; background: var(--mbox_bg); } .rating-a li > a, .rating-a li.c > span > a { display: block; overflow: hidden; position: relative; z-index: 2; width: 70px; height: 70px; padding: 40px 0 0; border-width: 0; color: inherit; cursor: pointer; } .rating-a i, .rating-a li > a:after, .rating-a li.c > span > a:after { display: block; position: absolute; left: 0; right: 0; top: 10px; margin: 0; font-size: 18px; line-height: 19px; } .rating-a i[class*="icon-share"] { font-size: 19px; } .rating-a li.a a:after { content: "\e940"; font-size: 16px; } .rating-a li.c > span > a:after { content: "\e939"; font-size: 15px; } [data-whatintent="mouse"] .rating-a li > a:hover, [data-whatintent="mouse"] .rating-a li .wpfp-span > a:hover, .rating-a li > a.active, .rating-a li .wpfp-span > a.active, .rating-a li.active > a, .rating-a li .wpfp-span.active > a { color: var(--rose); --mbox_bg: var(--remy); } rating-a li > a.active, .rating-a li .wpfp-span > a.active, .rating-a li.active > a, .rating-a li .wpfp-span.active > a { pointer-events: none; } .rating-a img { display: none !important; } .rating-a + .form-share, #root .rating-a + .wpb-bm, #root .rating-a + .hidden + .wpb-bm { margin-top: 0; } .list-gallery + .rating-a, #root .list-gallery + .wpb-bm, .list-gallery + .form-share { margin-top: 27px; } .rating-a li:has(#custw, .custw) { display: block; width: 100%; padding-top: calc(32px - var(--dist)); -webkit-order: 10; -ms-order: 10; order: 10; -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .link-btn + .rating-a { margin-top: 0; } html:not(.logged, .clicked-bookmark) #root .notice-bookmark, html:not(.logged, .clicked-collection) #root .notice-collection, html:not(.logged, .clicked-favs) #root .notice-favs { display: none !important; } .not-logged .link-btn:has(.url-collection) + .rating-a.hidden, .not-logged .link-btn:has(.url-bookmark) + .rating-a.hidden, .not-logged .link-btn:has(.url-favs) + .rating-a.hidden { display: block; position: relative; left: 0; top: 0; } .ui-autocomplete, .list-recent { display: none; position: absolute; left: 0 !important; right: 0 !important; top: 100% !important; z-index: 99; list-style: none; margin: -9px 0 0; padding: 5px 0 3px; text-transform: none; } .ui-autocomplete:before, .list-recent:before { background: var(--input_bd); } .ui-autocomplete li { padding: 7px 16px; cursor: pointer; } .ui-autocomplete li:nth-child(n+11) { display: none; } [data-whatintent="mouse"] .ui-autocomplete li:hover, [data-whatintent="mouse"] .list-recent > span:hover { background: var(--input_hov); } #root .wpb-bm, .rating-a #custw, .rating-a .custw { position: relative; z-index: 2; width: 100% !important; max-width: 400px; padding: 21px 16px; border-radius: 4px; background: var(--mbox_bg); font-size: 13px; } #root .wpb-bm { display: none; margin: 32px auto; } #root .wpb-bm:not(.wpb-bm-widgetized-0) { text-align: center; } .wpb-bm > .wpb-bm-inner:first-child { margin-top: -5px; } .wpb-bm input, .wpb-bm select { display: block !important; height: 28px; margin-bottom: 8px; border-radius: 2px; border-width: 0; background-color: var(--white); font-size: var(--fz_main); } .wpb-bm-act { width: calc(100% + 8px); margin-left: -8px; } .wpb-bm-act > * { width: 50% !important; min-width: 50% !important; max-width: 50% !important; border-left: 8px solid rgba(0,0,0,0); } .wpb-bm-dialog, #root .wpb-bm-btn-contain { display: block; width: 100% !important; color: var(--fg_main); } .wpb-bm form { position: relative; margin-left: calc(-100% - 8px); margin-bottom: -5px; padding: 40px 0 0; } .wpb-bm form:before { left: -16px; right: -16px; top: 16px; bottom: auto; height: 8px; background: var(--bg_main); } #root .wpb-bm-act a { margin: 0; } .wpb-bm label, .wpb-bm input[type="checkbox"], .wpb-bm .chosen-container { display: none !important; } .wpb-bm-dialog.autoclose { display: block; padding-top: 16px; } .width-360 { max-width: var(--maw); --maw: 360px; } .width-680 { max-width: var(--maw); --maw: 680px; } .width-700 { max-width: var(--maw); --maw: 700px; } .width-900 { max-width: var(--maw); --maw: 900px; } /*! Content --------- */ .strong { font-weight: 700; } .em { font-style: italic; } .text-start { text-align: var(--ta_start); --justify: flex-start; } .text-center { text-align: center; --justify: center; } .text-end { text-align: var(--ta_end); --justify: flex-end; } .text-justify { text-align: justify; --justify: space-between; } .text-uppercase { text-transform: uppercase; } .size-11 { font-size: 11px; } .size-14 { font-size: 14px; } .size-16 { font-size: 16px; } .size-34 { font-size: 34px; } .size-44 { font-size: 44px; } .overlay-a, .overlay-theme { color: var(--theme); } .overlay-b, .overlay-content { color: var(--fg_main); } .overlay-c, .overlay-rose { color: var(--rose) !important; --mbox_bg: var(--remy);} .overlay-gold { color: var(--cider); --media_bd: var(--cider); } .overlay-silver { color: var(--smoke); --media_bd: var(--smoke); } .overlay-black { color: var(--black); --media_bd: var(--black); } .overlay-bronze { color: var(--bronze); --media_bd: var(--bronze); } .overlay-gray { color: var(--top); --media_bd: var(--top); } /*! Links --------- */ .link-btn, .list-tags-inline { margin: 0 calc(0px - var(--btn_dist)) calc(12px - var(--btn_dist)) 0; } .link-btn h1, .link-btn h2, .link-btn h3, .link-btn h4, .link-btn h5, .link-btn h6 { margin: 0; color: inherit; font-size: 1em; font-weight: inherit; line-height: inherit; } .link-btn a.close, .check-select-input .text-item { min-width: 0; padding-right: 20px; } .link-btn a.close:before, .check-select-input .text-item:before { content: "\e90c"; left: auto; padding-right: 7px; font-size: 6px; } .link-btn a.overlay-b, .link-btn a.overlay-content { min-width: 74px; } .link-btn a.overlay-b, .link-btn a.overlay-content, .wpb-bm-act .wpb-bm-btn-contain a { background: var(--btn_bg_inv); color: var(--btn_fg_inv); --btn_fg_hov: var(--btn_fg_inv_hov); } .link-btn a.overlay-a, .link-btn a.overlay-theme { min-width: 74px; } .link-btn a.overlay-a, .link-btn a.overlay-theme, #root button:not([type="reset"]), .list-tags-inline input:checked ~ label, .author_section input[type="submit"] { background: var(--btn_bg_th); color: var(--btn_fg_th); --theme: var(--theme_mid); } .link-btn a.overlay-c, .link-btn a.overlay-rose, #root .image-banner .btn { background: var(--rose); color: var(--white)!important; --theme: var(--wine); --btn_bg_hov: var(--rose); } p:not(.link-btn) + .link-btn, .header-inline + .link-btn { margin-top: calc(0px - var(--mr_main) + 6px); } #active { --btn_bg: var(--remy); --btn_fg: var(--rose); } .link-more a, a.link-more { color: inherit; font-weight: 700; text-transform: uppercase; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; border-style: none; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } picture { width: 100%; } figure .img-label { position: absolute; left: 6px; right: 0; top: 6px; z-index: 8; color: var(--white); font-weight: var(--fw_main); font-size: 11px; line-height: 1; text-transform: uppercase; text-shadow: 1px 1px 0px rgba(0,0,0,.7); } figure .img-label > * { display: block; position: relative; z-index: 2; height: 16px; margin: 0 4px 4px 0; padding: 3px 4px 3px; } figure .img-label > i { width: 22px; height: 16px; padding: 0 0 0 2px; font-size: 9px; line-height: 16px; text-align: center; } figure .img-label > *:after { border-radius: 2px; background: var(--black); opacity: .6; } /*figure .img-label > i:after { border-radius: 0; }*/ figure .img-overlay { display: block; visibility: hidden; position: absolute; left: 0; right: 0; bottom: 0; z-index: 8; padding: 8px 12px 12px 16px; font-weight: var(--fw_bold); font-size: var(--fz_overlay); line-height: 1.4285714286; opacity: 0; --dist_a: 8px; --h: 118px; } figure:has(img) .img-overlay { color: var(--white); text-shadow: 1px 1px 0px rgba(0,0,0,.7); } .has-img .img-overlay { color: var(--white); text-shadow: 1px 1px 0px rgba(0,0,0,.7); } figure:has(img) .img-overlay:before { opacity: .4; background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); } .has-img .img-overlay:before { opacity: .4; background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); } figure .img-overlay.visible, .mobile .img-overlay-toggle .img-overlay, li.visible .img-overlay, .list-gallery li .img-overlay-toggle + ul { visibility: visible; opacity: 1; } figure .img-overlay p, figure .img-overlay ul { list-style: none; margin-bottom: 0; padding: 0; } figure .img-overlay p a { color: inherit; } figure .img-overlay .small {font-size: 12px; font-weight: var(--fw_main);} figure .img-overlay span.small { display: block; } figure .img-overlay ul:not(.list-icon) { overflow: hidden; margin-right: -10px; } figure .img-overlay ul:not(.list-icon) li { display: block; overflow: visible; position: relative; z-index: 2; width: auto; margin: 0 10px 0 0; border-width: 0; } figure .img-overlay ul:not(.list-icon) li:before { content: "\2022"; display: block; position: absolute; left: auto; right: 100%; top: 0; width: 10px; text-align: center; } figure .img-overlay .list-icon { margin-left: calc(0px - var(--dist_a)); margin-right: calc(0px - var(--dist_a)); } figure .img-overlay > .list-icon:last-child { margin-bottom: 8px; } figure .img-overlay > * + .list-icon { margin-top: 10px; } figure a.strong { font-weight: var(--fw_bold); } figure .img-overlay h1, figure .img-overlay h2, figure .img-overlay h3, figure .img-overlay h4, figure .img-overlay h5, figure .img-overlay h6 { margin: 0; font-size: 1em; font-weight: var(--fw_main); line-height: inherit; } #root figure .toggle-img-overlay { display: none; position: absolute; left: auto; right: 0; top: 0; bottom: auto; z-index: 9; width: 30px; height: 30px; z-index: 9; color: var(--white); font-size: var(--fz_overlay); text-align: left; text-indent: -3000em; direction: ltr; opacity: .5; } #root figure .toggle-img-overlay:after { content: "\e94f"; } .mobile #root .list-gallery:not(.has-mobile-menu) figure .toggle-img-overlay { display: none; } /*.list-gallery:has(.img-overlay:has(.list-icon)), .list-gallery:has(.img-overlay:has(.list-icon)) li { position: static; } figure .img-overlay:has(.list-icon) { visibility: visible; opacity: 1; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #faf ;}*/ figure.img-contain { } #root .img-contain img, #root img.img-contain { border: 16px solid rgba(0,0,0,0); -o-object-fit: contain; object-fit: contain; } .image-banner { display: block; position: relative; z-index: 2; min-height: 118px; margin: 32px 0; padding-right: var(--pd); color: var(--white); font-size: 16px; font-weight: var(--fw_bold); line-height: 1.1875; text-align: center; --pd: 30%; --svg_dist: 32px; --svg_w: 40%; --btn_w: 159px; --btn_m: 10px; --h: 118px; --dist: 4px; } .image-banner:before { background: var(--gallery); } .day-switched .image-banner:before { background: var(--black); } .image-banner a { display: block; font-weight: 700; } .image-banner img, .image-banner svg { display: block; width: 100% !important; min-height: var(--h) !important; border: 0 solid rgba(0,0,0,0); -o-object-fit: cover; object-fit: cover; -o-object-position: 0 center; object-position: 0 center; } .image-banner svg, .image-banner img[src$="svg"] { border-bottom-width: calc(var(--h) * 0.15); border-top-width: calc(var(--h) * 0.15); -o-object-fit: contain; object-fit: contain; } .image-banner svg, .image-banner img[src$="svg"] { width: calc(var(--svg_w) + var(--svg_dist)) !important; margin: 0 auto; padding: 0 var(--svg_dist) 0 0; max-height: 120px; } .image-banner svg path { fill: var(--shaft); } .day-switched .image-banner svg path { fill: var(--athens); } .image-banner figcaption { display: block; position: absolute; right: 0; top: 0; bottom: 0; z-index: 71; width: var(--pd); padding: 0 20px 0 0; background: var(--nav); } .image-banner figcaption:before { background: var(--nav); } .image-banner figcaption:before { -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: skewX(30deg); transform: skewX(30deg); } #root .image-banner .btn { display: block; min-width: var(--btn_w); margin: var(--btn_m) 0 0; font-weight: 700; text-decoration: none; } .media-border { position: relative; z-index: 2; padding: 5px; } .media-border:before { border: 1px solid var(--media_bd); } #root .media-border:before, #top > p.user .img.media-border:before { border-radius: 999px; } .media-border img { display: block; position: relative; z-index: 2; width: 100% !important; border-radius: 999px; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .media-border:not(.static):before { -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); mask-image: gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); } .fancybox-button--plus:before { content: "\e917"; font-size: 18px; } /*! Lists --------- */ .list-arrows { list-style: none; margin: 0; padding: 0; } .list-arrows a { display: block; overflow: hidden; position: relative; z-index: 2; width: 28px; height: 28px; border-radius: 99px; background: var(--btn_bg); color: var(--btn_fg); font-size: 12px; text-indent: -3000em; text-align: left; } .list-arrows a:before { content: "\e935"; padding: 0 0 0 2px; } .list-arrows li:first-child a:before { content: "\e938"; padding: 0 2px 0 0; } .list-aside { list-style: none; padding: 0; } .list-aside li > span:first-child { display: block; width: 120px; min-width: 120px; max-width: 120px; font-weight: 700; } .list-b { position: relative; z-index: 2; list-style: none; margin: 0 0 24px; padding: 0; font-size: 14px; line-height: var(--lh_head); --img: 50px; } .list-b li { position: relative; z-index: 2; margin: 0 0 1px; padding: 10px 0 .1px 16px; background: var(--mbox_bg); } .list-b li > * { margin-bottom: 10px; border-right: 16px solid rgba(0,0,0,0); } [data-whatintent="mouse"] .list-b li:not(.nth-123):hover, [data-whatintent="mouse"] .list-category li:hover:before { --mbox_bg: var(--athens); } .day-switched[data-whatintent="mouse"] .list-b li:not(.nth-123):hover, .day-switched[data-whatintent="mouse"] .list-category li:hover:before { --mbox_bg: var(--black); } .list-b > li.nth-2 { float: left; } .list-b > li.nth-3 { float: right; } .list-b > li.nth-3 + li { clear: both; border-radius: 3px 3px 0 0; } .list-b > li:last-child { border-radius: 0 0 3px 3px; } .list-b > li.nth-123 { display: block; width: 88px; min-height: 177px; margin-bottom: 15px; padding: 36px 0 44px; text-align: center; --img: 64px; } .list-b > li.nth-123 > * { margin: 0; border-width: 0; } .list-b > li.nth-123 h1 span, .list-b > li.nth-123 h2 span, .list-b > li.nth-123 h3 span, .list-b > li.nth-123 h4 span, .list-b > li.nth-123 h5 span, .list-b > li.nth-123 h6 span, .list-b > li.nth-123 ul li:first-child:nth-last-child(2) span { display: none; } .list-b > li.nth-123 ul { display: block; padding: 3px 0 0; font-size: 11px; text-align: center; } .list-b > li.nth-123 ul li { margin: 0; } .list-b > li.nth-123 ul li > * { display: inline; padding: 0; font-size: 1em; } .list-b > li.nth-123 ul li:first-child:nth-last-child(2) { position: absolute; right: -2px; top: 33px; width: calc(0.8275862069 * var(--s)); color: var(--white); font-size: 11px; font-weight: 700; line-height: var(--s); text-align: center; --s: 29px; } .list-b > li.nth-123 ul li:first-child:nth-last-child(2):before { content: "\e944"; top: 0; z-index: -1; margin: 0; color: var(--top); font-size: var(--s); line-height: 1; text-shadow: 1px 1px 1px rgba(0,0,0,.15); } .list-b > li.nth-123 figure { margin: 0 auto 5px; } .list-b > li.nth-1 { position: absolute; left: 80px; right: 80px; top: 0; z-index: 1; width: auto; padding: 24px 0 26px; --img: 90px; } .list-b > li.nth-1:before { background: var(--mbox_bg); } .list-b > li.nth-1 h1, .list-b > li.nth-1 h2, .list-b > li.nth-1 h3, .list-b > li.nth-1 h4, .list-b > li.nth-1 h5, .list-b > li.nth-1 h6 { font-size: 18px; } .list-b > li.nth-1 ul li:first-child:nth-last-child(2) { right: 50%; top: 25px; margin-right: -46px; font-size: 13px; --s: 34px; } .list-b figure { overflow: hidden; position: relative; width: var(--img); min-width: var(--img); max-width: var(--img); height: var(--img); margin-right: 16px; border-radius: 99px; border-width: 0; } .list-b figure img { display: block; width: 100% !important; height: 100% !important; border-radius: 99px; } .list-b h1, .list-b h2, .list-b h3, .list-b h4, .list-b h5, .list-b h6 { overflow: hidden; font-size: 1em; font-weight: 700; line-height: var(--lh_head); text-overflow: ellipsis; white-space: nowrap; -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .list-b h1 span, .list-b h2 span, .list-b h3 span, .list-b h4 span, .list-b h5 span, .list-b h6 span { display: block; padding-top: 3px; font-weight: var(--fw_main); font-size: 11px; line-height: var(--lh_main); white-space: normal; } .list-b ul { list-style: none; margin: 0 -55px 0 auto; padding: 0; text-align: center; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .list-b ul li { display: block; float: none; margin: 0 55px 0 0; padding: 0; background: none; min-width: 36px; } .list-b ul li > * { display: block; padding: 3px 0 0; border-width: 0; font-size: 11px; } .list-b > li:nth-child(n+3) .media-border { padding: 4px; } #content > .list-b:first-child { margin-top: calc(0px - var(--content_p)); } .day-switched .list-b h1 span, .day-switched .list-b h2 span, .day-switched .list-b h3 span, .day-switched .list-b h4 span, .day-switched .list-b h5 span, .day-switched .list-b h6 span, .day-switched .list-b ul li > * { color: var(--dusty); } .list-category { position: relative; z-index: 2; list-style: none; margin: 0 0 calc(var(--mr_main) - var(--dist)) calc(0px - var(--dist)); padding: 0; font-size: 14px; text-align: center; --dist: 5px; --w: 151px; } .list-category li { position: relative; z-index: 2; width: var(--w); height: 144px; margin: 0 0 var(--dist); border-left: var(--dist) solid rgba(0,0,0,0); -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .list-category i { display: block; margin: 0 0 20px; font-size: 25px; line-height: 25px; } .list-category i[class*="icon-tags"], .list-category i[class*="icon-list"] { font-size: 18px; } .list-category i[class*="icon-image"], .list-category i[class*="icon-forum"] { font-size: 24px; } .list-category a { display: block; color: inherit; } .list-category.slider { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .list-category.scroll { overflow-x: auto; overflow-y: hidden; margin-left: 0; --w: 151px; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .list-category.scroll li:first-child { width: calc(var(--w) - var(--dist)); border-left-width: 0; } .is-slider.list-category, .is-slider.list-gallery { display: block; margin-left: 0; margin-right: 0; --w: 151px; } .list-category.slider:not(.is-slider) > li:nth-child(6) ~ *, .list-gallery.slider:not(.is-slider) > li:nth-child(6) ~ * { display: none; } .is-slider.list-category li, .is-slider.list-gallery li { width: calc(var(--w) - var(--dist)); border-left-width: 0; } .list-category .owl-prev, .list-category .owl-next, .list-gallery .owl-prev, .list-gallery .owl-next { /*bottom: var(--dist);*/ top: calc(50% - var(--dist) * 0.5); } .list-gallery .owl-nav button:after { background: var(--concrete); } .is-slider.list-category.slider-strong, .is-slider.list-gallery.slider-strong { margin-left: calc(var(--rpn) + 5px); margin-right: calc(var(--rpn) + 5px); } .list-gallery { list-style: none; margin: 0 calc(var(--rpn) + 5px) calc(var(--mr_main) - var(--dist)) calc(0px - var(--dist) - var(--rpp) + 5px); padding: 0; font-size: var(--fz_overlay); font-weight: var(--fw_bold); line-height: 1.25; text-align: center; counter-reset: counter; --w: 20%; --dist: 5px; --dist2: 16px; --r: 0.2; --ul_dist: 7px; } #content[class*="width-"] .list-gallery:not(.s4wi, .slider) { margin-right: 0; margin-left: calc(0px - var(--dist)); } .list-gallery li { overflow: hidden; width: var(--w); margin: 0; border: 0 solid rgba(0,0,0,0); border-left-width: var(--dist); border-bottom-width: var(--dist); --h: calc(100vw * var(--r) / var(--ratio)); } .list-gallery li:not([style*="--ratio"]) { --ratio: 1; } [class*="width-"] .list-gallery li { --h: min(calc(var(--maw) * var(--r) / var(--ratio)), calc(100vw * var(--r) / var(--ratio))); } .list-gallery figure { overflow: hidden; position: relative; z-index: 2; min-height: 0; height: var(--h); margin: 0; border-radius: 1px; } .list-gallery figure:before { border-radius: 1px; background-color: var(--gallery); background-position: center center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 400 600' viewBox='0 0 400 600'%3E%3Cpath d='M195.5 580.4c12.7-1.2 15.3-5 16.6-24.4.4-6.9 1.2-18.7 1.8-26.2.9-14.4 5-30.3 7.4-29.5.7.2 1.7 2.3 2.4 4.8.7 2.4 1.9 6.4 2.8 8.9 1.4 3.8 1.6 6.8 1.1 19-.6 12.9-.5 15.2 1.3 21 2.5 7.9 7.6 16.6 11.4 19.4 5.7 4.2 15.1 1.8 17.7-4.5 2.1-5 .6-17-3.5-28.9-3.7-10.4-3.7-10.6-3-22l.6-11.6-3-4.1c-1.7-2.3-4.1-4.9-5.5-5.8-2.6-1.7-4-7.2-5.1-20-.3-3.8-1.3-10.1-2.2-13.9-1.5-6.4-1.5-7.7 0-16 2.2-11.7 2.4-18.6 1.4-43.6l-.8-20.5 8-38.2c4.4-21 8.6-42.4 9.1-47.7 1.6-13.7-.6-34.6-6.2-59.1-1.5-6.5-6.1-17.5-10.5-24.8-4.5-7.5-5.8-15.8-4.3-28.2 1.4-11.8 5-31.8 6-32.8.4-.5 1.3 1.3 1.9 4 1.7 6.8 9.5 21 21.4 38.9 5.6 8.5 12.4 19.2 15.1 23.9 5.2 9 14.9 21.6 26 34 6.7 7.4 8.4 8.3 18.8 10 2.4.4 5.5 2.1 8.4 4.5 5 4.4 4.6 4.2 6.8 3.4 2.3-.9 2.1-1.4-2.4-7.4-2.5-3.3-3.7-5.7-3.1-6.3.6-.6 3.7-.1 8 1.2 3.9 1.2 8.6 2.2 10.4 2.3 6.2.4 11.7-.2 11.7-1.2 0-1.5-5.3-3.9-10.1-4.6-2.4-.3-6.8-1.8-9.7-3.2-4.2-2-7.4-2.6-15.1-3l-9.7-.4-3.7-5.7c-5.2-8-12.9-24.8-17.3-37.6-2-6-4.9-12.5-6.3-14.3-16-20.5-20.5-29.5-31.3-61.7-2.7-8.2-6-16.5-7.1-18.2-3-4.5-7.3-6.3-14.9-6.3-11.9 0-20.5-4.3-22.1-11-.7-2.7 1.6-12.8 3.9-17.1.7-1.5 2.3-3.1 3.5-3.4 1.3-.4 3.1-2.9 4.8-6.3 3.7-8 3.6-21.7-.3-34.7-3.2-10.5-5.8-13.7-12.9-16.1-6.1-2-19.8-1.4-25.1 1.1-5.1 2.5-12.3 10.7-15.8 18-2.6 5.7-2.9 7.2-2.4 12.7 1.2 14.7 1.6 16.1 5.7 20.5 2.2 2.4 3.9 5.1 3.9 6.2s.8 3.9 1.9 6.3c4 9.5 3.9 15.5-.6 20.8-3.7 4.4-7.5 6.1-15.6 6.6-14.2 1.1-15.6 2.7-16.8 19.8-2.5 36.5-7.6 59-16.9 75.6-2.6 4.7-7.3 13.7-10.5 20-4.7 9.4-15.8 26.9-21.7 34-3.2 3.9-6.2 5-13.5 5-5.4 0-9.2.7-14.6 2.6-3.9 1.5-9.4 3.1-12.2 3.7-7.1 1.4-10.5 2.7-10.5 4.2 0 3.4 10.6 3.4 20.2 0 10.7-3.7 12-3.2 7.3 2.9-1.4 1.8-2.8 4.7-3.1 6.4-.9 4.4 1.6 4.3 6.3-.3 3.5-3.4 8.5-5.5 13.1-5.5 6.8 0 19.9-11.6 37.9-33.3 6.4-7.8 13.6-16.3 15.9-18.8 5-5.4 8.3-11.7 11.5-21.6 1.2-4 2.7-6.9 3.2-6.6 1.5.9.2 13.5-2.6 26.8-5.2 24.7-8.6 42.2-9.2 47.6-1.1 10.5 5.3 33.6 16.6 59.7 20.2 46.4 20.9 48.5 20.9 63.2 0 9 2.8 21.1 7.4 32.3 6.9 16.9 6.9 16.7 6.2 39.5-1 31.3-2.3 43.5-5.2 50.5-1.4 3.2-4.2 12.2-6.4 20-2.1 7.8-6.2 19.5-8.9 26-2.8 6.5-5.1 12.8-5.1 14.2 0 3.8 4.6 6.8 9.5 6.1 2.2-.3 7.2-.8 11-1.2z' style='fill:%23ffffff'/%3E%3C/svg%3E"); } .day-switched .list-gallery figure:before { background-color: var(--nav); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 400 600' viewBox='0 0 400 600'%3E%3Cpath d='M195.5 580.4c12.7-1.2 15.3-5 16.6-24.4.4-6.9 1.2-18.7 1.8-26.2.9-14.4 5-30.3 7.4-29.5.7.2 1.7 2.3 2.4 4.8.7 2.4 1.9 6.4 2.8 8.9 1.4 3.8 1.6 6.8 1.1 19-.6 12.9-.5 15.2 1.3 21 2.5 7.9 7.6 16.6 11.4 19.4 5.7 4.2 15.1 1.8 17.7-4.5 2.1-5 .6-17-3.5-28.9-3.7-10.4-3.7-10.6-3-22l.6-11.6-3-4.1c-1.7-2.3-4.1-4.9-5.5-5.8-2.6-1.7-4-7.2-5.1-20-.3-3.8-1.3-10.1-2.2-13.9-1.5-6.4-1.5-7.7 0-16 2.2-11.7 2.4-18.6 1.4-43.6l-.8-20.5 8-38.2c4.4-21 8.6-42.4 9.1-47.7 1.6-13.7-.6-34.6-6.2-59.1-1.5-6.5-6.1-17.5-10.5-24.8-4.5-7.5-5.8-15.8-4.3-28.2 1.4-11.8 5-31.8 6-32.8.4-.5 1.3 1.3 1.9 4 1.7 6.8 9.5 21 21.4 38.9 5.6 8.5 12.4 19.2 15.1 23.9 5.2 9 14.9 21.6 26 34 6.7 7.4 8.4 8.3 18.8 10 2.4.4 5.5 2.1 8.4 4.5 5 4.4 4.6 4.2 6.8 3.4 2.3-.9 2.1-1.4-2.4-7.4-2.5-3.3-3.7-5.7-3.1-6.3.6-.6 3.7-.1 8 1.2 3.9 1.2 8.6 2.2 10.4 2.3 6.2.4 11.7-.2 11.7-1.2 0-1.5-5.3-3.9-10.1-4.6-2.4-.3-6.8-1.8-9.7-3.2-4.2-2-7.4-2.6-15.1-3l-9.7-.4-3.7-5.7c-5.2-8-12.9-24.8-17.3-37.6-2-6-4.9-12.5-6.3-14.3-16-20.5-20.5-29.5-31.3-61.7-2.7-8.2-6-16.5-7.1-18.2-3-4.5-7.3-6.3-14.9-6.3-11.9 0-20.5-4.3-22.1-11-.7-2.7 1.6-12.8 3.9-17.1.7-1.5 2.3-3.1 3.5-3.4 1.3-.4 3.1-2.9 4.8-6.3 3.7-8 3.6-21.7-.3-34.7-3.2-10.5-5.8-13.7-12.9-16.1-6.1-2-19.8-1.4-25.1 1.1-5.1 2.5-12.3 10.7-15.8 18-2.6 5.7-2.9 7.2-2.4 12.7 1.2 14.7 1.6 16.1 5.7 20.5 2.2 2.4 3.9 5.1 3.9 6.2s.8 3.9 1.9 6.3c4 9.5 3.9 15.5-.6 20.8-3.7 4.4-7.5 6.1-15.6 6.6-14.2 1.1-15.6 2.7-16.8 19.8-2.5 36.5-7.6 59-16.9 75.6-2.6 4.7-7.3 13.7-10.5 20-4.7 9.4-15.8 26.9-21.7 34-3.2 3.9-6.2 5-13.5 5-5.4 0-9.2.7-14.6 2.6-3.9 1.5-9.4 3.1-12.2 3.7-7.1 1.4-10.5 2.7-10.5 4.2 0 3.4 10.6 3.4 20.2 0 10.7-3.7 12-3.2 7.3 2.9-1.4 1.8-2.8 4.7-3.1 6.4-.9 4.4 1.6 4.3 6.3-.3 3.5-3.4 8.5-5.5 13.1-5.5 6.8 0 19.9-11.6 37.9-33.3 6.4-7.8 13.6-16.3 15.9-18.8 5-5.4 8.3-11.7 11.5-21.6 1.2-4 2.7-6.9 3.2-6.6 1.5.9.2 13.5-2.6 26.8-5.2 24.7-8.6 42.2-9.2 47.6-1.1 10.5 5.3 33.6 16.6 59.7 20.2 46.4 20.9 48.5 20.9 63.2 0 9 2.8 21.1 7.4 32.3 6.9 16.9 6.9 16.7 6.2 39.5-1 31.3-2.3 43.5-5.2 50.5-1.4 3.2-4.2 12.2-6.4 20-2.1 7.8-6.2 19.5-8.9 26-2.8 6.5-5.1 12.8-5.1 14.2 0 3.8 4.6 6.8 9.5 6.1 2.2-.3 7.2-.8 11-1.2z' style='fill:%234b4b4b'/%3E%3C/svg%3E"); } .list-gallery figure.empty:before { } .list-gallery figure a { display: block; width: 100%; height: 100%; min-height: 0; color: inherit; text-decoration: none; } .list-gallery figure > i, .list-gallery figure > a > i { display: block; font-size: 26px; line-height: 1; } .list-gallery figure svg.placeholder { width: 100% !important; height: 100% !important; } .list-gallery figure svg:not(.placeholder) { width: calc(100% - var(--dist2) * 2); margin: 0 auto; } .list-gallery figure svg:not(.placeholder) path { fill: var(--shaft); } .list-gallery figure img[src$="svg"] { width: calc(100% - var(--dist2) * 2) !important; margin: 0 var(--dist2); -o-object-fit: contain; object-fit: contain; } .day-switched .list-gallery figure svg:not(.placeholder) path { fill: var(--athens); } .list-gallery img { height: 100% !important; min-height: 0;} .list-gallery.wide img, .list-gallery.css img {background: var(--btn_bg);color: white;} {background: var(--btn_bg);color: white;} .list-gallery video { width: 100% !important; height: 100% !important; background: var(--nav); } .list-gallery video:not(:first-child) { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 7; margin: 0; padding: 0; background: var(--black); -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .list-gallery iframe { display: block; max-width: 100% !important; border-width: 0; } [data-whatintent="mouse"] .list-gallery li:hover video { display: block; } #root .list-gallery figure + * { padding-top: 4px; margin-bottom: 10px; } .list-gallery figure .img-overlay.text-left { padding-right: calc(50px + var(--ul_dist) * 2); text-align: left; } .list-gallery figure p a:before { display: none; } .list-gallery iframe { display: block; overflow: hidden; width: 100% !important; margin: 0; } .list-gallery figure:has(a) ~ p { position: relative; z-index: 2; } .list-gallery figure-has-a ~ p, .list-gallery figure p { position: relative; z-index: 2; } .list-gallery li > figure:has(a) ~ p a:before { display: none; } .list-gallery li > figure-has-a ~ p a:before { display: none; } .list-gallery ul { font-size: 11px; } .list-gallery p, figure .img-overlay p a { display: block; overflow: hidden; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; box-orient: vertical;font-weight: var(--fw_main); } #root .list-gallery p a { text-decoration: none; } .list-gallery p + * { margin-top: 4px; } .list-gallery div p + * { margin-top: 0; } .list-gallery figure .img-overlay p, figure .img-overlay p a { -webkit-line-clamp: 3; line-clamp: 3; } .list-gallery.limit-text figure, #root .list-gallery.limit-text p, #root .list-gallery.limit-text p a { -webkit-line-clamp: 1; line-clamp: 1; } .list-gallery figure .img-overlay.text-left p { display: block; } #root .list-gallery figure .img-overlay.text-left p a:not(.strong) { display: inline; color: var(--theme); text-decoration: underline; } .list-gallery li > ul { visibility: hidden; position: absolute; right: 0; bottom: 0; z-index: 9; padding: 0 var(--ul_dist) 5px 0; color: var(--white); font-size: 12px; font-weight: var(--fw_bold); opacity: 0; } .list-gallery li > ul li { display: block; overflow: visible; width: auto; margin-top: 15px; border-width: 0; text-align: center; } /*.list-gallery li > ul li:has(.likeButtonWPUlike) + li { margin-top: 0; }*/ .list-gallery ul li { width: auto !important; } .list-gallery li > ul img { display: block; width: 50px !important; max-width: none !important; margin: 0 0 6px; border-radius: 99px; box-shadow: 1px 1px 1px rgba(0,0,0,.25); border: 1px solid var(--white); background: var(--white); } .list-gallery li > ul a { display: block; position: relative; z-index: 2; color: inherit; text-decoration: none; } .list-gallery li > ul a:has(img) { display: block; overflow: hidden; width: 50px; max-height: 50px; margin-bottom: 23px; border-radius: 99px; box-shadow: 1px 1px 1px rgba(0,0,0,.25); border: 1px solid var(--white); background: var(--white); } .list-gallery li > ul a.has-img { display: block; overflow: hidden; width: 50px; max-height: 50px; margin-bottom: 23px; border-radius: 99px; box-shadow: 1px 1px 1px rgba(0,0,0,.25); border: 1px solid var(--white); background: var(--white); } .list-gallery li > ul a:has(img) img { box-shadow: none; border-radius: 0; border-width: 0; -webkit-transform: scale(2); transform: scale(2); -webkit-transform-origin: center 0; transform-origin: center 0; } .list-gallery li > ul a.has-img img { box-shadow: none; border-radius: 0; border-width: 0; -webkit-transform: scale(2); transform: scale(2); -webkit-transform-origin: center 0; transform-origin: center 0; } .list-gallery li > ul i { display: block; margin: 0 0 6px; font-size: var(--i); line-height: var(--i); --i: 20px; } .list-gallery li > ul i[class*="plus"][class*="circle"] { --i: 25px; } .list-gallery li > ul i[class*="image"] { --i: 22px; } .list-gallery li > ul .likeButtonWPUlike button { overflow: visible; float: none; width: 100%; height: 20px; margin: 0 0 -11px; padding: 0; border-radius: 0; background: none !important; font-size: 20px; } .list-gallery li > ul li:list-child .likeButtonWPUlike button { margin: 0; } .list-gallery li > ul .likeButtonWPUlike button:before { content: "\e940"; } #root .list-gallery li > ul .active + #ratingVal, #root .list-gallery li > ul .active .likeButtonWPUlike button { } .list-gallery .links { display: none; position: absolute; right: 0; top: 0; z-index: 9999; -webkit-transform: none !important; transform: none !important; } .list-gallery .links a { display: block; overflow: hidden; position: relative; width: 44px; height: 44px; color: var(--white); font-size: 14px; text-indent: -3000em; text-align: left; text-decoration: none; } .list-gallery .links a.back:before { content: "\e90c"; } .list-gallery .links a.link-fullscreen:before { content: "\e955"; } .is-fullscreen .list-gallery .links a.link-fullscreen:before { content: "\e958"; } .list-gallery .links a.link-slideshow:before { content: "\e943"; font-size: 14px; } .list-gallery .swiper-outer.start ~ .links a.link-slideshow:before { content: "\e957"; padding-right: 2px; } /*.icon-fullscreen:before { content: "\e955"; } .icon-pause:before { content: "\e957"; }*/ h1 + .list-gallery, h2 + .list-gallery, h3 + .list-gallery, h4 + .list-gallery, h5 + .list-gallery, h6 + .list-gallery { margin-top: 10px; } .list-gallery + *, .list-category + * { margin-top: 16px; } .list-gallery + .list-gallery, .list-gallery + .list-justified-container { margin-top: 27px; } .list-category.mobile-only + .list-category.mobile-hide, .list-gallery.mobile-only + .list-gallery.mobile-hide { margin-top: 0; } h1 + .list-gallery.mobile-only + .list-gallery.mobile-hide, h2 + .list-gallery.mobile-only + .list-gallery.mobile-hide, h3 + .list-gallery.mobile-only + .list-gallery.mobile-hide, h4 + .list-gallery.mobile-only + .list-gallery.mobile-hide, h5 + .list-gallery.mobile-only + .list-gallery.mobile-hide, h6 + .list-gallery.mobile-only + .list-gallery.mobile-hide { margin-top: 10px; } .list-gallery + .image-banner { margin-top: calc(0px - var(--mr_main) + 5px); } #content > .list-gallery:last-child { margin-bottom: calc(20px - var(--dist)); } .image-banner { margin: 0 -7px; } .list-gallery.css { --row-height: 22rem; --dist: 4px; } .list-gallery.css li, .list-gallery.css:after, .list-gallery.css .swiper-slide { --ratio: calc(var(--w) / var(--h)); -webkit-flex-basis: calc(var(--ratio) * var(--row-height)); flex-basis: calc(var(--ratio) * var(--row-height)); } .list-gallery.css li, .list-gallery.css .swiper-slide { width: auto; -webkit-flex-grow: calc(var(--ratio) * 100); flex-grow: calc(var(--ratio) * 100); } .list-gallery.css:after { content: ""; display: block; overflow: hidden; clear: both; --w: 2; --h: 1; -webvkit-flex-grow: 1000000; flex-grow: 1000000; } .list-gallery.css li a { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } .list-gallery.css.css-a { --row-height: 18rem; } .list-gallery.limit { -webkit-align-items: stretch; align-items: stretch; } .list-gallery.limit li { --w: 20% !important; } .list-gallery.limit figure { height: auto; } .list-gallery.limit:not(.limit-2-rows) li:nth-child(n+7) { display: none; } .list-gallery.limit.limit-2-rows li:nth-child(n+13) { display: none; } .list-gallery.s4wi:not(.scroll) { margin-left: calc(var(--rpn) + 5px); margin-right: calc(var(--rpn) + 5px); } .list-gallery.scroll { margin-left: 0; margin-right: 0; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; --w: 151px; --maw: 500px; } .list-gallery.scroll li, .list-gallery.s4wi li { width: calc(var(--w) - var(--dist)); border-left-width: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .list-gallery.slider-strong.s4wi li { width: var(--w); } .list-gallery.scroll:not(.s4wi) li { margin-right: var(--dist); } /*.list-gallery.static {}*/ .list-gallery.static:not(.scroll) figure:has(img) { height: auto; } .list-gallery.static:not(.scroll) figure.has-img { height: auto; } /*.list-gallery.ordered, ol.list-gallery {}*/ .list-gallery.ordered > li:before, ol.list-gallery > li:before { counter-increment: counter; content: '#' counters(counter, '.') ' '; display: block; position: absolute; left: 4px; top: 4px; z-index: 4; height: 18px; padding: 4px 4px 3px; border-radius: 2px; background: rgba(0,0,0,.6); color: var(--white); font-weight: var(--fw_main); font-size: 11px; line-height: 1; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0,0,0,.25); } /*.list-gallery.v1 {}*/ .list-gallery.v1 figure .img-overlay { font-weight: var(--fw_bold); } .list-gallery.v1 figure:has(img) .img-overlay { text-shadow: 1px 1px 0px rgba(0,0,0,.7); } .list-gallery.v1 .has-img .img-overlay { text-shadow: 1px 1px 0px rgba(0,0,0,.7); } /*.list-gallery.v2 {}*/ .list-gallery.v2.scroll figure, .list-gallery.v2.slider figure { --h: 220px; } .list-gallery.v2 figure .img-overlay { font-weight: 600; } .list-gallery.v2 figure:has(img) .img-overlay { text-shadow: 1px 1px 0 rgba(0,0,0,.7); } .list-gallery.v2 .has-img .img-overlay { text-shadow: 1px 1px 0 rgba(0,0,0,.7); } /*.list-gallery.v3 {}*/ .list-gallery.v3 figure svg:not(.placeholder) { filter: brightness(0); } .day-switched .list-gallery.v3 figure svg:not(.placeholder) { filter: brightness(0) invert(1); } .list-gallery.v3 figure:has(img) .img-overlay { color: var(--shaft); text-shadow: none; } .list-gallery.v3 .has-img .img-overlay { color: var(--shaft); text-shadow: none; } .day-switched .list-gallery.v3 figure:has(img) .img-overlay { color: var(--white); } .day-switched .list-gallery.v3 .has-img .img-overlay { color: var(--white); } /*.list-gallery.v4 {}*/ .list-gallery.v4 figure svg:not(.placeholder) { filter: brightness(0); } .day-switched .list-gallery.v4 figure svg:not(.placeholder) { filter: brightness(0) invert(1); } .list-gallery.wide { --w: 25%; --r: 0.25; } /*.list-gallery.infinite-scroll {}*/ .list-gallery.infinite-scroll.infinite-active li.hide-me, .list-gallery.infinite-scroll + .link-btn a, .list-gallery.infinite-scroll.infinite-active.infinite-finish + .link-btn a[data-show] { display: none; } .list-gallery.infinite-scroll + .link-btn a[data-show], .list-gallery.infinite-scroll.infinite-active.infinite-finish + .link-btn a { display: block; } .list-gallery-wide { position: fixed !important; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999 !important; height: auto !important; margin: 0 !important; padding: 0; background: var(--nav); color: var(--white); font-weight: var(--fw_main); line-height: var(--lh_main); text-align: left; text-shadow: 1px 1px 0px rgba(0,0,0,.7); --ul_dist: 9px; } .list-gallery-wide figure > a { pointer-events: none; } .list-gallery-wide[class*="popup-"]:not(.shown) { visibility: hidden; opacity: 0; pointer-events: none; } .list-gallery-wide .swiper-outer, .list-gallery-wide .swiper-wrapper { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; width: 100% !important; height:100% !important; } /*.swiper-wrapper { height:100svh !important; }*/ .list-gallery-wide .swiper-outer { position: relative; } .list-gallery-wide .swiper-wrapper { -webkit--flex-direction: column; flex-direction: column; } .list-gallery-wide .swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .list-gallery-wide .swiper-slide { overflow: hidden; position: relative!important; left: 0; right: 0; top: 0; width: 100% !important; -webkit-transform: none !important; transform: none !important; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .list-gallery-wide p, .list-gallery-wide h1, .list-gallery-wide h2, .list-gallery-wide h3, .list-gallery-wide h4, .list-gallery-wide h5, .list-gallery-wide h6 { line-height: var(--lh_main); } .list-gallery-wide > li, .list-gallery-wide .swiper-slide > li { position: relative !important; left: 0 !important; top: 0 !important; width: 100%; height: 100%; margin: 0; padding: 0; border-width: 0; -webkit-transform: none !important; transform: none !important; margin: 0 auto; max-width: calc(100vh* var(--ratio)); } .list-gallery-wide .swiper-button-nav { left: auto; right: 0; top: 50%; z-index: 9999; width: 84px; height: 72px; margin: 0; border-radius: 0; background: none; color: var(--white); opacity: .4; text-shadow: none; -webkit-transform: none !important; transform: none !important; } .list-gallery-wide .swiper-button-prev { margin-top: -72px; } .list-gallery-wide .swiper-button-next { margin-top: 0; } .list-gallery-wide .swiper-button-nav:after { display: none; } .list-gallery-wide .swiper-button-nav:before { margin-top: -20px; padding: 0; font-size: 40px; line-height: 40px; opacity: 1; } .list-gallery-wide .swiper-button-prev:before { content: "\e954"; } .list-gallery-wide .swiper-button-next:before { content: "\e956"; } [data-whatintent="mouse"] .list-gallery-wide .swiper-button-nav:hover { opacity: 1; } .list-gallery-wide .swiper-button-nav.swiper-button-disabled { display: block; opacity: .1; pointer-events: none; } .list-gallery-wide figure, .list-gallery-wide figure > a, .list-gallery-wide figure img, .list-gallery-wide figure video { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; width: 100% !important; height: 100% !important; margin: 0; -o-object-fit: contain; object-fit: contain; -webkit-object-position: center center; object-position: center center; } .list-gallery-wide ul, .list-gallery-wide .img-overlay { transition-delay: 0s; } .list-gallery-wide .swiper-slide-active ul, .list-gallery-wide .swiper-slide-active .img-overlay, .list-gallery-wide .swiper-slide-next ul, .list-gallery-wide .swiper-slide-next .img-overlay { transition-property: all; transition-duration: .4s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: .15s; } .list-gallery-wide.s4wi li a.back { display: none; } #root .list-gallery-wide .swiper-slide:not(.swiper-slide-active, .swiper-slide-next) ul, #root .list-gallery-wide .swiper-slide:not(.swiper-slide-active, .swiper-slide-next) .img-overlay { visibility: hidden; opacity: 0; } /*#root .list-gallery-wide p { display: block; position: absolute; left: 0; right: 0; bottom: 0; top: auto; z-index: 2; margin: 0; padding: 0 68px 10px 20px; font-size: 14px; } .list-gallery-wide p a.strong { color: inherit; font-weight: var(--fw_bold); } .list-gallery-wide p a:not(.strong) { color: var(--theme); text-decoration: underline; }*/ #content:has(.list-gallery-wide) { z-index: auto; } #content.has-list-gallery-wide { z-index: auto; } .list-tags {margin:0 auto} .list-tags li {height: 60px;--w: 12.5%;padding: 4px; } @media only screen and (max-width: 1549px) { .list-gallery { --w: 25%; --r: 0.25; --fz_overlay: 14px; --fz_icons: 25px; } .list-gallery.css { --row-height: 16rem; } .list-gallery.css.css-a { --row-height: 16rem; } .list-gallery.wide { --w: 33.33333333333%; --r: 0.33; } /*.list-gallery.limit {}*/ .list-gallery.limit li { --w: 20% !important; } .list-gallery.limit:not(.limit-2-rows) li:nth-child(n+6) { display: none; } .list-gallery.limit.limit-2-rows li:nth-child(n+11) { display: none; } .slider-strong { --w2: 22.2222222222vw; } } @media only screen and (max-width: 930px) { .list-gallery { --w: 33.33333333333%; --r: 0.33; } .list-gallery.css.css-a { --row-height: 14rem; } .list-gallery.wide { --w: 50%; --r: 0.5; } .list-gallery.scroll { --r: 0.25; } /*.list-gallery.limit {}*/ .list-gallery.limit li { --w: 25% !important; } .list-gallery.limit:not(.limit-2-rows) li:nth-child(n+5) { display: none; } .list-gallery.limit.limit-2-rows li:nth-child(n+9) { display: none; } .list-tags li {height: 60px;--w: 16.6%; } .slider-strong { --w2: 28.5714285714vw; } } @media only screen and (max-width: 400px) { .list-tags li {--w: 33%;} } @media only screen and (min-width: 931px) and (max-width: 1100px), only screen and (min-width: 611px) and (max-width: 770px), only screen and (max-width: 510px) { /*.list-gallery { --fz_overlay: 12px; --fz_icons: 20px; }*/ .list-gallery figure.media-video .img-overlay p, figure.media-video .img-overlay p a { -webkit-line-clamp: 2; line-clamp: 2; } } .list-icon { list-style: none; padding: 0; font-size: 12px; } .list-icon li { overflow: visible; position: relative; z-index: 2; width: auto; max-height: none; border-width: 0; } .list-icon a { display: block; overflow: visible; position: relative; z-index: 2; width: auto; height: auto; color: inherit; } .list-icon a span { display: block; visibility: hidden; position: absolute; left: 50%; bottom: calc(100% + 4px); padding: 5px 8px 4px; color: var(--white); font-weight: var(--fw_main); line-height: 1; text-shadow: 1px 1px 1px rgba(0,0,0,.25); white-space: nowrap; opacity: 0; -webkit-transform: translate(-50%, 3px); transform: translate(-50%, 3px); } [data-whatintent="mouse"] .list-icon a:hover span { visibility: visible; opacity: 1; -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); } .list-icon a span:before { border-radius: 2px; background: var(--black); } .list-icon i { display: block; font-size: calc(var(--fz_icons) * 0.9); line-height: var(--fz_icons); } .list-icon .icon-woman { font-size: var(--fz_icons); } .list-icon i[class*="icon-favorite"] { font-size: calc(var(--fz_icons) * 0.8); } .list-inline { overflow: hidden; list-style: none; padding: 0; } .list-inline li { position: relative; z-index: 2; margin-right: 11px; } .list-inline li:not(:last-child):before { content: "\2022"; display: block; position: absolute; left: 100%; top: 0; width: 11px; text-align: center; } .list-justified-container { margin: 0 0 16px; } .list-justified2 { list-style: none; margin: 0 var(--rpn); padding: 0; } .list-justified2 li { margin: 0; } .list-nav { list-style: none; padding: 0; font-size: 18px; font-weight: var(--fw_bold); line-height: 1.15; } .list-nav li { position: relative; z-index: 2; min-height: 64px; margin: 0 0 10px; padding: 0 0 0 80px; } .list-nav li:before { right: auto; bottom: auto; width: 64px; height: 64px; border-radius: 4px; background: var(--fav_bg); } [data-whatintent="mouse"] .list-nav li:hover:before { right: 0; bottom: 0; width: auto; height: auto; } .list-nav i { display: block; position: absolute; left: 0; top: 0; width: 64px; height: 64px; font-size: 16px; text-align: center; } .list-nav i[class*="icon-photo-library"] { font-size: 17px; } .list-nav i[class*="icon-schedule"], .list-nav i[class*="icon-subscriptions"], .list-nav i[class*="icon-star"] { font-size: 18px; } .list-nav ul { overflow: hidden; list-style: none; margin: 0 -12px 0 0; padding: 0; font-weight: var(--fw_main); font-size: 13px; line-height: var(--lh_main); } .list-nav ul li { display: block; min-height: 0; margin: 0 12px 0 0; padding: 0; } .list-nav ul li:before { display: none; } .list-nav ul li:after { content: "\2022"; display: block; position: absolute; right: 100%; top: 0; width: 12px; text-align: center; } .list-nav a { color: inherit; } .list-nav p { margin: 0; } .list-recent { display: none; margin-bottom: var(--mr_main); } .list-recent p { margin: 0; padding: 7px 16px; font-weight: var(--fw_bold); } .list-recent p a { color: inherit; font-weight: var(--fw_main); opacity: .5; } .list-recent > span { display: block; position: relative; z-index: 2; } .list-recent > span > a { display: block; padding: 7px 40px 7px 16px; color: inherit; } #root .list-recent > span > a.delete { overflow: hidden; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; padding: 0; width: 40px; background: none; font-size: 12px; text-align: left; text-indent: -3000em; opacity: .5; } .list-recent > span > a.delete:before { content: "\e908"; } .list-recent > span:nth-child(n+12), .list-recent p:after { display: none; } .form-search .list-recent { position: absolute; left: 0; right: 0; top: 100%; text-transform: none; } .form-search.focus .list-recent:has(.list-recent-entry) { display: block; } .list-tags-inline { list-style: none; padding: 0; } .list-tags-inline li { position: relative; z-index: 2; } .list-tags-inline input { visibility: hidden; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; } .list-tags-inline i { display: block; width: 10px; margin: 0 4px 0 0; line-height: 1px; } .list-tags-inline input:not(:checked) ~ label i.icon-plus { font-family: var(--ff_main) !important; font-size: 1em; text-align: center; } .list-tags-inline input:not(:checked) ~ label i.icon-plus:before { content: "+"; } .list-tags-inline input:checked ~ label i.icon-plus { top: -1px; font-size: .55em; -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .list-tags-inline input:checked ~ label i.icon-plus:before { content: "\e90b"; } .list-triple { position: relative; z-index: 2; list-style: none; height: 40px; margin: 0 var(--rpn) 24px; padding: 0; color: var(--silver); font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; line-height: 40px; text-transform: uppercase; text-align: center; } .list-triple:before { border: 1px solid var(--stripe_bd); border-left-width: 0; border-right-width: 0; background: var(--stripe_bg); } .list-triple li { position: relative; z-index: 2; } .list-triple li:not(:first-child):before { right: auto; z-index: 1; width: 2px; border-left: 1px solid var(--top); border-radius: 1px solid rgba(255,255,255,.06); } .list-triple a { display: block; overflow: hidden; position: relative; z-index: 2; color: inherit; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } [data-whatintent="mouse"] #root .list-triple a:hover { color: var(--white); text-decoration: none; } #content > .list-triple:first-child { margin-top: calc(0px - var(--content_p)); margin-bottom: var(--content_p); } #root > .list-triple { margin-bottom: 0; } /*! Forms --------- */ fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; } form p { position: relative; } legend { display: none; width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: var(--ta_start); text-transform: none; outline-width: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; text-transform: none; outline-offset: -2px; } /*input {}*/ input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; } input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; } input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; } input[type="color"] { padding: 0; cursor: pointer; } input[type="date"] { display: -webkit-inline-flex; } input[type="number"] { appearance: textfield; -moz-appearance: textfield; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline-width: 0; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { border-color: var(--silver); background: var(--silver); cursor: default; pointer-events: none; } ::-webkit-input-placeholder { opacity: 1; color: inherit; font-size: var(--fz_main); } :-ms-input-placeholder { opacity: 1; color: inherit; font-size: var(--fz_main); } ::-ms-input-placeholder { opacity: 1; color: inherit; font-size: var(--fz_main); } ::placeholder { opacity: 1; color: inherit; font-size: var(--fz_main); } #content :focus::-webkit-input-placeholder { opacity: 0; } #content :focus:-ms-input-placeholder { opacity: 0; } #content :focus::-ms-input-placeholder { opacity: 0; } #content :focus::placeholder { opacity: 0; } /*form {}*/ label { display: block; position: relative; left: 0; top: 0; z-index: 2; margin: 0 0 1px; font-size: 13px; font-weight: 400; } input, select, textarea, .check-select-input { display: block; width: 100%; border: 0 solid var(--input_bd); background: var(--input_bd); } input, select, .check-select-input { height: var(--input_h); padding: 0 16px; border-radius: 2px; } /*.day-switched textarea, .day-switched input, .day-switched select, .day-switched option { color: var(--shaft); }*/ select, .check-select-input { padding-right: var(--input_h); background-position: calc(100% - 16px) center; background-repeat: no-repeat; background-size: auto 5px; line-height: normal; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwLjMgNS41IiB2aWV3Qm94PSIwIDAgMTAuMyA1LjUiPjxwYXRoIGQ9Ik01LjEgNS41Yy0uMSAwLS4yIDAtLjMtLjEtLjEgMC0uMi0uMS0uMy0uMkwuMi45Qy4xLjggMCAuNiAwIC41Uy4xLjMuMi4yLjQgMCAuNSAwcy4zLjEuMy4ybDQuMyA0LjJMOS40LjFjLjEgMCAuMi0uMS4zLS4xcy4zLjEuNC4yYy4xLjEuMi4yLjIuNCAwIC4xLS4xLjMtLjIuNEw1LjcgNS4zYy0uMS4xLS4yLjEtLjMuMmgtLjN6Ii8+PC9zdmc+); } select:focus, .check-select.active .check-select-input { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwLjMgNS41IiB2aWV3Qm94PSIwIDAgMTAuMyA1LjUiPjxwYXRoIGQ9Ik01LjEgMGMuMSAwIC4yIDAgLjMuMS4xIDAgLjIuMS4zLjJsNC40IDQuNGMuMS4xLjIuMi4yLjQgMCAuMS0uMS4yLS4yLjMtLjEgMC0uMi4xLS40LjFzLS4yLS4xLS4zLS4yTDUuMSAxLjEuOSA1LjRjLS4xIDAtLjIuMS0uNC4xLS4xIDAtLjMtLjEtLjQtLjIgMC0uMS0uMS0uMi0uMS0uMyAwLS4xLjEtLjMuMi0uNEw0LjYuMmMwLS4xLjEtLjEuMi0uMmguM3oiIHN0eWxlPSJmaWxsOiMyMzFmMjAiLz48L3N2Zz4=); } .day-switched select, .day-switched .check-select-input { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwLjMgNS41IiB2aWV3Qm94PSIwIDAgMTAuMyA1LjUiPjxwYXRoIGQ9Ik01LjEgNS41Yy0uMSAwLS4yIDAtLjMtLjEtLjEgMC0uMi0uMS0uMy0uMkwuMi45Qy4xLjggMCAuNiAwIC41Uy4xLjMuMi4yLjQgMCAuNSAwcy4zLjEuMy4ybDQuMyA0LjJMOS40LjFjLjEgMCAuMi0uMS4zLS4xcy4zLjEuNC4yYy4xLjEuMi4yLjIuNCAwIC4xLS4xLjMtLjIuNEw1LjcgNS4zYy0uMS4xLS4yLjEtLjMuMmgtLjN6IiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+); } input[type="date"], .check-select-input { line-height: calc(var(--input_h) - 2px); } textarea { padding: 7px 7px 7px 16px; } button, input[type="button"], input[type="reset"], input[type="submit"], .link-btn a, .image-banner .btn, .wpb-bm-act a, .list-tags-inline label { display: block; overflow: hidden; position: relative; z-index: 2; margin: 0 var(--btn_dist) var(--btn_dist) 0; padding: 7px 7px; border-radius: 3px; border-width: 0; background-color: var(--btn_bg); background-position: center center; color: var(--btn_fg); font-weight: var(--fw_main); font-size: var(--fz_main); line-height: var(--lh_head); text-align: center; cursor: pointer; } .link-btn > * { margin: 0 var(--btn_dist) var(--btn_dist) 0; } button:after, .link-btn a:after, .image-banner a.btn:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; width: 100px; height: 100px; margin: -50px 0 0 -50px; border-radius: 999px; background: var(--white); opacity: .25; -webkit-transform: scale(0); transform: scale(0); } #root button:not([class*="owl-"]):focus:after, #root .link-btn a:focus:after, #root .image-banner a.btn:focus:after, #root button:not([class*="owl-"]):active:after, #root .link-btn a:active:after, #root .image-banner a.btn:active:after{ -webkit-animation-name: btn; animation-name: btn; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .link-btn a.disabled, button.disabled { pointer-events: none; } [data-whatintent="mouse"] button:hover, [data-whatintent="mouse"] input[type="button"]:hover, [data-whatintent="mouse"] input[type="reset"]:hover, [data-whatintent="mouse"] input[type="submit"]:hover, [data-whatintent="mouse"] #root .link-btn a:hover, [data-whatintent="mouse"] #root .list-arrows a:hover, [data-whatintent="mouse"] #root .pagination-a li > a:hover, [data-whatintent="mouse"] #login .submit input:hover, [data-whatintent="mouse"] #root .image-banner a:hover ~ figcaption .btn, [data-whatintent="mouse"] #root button:not([type="reset"]):hover, [data-whatintent="mouse"] #root .wpb-bm-act a:hover, [data-whatintent="mouse"] #root .list-tags-inline label:hover, [data-whatintent="mouse"] #root input[type="submit"]:hover, [data-whatintent="mouse"] #root .swiper-button-nav:hover:after { background: var(--theme) /*radial-gradient(circle, transparent 1%, var(--theme) 1%) center/15000%*/; color: var(--btn_fg_hov); /*-webkit-transition-property: background-size, background-color; transition-property: background-size, background-color; -webkit-transition-duration: 0.8s; transition-duration: 0.8s;*/ } [data-whatintent="mouse"] #root .swiper-button-nav:hover:before { color: var(--btn_fg_hov); } /*[data-whatintent="mouse"] button:active, [data-whatintent="mouse"] input[type="button"]:active, [data-whatintent="mouse"] input[type="reset"]:active, [data-whatintent="mouse"] input[type="submit"]:active, [data-whatintent="mouse"] #root .link-btn a:active, [data-whatintent="mouse"] #root .list-arrows a:active, [data-whatintent="mouse"] #root .pagination-a li > a:active, [data-whatintent="mouse"] #login .submit input:active, [data-whatintent="mouse"] #root .image-banner a:active ~ figcaption .btn, [data-whatintent="mouse"] #root button:not([type="reset"]):active, [data-whatintent="mouse"] #root .wpb-bm-act a:active, [data-whatintent="mouse"] #root .list-tags-inline label:active, [data-whatintent="mouse"] #root input[type="submit"]:active { background-color: var(--btn_bg_hov); background-size: 100%; color: var(--btn_fg_hov); -webkit-transition: background 0s; transition: background 0s; }*/ .link-btn a i, button i { display: inline-block; position: relative; top: .1em; font-size: 1.1538461538em; line-height: 1px; } .link-btn a i.icon-pencil, button i.icon-pencil { margin-right: 6px; font-size: 1em; } .check-select { display: block; } .check-select-input { height: auto; min-height: var(--input_h); ; color: inherit; cursor: pointer; } .check-select-input .text { display: block; } .check-select-input .ticker { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 8; } .check-select.chosen .check-select-input { padding-top: 8px; padding-right: 30px; } .check-select.active .ul { display: block; } .check-select .ul { display: none; overflow-x: hidden; overflow-y: auto; position: relative; z-index: 9; max-height: 165px; margin: 2px 0 0; border: 16px solid rgba(0,0,0,0); border-radius: 2px; background: var(--input_bg); scrollbar-width: thin; } .check-select .ul::-webkit-scrollbar { width: 4px; } .check-select .ul::-webkit-scrollbar-thumb { border-radius: 10px; background: var(--athens); } .day-switched .check-select .ul::-webkit-scrollbar-thumb { background: var(--boulder); } .check-select .li { display: block; position: relative; z-index: 2; padding: 0 16px; } .check-select .ul input { visibility: hidden; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; } .check-select .ul label { display: block; position: relative; z-index: 2; margin-bottom: 8px; padding: 0 0 0 47px; font-size: 1em; cursor: pointer; } .check-select .ul .li:last-child label { margin-bottom: 0; } .check-select .ul label:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 16px; height: 16px; margin-top: -8px; border-radius: 2px; border: 1px solid var(--athens); color: var(--white); font-family: i; font-size: 7px; font-weight: 400; line-height: 14px; text-align: center; cursor: pointer; } .check-select .ul label:after { z-index: 9; left: -16px; right: -16px; top: -4px; bottom: -4px; } .day-switched .check-select .ul label:before { border-color: var(--tundora); } #root .check-select .ul input:checked ~ label:before { content: "\e90b"; border-color: var(--theme); background: var(--theme); } .check-select-input .text-item { display: block; position: relative; z-index: 9; height: 28px; margin: 0 6px 6px 0; padding: 0 20px 0 7px; border-radius: 3px; background: var(--theme); color: var(--white); line-height: 28px; cursor: pointer; } .icon-check:before { content: "\e90b"; } .icon-check1:before { content: "\e936"; } .input-inline { --input_h: 28px; } .input-inline button { flex-shrink: 0; } .input-inline input { padding: 0 12px; border-radius: 3px; border-width: 1px; border-color: var(--iron); background: var(--white); } #login { width: 100%; max-width: 360px; margin: auto; padding: 16px 0 0; font-size: 13px; --mr_main: 14px; --input_bd: var(--athens); } #login_error, #login form, #login .message { margin-bottom: 16px; } #login_error, #login .message { padding-bottom: 12px; } #login .submit input { margin-top: 26px; margin-bottom: 0; padding-top: 13px; padding-bottom: 13px; background: var(--rose); color: var(--white); --theme: var(--wine); --btn_bg_hov: var(--rose); } #login p#nav { text-align: center; } #login p#nav, #login .privacy-policy-page-link { margin: 10px 0 var(--mr_main); text-align: center; } #login p#nav a, #login .privacy-policy-page-link a { color: inherit; } #reg_passmail { margin: 17px 0; } body > #login { max-width: calc(360px + var(--rpp) * 2); padding-top: 8%; padding-left: var(--rpp); padding-right: var(--rpp); } body > #login > h1, body > #login > h2, body > #login > h3, body > #login > h4, body > #login > h5, body > #login > h6 { display: block; overflow: hidden; position: relative; width: auto; text-align: center; } body > #login > h1 img, body > #login > h2 img, body > #login > h3 img, body > #login > h4 img, body > #login > h5 img, body > #login > h6 img { display: block; width: 100% !important; height: var(--top_h) !important; -o-object-fit: contain; object-fit: contain; -o-object-position: center center; object-position: center center; } #login > h1, #login > h2, #login > h3, #login > h4, #login > h5, #login > h6, .theme-login .list-triple, .theme-login #bottom, #login .forgetmenot, #backtoblog, #login br.clear, .form-search legend, .form-search label { display: none; } .form-filter { overflow-x: hidden; overflow-y: auto; visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; padding: 16px 0; background: rgba(0,0,0,.8); --rpp: 16px; --input_bd: var(--white); --input_bg: var(--input_bd); --input_h: 45px; opacity: 0; -webkit-transform: translateY(6px); transform: translateY(6px); } .form-filter fieldset { position: relative; z-index: 9; width: 100%; max-width: 360px; margin: auto; padding: var(--rpp) var(--rpp) .1px; background: var(--media_bd); } .form-filter p { margin-bottom: var(--rpp); } .form-filter footer button { min-width: 0; width: calc(50% - var(--rpp) * 0.5); min-width: calc(50% - var(--rpp) * 0.5); max-width: calc(50% - var(--rpp) * 0.5); margin: 0; padding-top: 11px; padding-bottom: 11px; } .day-switched .form-filter { --input_bd: var(--nav); } html:not(.day-switched) .form-filter { --btn_bg: var(--white); } .form-share { width: 100%; max-width: 900px; margin: 32px auto; border-radius: 2px; padding: 8px 8px .1px; background: var(--fav_bg); } .form-share p { margin-bottom: 8px; } .form-share label { display: block; width: 125px; height: 28px; margin: 0 8px 0 0; border-radius: 2px; background: var(--shaft); color: var(--white); line-height: 28px; text-align: center; white-space: nowrap; cursor: pointer; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .form-share input { height: 28px; border-radius: 2px; border-width: 0; background: var(--white); } /*.day-switched .form-share label { background: var(--white); color: var(--shaft); } .day-switched .form-share input { background: var(--top); color: var(--boulder); }*/ .form-search { position: relative; z-index: 1232; --mr_main: var(--rpp); } .form-search input { padding-left: 50px; } #content .form-search button { width: 50px; background: none !important; color: inherit !important; } #content > .form-search:first-child { margin-top: calc(0px - var(--content_p) + var(--rpp)); } .form-tags { margin-bottom: 30px; } .link-btn + .form-tags, .link-btn ~ .form-model-image { margin-top: 15px; } /*! Helpers --------- */ /*nav#nav, #shadow, #user, #shadow:after,*/ .list-icon.mobile-static, .data-copy-text, #top > p, #bottom, #root, #root > .totop, .list-icon a span, .form-filter, .list-tags-inline i, .owl-height { transition-property: all; transition-duration: 0.4s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: 0s; } .list-tags-inline i { transition-duration: 0.1s; } #top > p { transition-property: visibility, opacity; } .list-icon.mobile-static { transition-property: bottom; } #root { transition-property: border-width; } .clear { clear: both; } .hidden, [hidden], template, nav#nav em, nav#nav form legend, nav#nav form label, #top > p.user span:not(.img), #top > .back, .ui-helper-hidden-accessible, .rating-a li.b, .form-filter p:after, .author_section > br, .author_section:not(.toggle) > h1 ~ *, .author_section:not(.toggle) > h2 ~ *, .author_section:not(.toggle) > h3 ~ *, .author_section:not(.toggle) > h4 ~ *, .author_section:not(.toggle) > h5 ~ *, .author_section:not(.toggle) > h6 ~ *, .heading-intro br, .list-gallery-wide figure:before, #root .owl-carousel .disabled, .list-icon.mobile-static, .rating-a.hidden { display: none; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, #root .wpb-bm.show { display: block; } hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: var(--mr_main) 0; padding: 0; border: 0; border-top: 1px solid var(--silver); background: none; font-size: 0; } #reg_passmail:first-child, .rating-a:first-child, #root .wpb-bm:first-child, .rating-a + .rating-a, #root .rating-a + .wpb-bm, .form-share:first-child, .image-banner:first-child, .list-justified-container:first-child { margin-top: 0; } #root .margin-0 { margin-bottom: 0; } #root .margin-5 { margin-bottom: 5px; } #root .margin-10 { margin-bottom: 10px; } #root .margin-10.link-btn { margin-bottom: 11px; } #root .margin-15 { margin-bottom: 15px; } #root .margin-20 { margin-bottom: 20px; } #root .margin-30 { margin-bottom: 30px; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]), video[autoplay]:not([muted]) { display: none; } svg:not(:root) { overflow: hidden; } ::selection { background: var(--shaft); color: var(--white); text-shadow: none; } ::-moz-selection { background: var(--shaft); color: var(--white); text-shadow: none; } /*! Outlines --------- */ [data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; outline-offset: -2px; } [data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; } /*! Flexbox --------- */ /* flex */ .list-gallery-wide.shown .links, .list-gallery li > a, #login, .list-gallery .owl-stage .owl-item, .list-gallery .owl-stage .item, .owl-carousel .owl-stage, .data-copy-text, .heading-intro ul, .heading-intro figure, .author_section form, .list-tags-inline label, .list-tags-inline, .wpb-bm-act, .check-select-input .text, .form-filter footer p, .form-filter, .image-banner figcaption, .form-share p, .rating-a li, .rating-a .post-ratings, .rating-a, .list-gallery.css, .list-category li, .list-category, .list-gallery figure, .list-gallery figure > a, .list-recent p, #root, .pagination-a ul, .pagination-a ol, .list-b ul, .list-b li, .list-inline, .list-aside li, .list-nav ul, .list-nav li, .list-nav i, figure .img-overlay ul, .list-icon, figure .img-label, .list-gallery figure a, .list-gallery figure, .list-gallery li, .list-gallery, .link-btn, .module-user ul, .module-user, #user ul a, #bottom a, #bottom ul, nav#nav ul.size-11, nav#nav ul a, nav#nav, .list-triple, .input-inline { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } /* f:wn */ .list-gallery li > a, #login, .owl-carousel .owl-stage, .data-copy-text, .author_section form, .list-tags-inline label, .wpb-bm-act, .form-filter footer p, .form-filter, .image-banner figcaption, .form-share p, .rating-a li, .list-category li, .list-gallery figure, .list-gallery figure > a, .list-recent p, #root, .list-b ul, .list-b li, .list-aside li, .list-nav li, .list-gallery figure a, .list-gallery figure, .list-gallery li, .list-gallery figure, .module-user, #user ul a, #bottom a, #bottom ul, nav#nav ul a, nav#nav, .list-triple, .input-inline { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } /* f:dc */ .list-gallery li > a, #login, .data-copy-text, .form-filter, .image-banner figcaption, .rating-a li, .list-category li, .list-gallery figure, .list-gallery figure > a, #root, .list-nav li, .list-gallery figure a, .list-gallery figure, .list-gallery li, #bottom a, nav#nav { -webkit-flex-direction: column; flex-direction: column; } /* f:jc */ #login, .data-copy-text, .heading-intro ul, .heading-intro figure, .link-btn.text-center, .image-banner figcaption, .rating-a li, .rating-a .post-ratings, .rating-a, .list-category li, .list-gallery figure, .list-gallery figure > a, .pagination-a ul, .pagination-a ol, .header-model .list-inline, .header-model .link-btn, .list-nav li, .list-nav i, #bottom a { -webkit-justify-content: center; justify-content: center; } /* f:je */ figure .img-label.text-end { -webkit-justify-content: flex-end; justify-content: flex-end; } /* j:jb */ .form-filter footer p, .list-recent p, figure .img-overlay .list-icon, figure .img-label.text-justify { -webkit-justify-content: space-between; justify-content: space-between; } /* f:as */ .list-gallery { -webkit-align-items: flex-start; align-items: flex-start; } /* f:ac */ .link-btn, .heading-intro figure, .image-banner figcaption, .rating-a li, .rating-a .post-ratings, .rating-a, .list-b ul, .list-b li, .list-nav i, .list-icon, .link-btn, .module-user, #user ul a, #bottom a, #bottom ul, nav#nav ul a { -webkit-align-items: center; align-items: center; } /* f:al */ .list-tags-inline label { -webkit-align-items: baseline; align-items: baseline; } /* f:ab */ .list-gallery .owl-stage, .list-gallery.css, .list-gallery.scroll { -webkit-align-items: stretch; align-items: stretch; } /* f:s0 */ .form-filter fieldset, .list-gallery p, .module-user figure, #user ul a i, #bottom ul li, nav#nav ul a i { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } /* f:b0 */ .heading-intro ul li, .form-filter footer p button, figure .img-overlay .list-icon li, .list-triple li { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; } /* f:g3 */ .link-btn.wide > *, .heading-intro ul li, .form-filter footer p button, figure .img-overlay .list-icon li, .list-gallery figure img, .list-gallery iframe, .list-gallery figure a, .list-gallery figure, #bottom ul li, .list-triple li { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icomoon.woff2') format('woff2'), url('icons/icomoon.woff') format('woff'); font-display: block; } [class*="icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; letter-spacing: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-add:before { content: "\e909"; } .icon-add1:before { content: "\e93d"; } .icon-back:before { content: "\e93a"; } .icon-badge:before { content: "\e93b"; } .icon-bookmark:before { content: "\e93c"; } .icon-bookmark-fill:before, .active .icon-bookmark:before { content: "\e939"; } .icon-check:before { content: "\e90b"; } .icon-check1:before { content: "\e936"; } .icon-chevron-circle-down:before { content: "\e956"; } .icon-chevron-circle-left:before { content: "\e952"; } .icon-chevron-circle-right:before { content: "\e953"; } .icon-chevron-circle-up:before { content: "\e954"; } .icon-chevron-down:before { content: "\e937"; } .icon-chevron-left:before { content: "\e938"; } .icon-chevron-right:before { content: "\e935"; } .icon-chevron-up:before { content: "\e932"; } .icon-chevron-strong-down:before { content: "\e949"; } .icon-chevron-strong-right:before { content: "\e94a"; } .icon-chevron-strong-left:before { content: "\e94b"; } .icon-chevron-strong-up:before { content: "\e948"; } .icon-close:before { content: "\e5cd"; } .icon-cog:before { content: "\e933"; } .icon-compass:before { content: "\e934"; } .icon-compass-fill:before, .active .icon-compass:before { content: "\e93f"; } .icon-contact:before { content: "\e931"; } .icon-dashboard:before { content: "\e92e"; } .icon-dehaze:before { content: "\e3c7"; } .icon-ellipsis-vert:before { content: "\e94f"; } .icon-envelope:before { content: "\e92f"; } .icon-eye-off:before { content: "\e930"; } .icon-favorite:before { content: "\e87d"; } .icon-favorite-fill:before, .active .icon-favorite:before { content: "\e940"; } .icon-filters:before { content: "\e92b"; } .icon-forum:before { content: "\e92c"; } .icon-forward:before { content: "\e947"; } .icon-fullscreen:before { content: "\e955"; } .icon-gallery-thumbnail:before { content: "\e92d"; } .icon-history:before { content: "\e929"; } .icon-home:before { content: "\e92a"; } .icon-home-fill:before, .active .icon-home:before { content: "\e93e"; } .icon-image:before { content: "\e927"; } .icon-image-fill:before { content: "\e928"; } .icon-key:before { content: "\e925"; } .icon-label:before { content: "\e926"; } .icon-leaderboard:before { content: "\e923"; } .icon-list:before { content: "\e924"; } .icon-list-fill:before { content: "\e921"; } .icon-login:before { content: "\e922"; } .icon-logout:before { content: "\e91f"; } .icon-menu:before { content: "\e907"; } .icon-menu1:before { content: "\e920"; } .icon-night:before { content: "\e91e"; } .icon-pause:before { content: "\e957"; } .icon-pencil:before { content: "\e950"; } .icon-photo-library:before { content: "\e91b"; } .icon-photo-library-fill:before { content: "\e91c"; } .icon-play:before { content: "\e943"; } .icon-play-rectangle:before { content: "\e942"; } .icon-plus:before { content: "\e90a"; } .icon-plus1:before { content: "\e91d"; } .icon-plus-circle:before { content: "\e91a"; } .icon-plus-circle-fill:before { content: "\e917"; } .icon-schedule:before { content: "\e918"; } .icon-schedule-fill:before { content: "\e919"; } .icon-search:before { content: "\e905"; } .icon-share:before { content: "\e914"; } .icon-share1:before { content: "\e906"; } .icon-shield:before { content: "\e951"; } .icon-shield-fill:before { content: "\e944"; } .icon-shield-star:before { content: "\e946"; } .icon-shuffle:before { content: "\e915"; } .icon-shuffle-fill:before, .active .icon-shuffle:before { content: "\e94c"; } .icon-shuffle-strong:before, .icon-shuffle.strong:before { content: "\e945"; } .icon-smallscreen:before { content: "\e958"; } .icon-smart-display:before { content: "\e916"; } .icon-smart-display-fill:before { content: "\e941"; } .icon-star:before { content: "\e912"; } .icon-subscriptions:before { content: "\e913"; } .icon-subscriptions-fill:before { content: "\e910"; } .icon-sun:before { content: "\e911"; } .icon-thumb_down:before { content: "\e900"; } .icon-thumb_up:before { content: "\e901"; } .icon-trash:before { content: "\e90e"; } .icon-user-circle:before { content: "\e90f"; } .icon-user-circle-solid:before, .active .icon-user-circle:before { content: "\e904"; } .icon-woman:before { content: "\e90d"; } .icon-woman-fill:before, .active .icon-woman:before { content: "\e94e"; } .icon-user-box:before { content: "\e94d"; } .icon-x:before { content: "\e90c"; } .icon-x1:before { content: "\e908"; } .icon-youtube:before { content: "\e902"; } .icon-youtube-play:before { content: "\e903"; } a:active i, .rating-a a:active:after, .list-gallery li > ul .likeButtonWPUlike button:active:before, .has-icon a:active i { transition-property: transform; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1); transition-delay: 0s; } a:active i, .rating-a li.a a:active:after, .rating-a li.c > span > a:active:after, .list-gallery li > ul .likeButtonWPUlike button:active:before, .has-icon a:active i { -webkit-transform: scale(.6); transform: scale(.6); } #bottom a:active i { -webkit-transform: none; transform: none; } .has-icon i { display: block; } #root .has-icon a { display: block; color: inherit; text-decoration: none; } [data-whatintent="mouse"] #root .has-icon a:hover { color: var(--rose); } #content > .has-icon:first-child/*, #content > i.size-34:first-child, #content > *:first-child > i.size-34:first-child*/ { display: block; margin-top: calc(0px - var(--content_p) + var(--rpp)); } /*! Animations --------- */ @-webkit-keyframes btn { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: .25; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes btn { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: .25; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } /*! fancyBox Copyright Janis Skarnelis License GPLv3 (commercial/multi license - https://psdhtml.me) Version 3.5.7 https://github.com/fancyapps/fancyBox */ body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71); } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } /* Caption */ .fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } /*! Fancybox - custom CSS --------- */ .fancybox-container .title { display: none; position: absolute; left: 0; right: 0; bottom: 0; z-index: 99996; color: var(--white); line-height: 44px; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,.25); } .fancybox-container .title a { color: var(--theme); text-transform: uppercase; } .fancybox-container .title ~ .title { display: none; } .fancybox-stage:has(.title) .fancybox-content:before { top: auto; bottom: 0; z-index: 9; height: 25%; opacity: .05; background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); } .fancybox-button { background: none !important; } /* Responsive --------- */ @media only screen and (min-width: 931px) { /* desktop only */ #root .desktop-hide, #root .tablet-only { display: none; } } @media only screen and (min-width: 611px) and (max-width: 930px) { /* tablet only */ .image-banner { --svg_w: 60%; } #root .tablet-hide { display: none; } } @media only screen and (max-width: 930px) { #root .desktop-only { display: none; } } @media only screen and (min-width: 611px) { :root { --bottom_h: 60px; --bottom_fz: 14px; --bottom_iz: 20px; /*--bottom_d: 8px;*/ } /*.img-overlay {}*/ [data-whatintent="mouse"] figure:hover .img-overlay, [data-whatintent="mouse"] .list-gallery li:hover figure .img-overlay { visibility: visible; opacity: 1; } .list-gallery.s4wi, .list-category.s4wi { overflow: hidden; } /* Swiper, Copyright: Vladimir Kharlampidi, License: MIT, Version: 7.0.2, URL: https://github.com/nolimits4web/swiper */ .s4wi { display: block; position: relative; z-index: 1; } .swiper, .l4st .swiper-outer { overflow: hidden; position: relative; z-index: 1; list-style: none; padding: 0; } .swiper-vertical > .swiper-wrapper { -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; z-index: 1; width: 100%; height: 100%; } .swiper-wrapper, .swiper-pagination-bullets { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .swiper-wrapper, .swiper-slide { -webkit-transition-property: transform; transition-property: transform; } .swiper-wrapper { -webkit-align-items: stretch; align-items: stretch; } .s4wi .swiper-android .swiper-slide, .s4wi .swiper-wrapper { -webkit-transform: translate3d(0px,0,0); transform: translate3d(0px,0,0); } .s4wi .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-slide { position: relative; width: 100%; height: 100%; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .swiper-slide-invisible-blank { visibility: hidden; opacity: 0; } /*.swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; }*/ .swiper-button-lock, .swiper-pagination-lock { display: none; } .swiper-autoheight .swiper-wrapper { -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: transform, height; transition-property: transform, height; } .swiper-pagination-bullets { position: relative; left: 0; right: 0; bottom: 0; z-index: 9; } .swiper-pagination-bullets { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; } .swiper-pagination-bullet { display: block; position: relative; width: var(--dots_dist); height: var(--dots_dist); text-align: left; text-indent: -3000em; direction: ltr; cursor: pointer; pointer-events: auto; } .swiper-pagination-bullet:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 8px; background: var(--gray); opacity: .53; } .swiper-pagination-bullet.swiper-pagination-bullet-active:before { background: var(--secondary_bg); -webkit-transform: scale(1.75); transform: scale(1.75); } .swiper-pagination-bullet:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: -10px; bottom: -10px; z-index: 9; } .swiper-button-nav { display: block; position: absolute; top: 50%; z-index: 9; min-width: 0; width: 28px; height: 28px; margin: -14px 0 0; padding: 0; box-shadow: none; border-radius: 99px; border: 0; color: var(--btn_fg); font-size: 12px; text-indent: -3000em; text-align: left; cursor: pointer; } .swiper-button-prev { left: var(--rpp); } .swiper-button-next { right: var(--rpp); } .swiper-button-nav:before { background: none; } .swiper-button-prev:before { content: "\e938"; padding: 0 2px 0 0; } .swiper-button-next:before { content: "\e935"; padding: 0 0 0 2px; } .swiper-button-nav:after { background: var(--btn_bg); border-radius: 99px; opacity: 1; -webkit-transform: none; transform: none; } #root .mobile-only, .swiper-button-disabled { display: none; } } @media only screen and (min-width: 901px) { #root .multi-mobile { display: none; } } @media only screen and (max-width: 900px) { #root .multi-desktop { display: none; } } @media only screen and (max-width: 610px) { :root { --fz_main: 13px; } /*.active .icon-schedule:before { content: "\e919"; }*/ /*.img-overlay {}*/ .mobile #root figure .toggle-img-overlay { display: block; } .image-banner { margin: 0 -12px; } .link-d{margin: 10px var(--rpn) 14px var(--rpn)!important;} .list-gallery { --w: 50%; --r: 0.5; --dist: 3px; --fz_icons: 20px; --dist2: 10px; } .list-gallery:not(.mobile-static) { margin-left: calc(var(--rpn) - var(--dist)); margin-right: var(--rpn); } .list-gallery figure.media-video .img-overlay p, figure.media-video .img-overlay p a { -webkit-line-clamp: 2; line-clamp: 2; } .list-gallery .size-14 { font-size: 12px; } .list-gallery + .image-banner { margin-top: calc(0px - var(--mr_main) + 3px); } .list-gallery.css { margin-right: var(--rpn); margin-left: calc(var(--rpn) - var(--dist)); } .list-gallery.css li, .list-gallery.css:after { --ratio: calc(var(--w) / var(--h)); --row-height: 22rem; } .list-gallery.css figure { border-radius: 0; } .list-gallery.css.css-a { --row-height: 12rem; } /*.list-gallery.wide { --w: 100%; --r: 1; --dist: 5px; }*/ /*.list-gallery.v1 {}*/ .list-gallery.v1 .size-14 { font-size: 13px; } /*.list-gallery.limit {}*/ .list-gallery.limit li { --w: 50% !important; } .list-gallery.limit:not(.limit-2-rows) li:nth-child(n+3) { display: none; } .list-gallery.limit.limit-2-rows li:nth-child(n+5) { display: none; } .list-tags li {--w: 25%;} /*.list-gallery li > ul i { margin: 0 0 4px; font-size: 16px;} .list-gallery li > ul .likeButtonWPUlike button { font-size: 16px; }*/ /* show */ [data-whatintent="mouse"] .list-gallery li:hover > ul { visibility: visible; opacity: 1; } .s4wi:not(.list-gallery-wide) .swiper-wrapper { overflow-x: auto; overflow-y: hidden; height: auto !important; -webkit-transform: none !important; transform: none !important; display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .s4wi:not(.list-gallery-wide) .swiper-wrapper .swiper-slide:last-child { margin-right: 0 !important; } .slider-strong { --w2: 40vw; } /*.list-icon.mobile-static { display: block; visibility: hidden; position: fixed; left: 0; right: 0; bottom: calc(var(--bottom_h) + env(safe-area-inset-bottom)); z-index: 99; margin: 0; padding: var(--rpp); opacity: 0; } .list-icon.mobile-static li { display: block; overflow: hidden; position: relative; width: 100%; max-width: 350px; margin: 0 auto; border-bottom: 1px solid var(--porcelain); background: var(--white); } .list-icon.mobile-static li:first-child { border-radius: 2px 2px 0 0; } .list-icon.mobile-static li:last-child { border-radius: 0 0 2px 2px; border-bottom-width: 0; } .list-icon.mobile-static a { display: block; padding: 12px 12px 12px 52px; color: var(--shaft); font-size: 14px; } .list-icon.mobile-static a i { display: block; position: absolute; left: 0; top: 50%; width: 48px; margin-top: -10px; font-size: 18px; line-height: 20px; text-align: center; } .list-icon.mobile-static a i.icon-woman { font-size: 20px; } .list-icon.mobile-static a i.icon-woman:before { content: "\e94e"; } .list-icon.mobile-static a i.icon-favorite:before { content: "\e940"; } .list-icon.mobile-static a i.icon-schedule:before{ content: "\e919"; } #root .list-icon.mobile-static a span { visibility: visible; position: relative; left: 0; top: 0; bottom: 0; padding: 0; color: inherit; font-weight: inherit; line-height: inherit; text-shadow: none; white-space: normal; opacity: 1; -webkit-transform: none; transform: none; } .list-icon.mobile-static a span:before, .list-icon.mobile-static #thelike { display: none; } #root .list-icon.mobile-static #active ~ span, .list-icon.mobile-static #active, .list-icon.mobile-static #active * { color: var(--rose); } .img-overlay-toggle #root > #shadow, .img-overlay-toggle #root > .list-icon.mobile-static { visibility: visible; opacity: 1; } .img-overlay-toggle #root .list-gallery .img-overlay:has(.list-icon) { visibility: hidden; opacity: 0; }*/ figure.img-overlay-toggle .img-overlay p { display: none; } .list-gallery .swiper-button-nav, .list-category .swiper-button-nav, #root .link-fullscreen, .list-gallery-wide .swiper-button-nav { display: none; } .scrolled-down .list-icon.mobile-static { bottom: 0; } .module-more:not(.toggle) { max-height: calc(var(--fz_main) * var(--lh_main) * 3 - 2px); } @media only screen and (min-width: 511px) { .image-banner { margin: 0 -12px; } li.w300 { display: none ;} } #top > p, #top h1, #top h2, #top h3, #top h4, #top h5, #top h6 { font-size: 16px; } /*input, textarea { font-size: 16px; } input, nav#nav input { padding-bottom: 1px; }*/ .heading-intro { padding-left: 0; padding-right: 0; } .heading-intro:before { content: ""; display: block; position: absolute; left: 50%; right: auto; top: 0; bottom: 0; z-index: -1; width: 100vw; margin: 0 0 0 -50vw; } .heading-intro ul { max-width: none; margin-left: var(--rpn); margin-right: var(--rpn); } .image-banner { text-align: right; --svg_w: 60%; --btn_w: 80px; --btn_m: 14px; } .image-banner figcaption { -webkit-align-items: flex-end; align-items: flex-end; } .link-btn.scroll { overflow-y: hidden; overflow-x: auto; margin-right: 0; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; justify-content: flex-start; } .link-btn.scroll a { white-space: nowrap; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .list-category { --w: 147px; --dist: 3px; } .list-category.scroll li, .list-category.slider li { height: calc(var(--w) - var(--dist)); } /*.list-gallery {}*/ .list-gallery a.back { width: 40px; } .list-gallery a.back:before { content: "\e94b"; padding-left: var(--rpp); text-align: left; } .list-gallery.v2.scroll figure, .list-gallery.v2.slider figure { --h: 160px; } /*.list-gallery.scroll { overflow-x: scroll; }*/ .list-gallery.scroll, .slider.list-category, .slider.list-gallery, .list-category.scroll { --w: 109px; } .list-gallery.scroll.slider-strong, .s4wi.list-category.slider-strong, .s4wi.list-gallery.slider-strong, .list-category.scroll.slider-strong { --w: 40vw; } .list-gallery-wide { --ul_dist: 7px; } /*.link-btn {}*/ .link-btn a.overlay-b, .link-btn a.overlay-content { min-width: 64px; } .link-btn.scroll, .link-btn.mobile-scroll { overflow-y: hidden; overflow-x: auto; margin-left: var(--rpn); margin-right: var(--rpn); padding-left: var(--rpp); padding-right: calc(var(--rpp) - var(--btn_dist)); -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; justify-content: flex-start; } .link-btn.scroll a, .link-btn.mobile-scroll a { white-space: nowrap; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .module-article { margin-left: var(--rpn); margin-right: var(--rpn); } .module-article:before { border-radius: 0; } #content > .module-article:first-child { margin-top: calc(0px - var(--content_p) + 24px); } .module-model { font-size: 12px; } #root .mobile-hide, #root .tablet-only, #root .multi-desktop { display: none; } } @media only screen and (max-width: 375px) { .data-copy-text { left: var(--rpp); right: var(--rpp); top: var(--rpp); width: auto; margin-left: 0; } .list-b h1 span, .list-b h2 span, .list-b h3 span, .list-b h4 span, .list-b h5 span, .list-b h6 span { display: none; } } @media only screen and (max-width: 360px) { .rating-a { --dist: 16px; } } /* edits P */ #tagSearchResults li{display:block;padding:7px 40px 7px 16px;color:inherit;border:0 solid var(--input_bd);background:var(--input_bd)} #tagSearchResults{max-height:170px;width:100%;padding:0; scrollbar-color: var(--btn_fg) var(--input_bd);} p.link-btn.scroll > a.hidden-tag {display: none;} .tags-list{line-height:2;font-size:13px;font-weight:700;padding:0 8px} .tags-list li{width:20%;display:inline-block;overflow:hidden} .tags-list a{display:block;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #tagFilter{margin-bottom:24px;width:100%} .module-article-tags{margin:12px 0 30px} @media only screen and (max-width: 610px) { .tags-list{font-size:15px} .tags-list li{width:33.33%} } @media only screen and (max-width: 480px) { .tags-list{font-size:15px} .tags-list li{width:50%} } ul.suggestions{list-style-type:none;padding:0;margin:0} .link-d a{margin:0;padding:11px;background:var(--coal);color:var(--white);font-size:19px;font-weight:500;display:block;overflow:hidden;position:relative;border-radius:2px;line-height:1.1;text-decoration:none;text-align:center;cursor:pointer} .link-d{display:block;margin: 10px -7px 14px -7px;} .list-gallery.css.show-5 {--row-height: 8rem;padding-top: 1px;} #respond input[type="submit"] {background: var(--input_bd);} .history_submit {width: auto; float: left;} .list-gallery li#active {color: var(--rose);} .rating-a .a.active {color: var(--rose);} span#active {color: var(--rose);--mbox_bg: var(--remy);} i#active.icon-schedule {color: var(--rose);} #custw {width: 60px;font-size: 10px;} .bold-900 {font-weight: 900;} .center_text {text-align: center;} button.button.button-secondary.wp-hide-pw.hide-if-no-js{display:none} input#pw-weak{float:left;margin:4px 12px 0 0} .pw-weak label{width:100%;line-height:22px} .login #pass-strength-result{font-weight:600;margin:-1px 5px 16px 0;padding:6px 5px;text-align:center;width:100%;border-radius: 2px;} #pass-strength-result.short{background-color:#f1adad;opacity:1} #pass-strength-result.bad{background-color:#fbc5a9;opacity:1} #pass-strength-result.good{background-color:#ffe399;opacity:1;display: none;} #pass-strength-result.strong{background-color:#c1e1b9;opacity:1;display: none;} .login h1 a{background-image:url(/wp-content/themes/masonry/images/favicons/favicon.svg);background-size:84px;background-position:center top;background-repeat:no-repeat;color:#444;height:84px;font-size:20px;font-weight:400;line-height:1.3;margin:0 auto 15px;padding:0;text-decoration:none;width:84px;text-indent:-9999px;outline:0;overflow:hidden;display:block} button.button.button-secondary.wp-hide-pw.hide-if-no-js{display:none!important} p.description.indicator-hint{display:none} .module-article.btnsuggest{ --btn_bg: var(--silver);} .approval-form input {width: 80px;float: left;} .module-article.btnsuggest.remove {--mbox_bg: #dabfc7;} .likeButtonWPUlike button {margin-bottom: 6px !important;} img.blacksvg { filter: brightness(0); } .day-switched img.blacksvg { filter: brightness(0) invert(1); } .no-zindex { z-index: unset;} .banner-preview {min-height: 140px;} .banner-preview img {height: 140px!important;} .v3 .img-overlay:before {background: none !important;} #my_video_1 {object-fit: contain; max-height: 60vw;} .list-tags-inline li.disabled{overflow:hidden;position:relative;z-index:2;margin:0 var(--btn_dist) var(--btn_dist) 0;padding:7px;border-radius:3px;border-width:0;background-color:var(--btn_bg_inv);background-position:center center;;font-weight:var(--fw_main);font-size:var(--fz_main);line-height:var(--lh_head);text-align:center;color:var(--btn_fg_inv); } .visible {display: block !important;} #collection_likes_active { color: var(--rose);--mbox_bg: var(--remy);} .module-article video {display: unset !important;} .wp_ulike_is_liked button:before {color: var(--rose) !important;} .wp_ulike_is_liked {color: var(--rose) !important;} .li.portrait img {object-fit: cover !important;} @media (pointer: coarse) { #root figure .toggle-img-overlay { display: block;} } .last-child button {text-shadow: 1px 1px 0px rgba(0,0,0,.7);} .size-14.strong a { font-weight: var(--fw_bold); } .last-child .icon-woman-fill {font-size: 22px;} i.icon-woman-fill.size-22 {font-size: 22px;} .close-canvas { position: absolute; right: 22px; top: 12px; z-index: 9999; -webkit-transform: none !important; transform: none !important;font-family: i;} .close-canvas a { display: inline; overflow: hidden; position: relative; width: 44px; height: 44px; color: var(--white); font-size: 14px; text-align: left; text-decoration: none; } .close-canvas a.close-button:before { content: "\e90c"; text-shadow: 1px 1px 0px rgba(0,0,0,.7);} .new-feature {color: var(--rose);} .no-background figure::before {background-image:unset !important;} #simple-fep-postbox input, #simple-fep-postbox textarea, #simple-fep-postbox select, .wpb-coll-body input, .wpb-coll-body textarea, .wpb-coll-body select { background: var(--form_textfield); } .wpb-bm-inner input, .wpb-bm-inner textarea, .wpb-bm-inner select { background-color: var(--coll_add_bg); } .svg-awards { filter: var(--svg-filter); -webkit-filter: var(--svg-filter); } .svg-bw { filter: var(--svg-bw); -webkit-filter: var(--svg-bw); } a.wpb-bm-btn.active { background-color: var(--btn_bg_th); } /*************************** API *****************************/ #loader { width: 70px; aspect-ratio: 1; border-radius: 50%; border: 8px solid; border-color: transparent var(--fg_main); animation: l1 1s infinite; margin: 20px auto; } @keyframes l1 {to{transform: rotate(.5turn)}} #load-more { margin: 20px auto; padding: 18px 44px; } #nomore { padding: 7px 7px; border-radius: 3px; background: var(--btn_bg); color: var(--btn_fg); text-align: center; margin: 20px 0 20px 0; } /*************************** COLLECTIONS *****************************/ #collection_wrapper { color: var(--fg_main); font-family: var(--ff_main); font-weight: var(--fw_main); line-height: var(--lh_main); text-align: left; } #collection_wrapper p { line-height: 28px; } #collection_image_src { padding-bottom: 10px; } #collection_description { padding: 12px 7px 7px 16px; line-height: var(--lh_main); height: 80px; } #collection_update{ width: 100%; } /*************************** File list: * https://www.joymiihub.com/wp-content/plugins/wp-bookmarks/css/wpb-collections.css * https://www.joymiihub.com/wp-content/plugins/wp-bookmarks/css/wpb-chosen.css *****************************/ .wpb-button.button a{box-shadow:none}.wpb-button.button{background:buttonface none repeat scroll 0 0;font-size:small;border-radius:4px}.wpb-button.button.active{background:#000 none repeat scroll 0 0}.wpb-button.button.active a{color:white}.wpb-item{width:25%;border:1px solid #eee}.wpb-thumb img{width:100%}.wpb-item .wpb-thumb{margin-bottom:5px}.wpb-item .wpb-title{margin:0;text-align:center}.wpb-item .wpb-action-remove{margin:0}.wpb-action-remove{text-align:center}.wpb-action-remove>i{cursor:pointer}.wpb-single.wpb-item{margin-top:10%;float:left}.wpb-loader.loading{position:absolute;top:10%;left:46%;width:40px;height:40px;text-align:center;background:url('icons/loading.gif') no-repeat center!important;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;z-index:7100;opacity:.8}.wpb-clear{clear:both}div.wpb-coll *{text-decoration:none;outline:0;border:0;letter-spacing:0}.wpb-coll{width:96%;line-height:1!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;font-size:13px;margin: 0 auto !important;}.wpb-coll-listpublic{float:left;width:22%;background:#fff!important;border-radius:8px 0 0 0}.wpb-coll-listpublic a{display:block!important;width:100%!important;padding:12px 20px!important;font-size:12px!important;line-height:18px!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #f5f5f5;color:#888;position:relative}.wpb-coll-listpublic a:hover{color:#333}.wpb-coll-listpublic a.active{color:#333!important}.wpb-coll-listpublic a i{position:absolute;top:6px;font-size:30px!important;color:#555!important;right:10px;opacity:.7}.wpb-coll-listpublic a span{position:absolute;right:10px;top:12px;font-size:12px!important;color:#bbb!important}.wpb-coll-list{float:left;width:22%;background:var(--mbox_bg);padding: 16px;border-radius: 4px;}.wpb-coll-body{background: var(--mbox_bg);padding: 8px 18px 0 18px;border-radius: 4px;margin: 0 0 0 18px;float:left;width:74%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box}.wpb-coll-body-inner{}.wpb-coll-body.loading{background:#fbfbfb url('icons/loading.gif') no-repeat center!important}.wpb-coll-list a{margin-bottom: 4px;border-radius: 4px;display:block!important;width:100%!important;padding:12px 20px!important;line-height:18px!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background: var(--input_bd);font-weight: 400;color: var(--btn_fg);}.wpb-coll-list a.active{color:white;;border: none;background: var(--theme);}.wpb-coll-list a i{position:absolute;top:6px;font-size:30px!important;color:#555!important;right:10px;opacity:.7}.wpb-coll-list a span{position:absolute;right:10px;top:12px;}.wpb-coll-hide{display:none!important}.wpb-coll-count{font-size:20px!important;line-height:30px!important;color:#555!important;position:relative}.wpb-coll-count a.wpb-bm-btn.bookmarked{top:0;right:0;background:var(--rose);color:var(--btn_fg_th);--theme:var(--theme_mid);border-radius:3px;font-weight:400;float:left;height:30px;line-height:14px;margin:20px 0;width:100%}.wpb-coll-remove{display:none;font-size:13px!important;color:#888!important}.wpb-coll-item{padding: 12px 12px 0 0 !important;position:relative;float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:25%}.wpb-coll-abs{position:absolute;right:0;bottom:0;text-align:center;border:0!important}.wpb-coll-item .uci-title{margin:3px 0 0 0!important}.wpb-coll-item .uci-title a{font-size:14px!important;line-height:20px!important}.wpb-coll-item .uci-title a:hover{text-decoration:underline!important}.wpb-coll-item .uci-url{margin:3px 0 0 0!important;font-size:13px!important;color:#bbb!important}.wpb-coll-item .uci-url a{color:#bbb!important;text-decoration:none!important}.uci-thumb{float:left}.uci-thumb img{display:block;overflow:hidden;width:100%}.uci-content{margin-left:70px!important}@media only screen and (max-width:37.5em){.wpb-coll-item{width: 25%;line-height: 24px;}.wpb-coll-list{float:none;width:100%;margin-bottom: 20px;}.wpb-coll-body{width:100%;border-radius: 4px;margin: 0;}}.wpb-coll-abs.wpb-bm-btn.secondary{position: unset;line-height: 28px;background: var(--rose);display: block;color: white;width: 100%;border-radius: 4px 4px 0 0;}.wpb-coll-abs.wpb-bm-btn.secondary:hover{}.wpb-bm-btn.secondary{border-color:#ccc!important;}.wpb-bm-btn.secondary:focus,.wpb-bm-btn.secondary.active{border-color:#aaa!important;color:#fff}.wpb-bm-btn.bookmarked_category,.wpb-bm-btn.bookmarked_category:hover,.wpb-bm-btn.bookmarked_category:focus,.wpb-bm-btn.bookmarked_category.active{color:#fff!important;border:solid 1px #bd3d3d!important;box-shadow:inset 0 1px #e16565!important;background:#c24a4a!important;background:-webkit-gradient(linear,0% 0,0% 100%,from(#d14242),to(#c24a4a))!important;background:-moz-linear-gradient(0% 0 270deg,#d14242,#c24a4a)!important}.wpb-bm-btn.secondary.thickbox.addedbookmark{color:#fff!important;background:#c44!important;border:medium none!important}.wpb-bm-btn.secondary.thickbox{width:20%!important}.wpb-remove-collection{font-size:14px;color:var(--chambray);border:1px solid var(--alto) !important;background:#fff;padding:8px!important;margin-right: 8px !important;}.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:12px;transform: scale(1);*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none;top:0}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,0.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container a:hover{text-decoration:none!important}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;border-radius:0;text-decoration:none;white-space:nowrap;height:28px;line-height:28px;background:#fff;color:#888!important;border:1px solid #ddd;box-shadow:inset 0 -1px 4px #eee}.chosen-container-single .chosen-default{color:#888!important}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(https://www.joymiihub.com/wp-content/plugins/wp-bookmarks/css'../img/chosen-sprite.png') -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url('../img/chosen-sprite.png') no-repeat 0 5px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type="text"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1px 0;padding:4px 20px 4px 5px;border-radius:0!important;width:100%!important;height:auto;outline:0;border:1px solid #aaa;background:#fff url('../img/chosen-sprite.png') no-repeat 100% -20px!important;background:url('../img/chosen-sprite.png') no-repeat 100% -20px,-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff))!important;background:url('../img/chosen-sprite.png') no-repeat 100% -20px,-webkit-linear-gradient(#eee 1%,#fff 15%)!important;background:url('../img/chosen-sprite.png') no-repeat 100% -20px,-moz-linear-gradient(#eee 1%,#fff 15%)!important;background:url('../img/chosen-sprite.png') no-repeat 100% -20px,-o-linear-gradient(#eee 1%,#fff 15%)!important;background:url('../img/chosen-sprite.png') no-repeat 100% -20px,linear-gradient(#eee 1%,#fff 15%)!important;font-size:1em;font-family:sans-serif;line-height:normal}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px}.chosen-container .chosen-results li.active-result{display:list-item;color:#555!important;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc!important;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff!important}.chosen-container .chosen-results li.no-results{display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:bold;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;width:100%;height:auto!important;height:1%;border:1px solid #ddd;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type="text"]{margin:1px 0;padding:5px;height:26px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-field .default{color:#999}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 0 3px 5px;padding:3px 20px 3px 5px;border:1px solid #aaa;border-radius:0;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,0.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url('../img/chosen-sprite.png') -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,0.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background:#fff;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 5px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,0.3)}.chosen-container-active .chosen-choices li.search-field input[type="text"]{color:#111!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type="text"]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type="text"]{padding:4px 5px 4px 20px;background:#fff url('../img/chosen-sprite.png') no-repeat -30px -20px;background:url('../img/chosen-sprite.png') no-repeat -30px -20px,-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background:url('../img/chosen-sprite.png') no-repeat -30px -20px,-webkit-linear-gradient(#eee 1%,#fff 15%);background:url('../img/chosen-sprite.png') no-repeat -30px -20px,-moz-linear-gradient(#eee 1%,#fff 15%);background:url('../img/chosen-sprite.png') no-repeat -30px -20px,-o-linear-gradient(#eee 1%,#fff 15%);background:url('../img/chosen-sprite.png') no-repeat -30px -20px,linear-gradient(#eee 1%,#fff 15%);direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 5px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 5px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi){.chosen-rtl .chosen-search input[type="text"],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type="text"],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url('../img/chosen-sprite@2x.png')!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}div#mceu_25 {visibility: hidden;height: 0px;} .wpb-coll-item img { width: 100%; /* Ensures the image fills the container's width */ height: auto; /* Allows the height to adjust according to the width */ aspect-ratio: 2/3; /* This makes the height 1.5 times the width */ object-fit: cover; /* Ensures images fill the height without distortion */ display: block; /* Removes extra space below images */ } /* Center the pagination container */ #pagination_infinite { display: flex; justify-content: center; align-items: center; gap: 20px; margin: 25px auto; font-weight:bold } /* Style for pagination links */ #pagination_infinite a { text-decoration: none; padding: 8px 12px; transition: background 0.3s, color 0.3s; color: var(--pag); } /* Active page styling */ #pagination_infinite .pagination_infinite_active { color: var(--fg_main); }