[mn="8001"] { padding: 6px 0; line-height: 1; z-index: 5; background-color: #fff; } [mn="8001"] .mediabx a { --iconclr: #fff; --iconhovclr: #fff; border-radius: 50%; padding: 7px } [mn="8001"] .mediabx .unit { margin: 0 0 0 9px } [mn="8001"] .searchbx { position: relative; width: 150px; } [mn="8001"] .searchbx input { margin: 0; padding: 6px 9px 6px 30px; width: 100%; border-radius: 50px; border: 2px solid #ccc; font-size: inherit; } [mn="8001"] .searchbx i { position: absolute; left: 9px; top: 50%; translate: 0 -50%; color: #ccc; width: 12px; } [mn="8001"] .logo { margin: 0 0 } [mn="8001"] .logo img { max-height: 60px } [mn="8001"] .logo ._imgobj img { max-height: 21px } /* ======================= */ nav { line-height: 1; } nav :is(ul, li){ list-style: none; list-style-type: none; margin: 0; padding: 0; display: inline-flex; justify-content: center; align-items: center; flex-wrap: wrap; } nav a { display: inline-flex; justify-content: center; align-items: center; font-family: var(--ft-t1); /* font-size: 110%; */ text-transform: uppercase; text-decoration: none; color: inherit; padding: 9px 12px; } nav a:hover, nav a.active{ color: var(--clr01) !important } nav > ul > li { margin: 0 3px; padding: 0; position: relative } @media (max-width: 767px) { nav > ul > li > ul { padding: 0 0 0 12px } nav > ul > li > ul li { width: 100%; font-size: 80%; } nav > ul > li > ul li ~ li { border-top: 1px solid #eee } nav > ul > li > ul a { text-transform: initial; width: 100%; justify-content: flex-start; } } @media (min-width: 767px) { nav > ul > li > ul { position: absolute; bottom: -15px; right: 50%; translate: 50% 100%; scale: 1 0; /* display: none; */ min-width: 250px; background-color: rgba(0,0,0,.8); color: #fff; border: 1px solid #eee; padding: 9px; transition: .6s all .3s ease ; display: block; transform-origin: top; } nav > ul > li:hover > ul { transition: .6s all ease; scale: 1 1; } nav > ul > li > ul a { text-transform: initial; width: 100%; justify-content: flex-start; padding: 6px; } nav > ul > li > ul a:hover, nav > ul > li > ul a:active { background-color: #23ade391; color: #fff; } nav > ul > li > ul li { width: 100%; justify-content: flex-start; } nav > ul > li > ul li ~ li { /* margin-top: 9px; */ } } @media (min-width: 767px) { nav > ul > li > a::after { content: ''; display: block; left: 50%; top: 50%; height: calc(100% + 0px); width: calc(100% + 0px); border: 3px solid var(--clr01); position: absolute; translate: -50% -50%; pointer-events: none; opacity: 0; } nav > ul > li > a.active::after, nav > ul > li > a:hover::after { opacity: 1; } } .dekstopnav .main > * { padding: 3px 0 } .mobilenav .mediabx a { --bgclr: #000; --iconclr: #fff; --iconhovclr: #fff; } .mobilenav { position: fixed; height: 100vh; background-color: rgba(0 0 0 / 50%); z-index: 50; padding: 0 0 0 0; width: 100% !important; display: block; translate: -101% 0; opacity: 0; transition: .6s all .3s ease; } .mobilestickbx { position: fixed; top: 0; left: 0; padding: 8px 15px; width: 100% !important; background-color: #fff; z-index: 50; border-bottom: 1px solid #ccc; } .mobilestickbx img { max-height: 45px } .mobilestickbx ._imgobj { display: none } .mobilenav nav a { flex: 0 0 100%; width: 100%; justify-content: flex-start; color: inherit; text-decoration: none; padding: 6px 0; font-size: 150%; } .mobilenav.active { translate: 0 0; opacity: 1; transition: .3s all ease; } .mobilenavw { transition: .3s all cubic-bezier(0.075, 0.82, 0.165, 1); height: 100vh; background-color: #fff; width: calc(100% - 90px) !important; display: block; overflow: hidden; overflow-y: auto; translate: -101% 0; opacity: 0; max-width: 400px; } .mobilenav.active .mobilenavw { transition: .9s all .3s cubic-bezier(0.075, 0.82, 0.165, 1); translate: 0 0; opacity: 1; } .mobilenav nav{ padding: 90px 24px 15px; } .mobilenav .infobx { padding: 0 24px 60px; } .mobilenav .infow { border-top: 1px solid #ccc; padding: 21px 0 0; } .mobilenav nav :is(ul, li) { margin: 0 } .mobilenav nav > ul > li { flex: 0 0 100%; } .mobilenav nav a { flex: 0 0 100%; width: 100%; justify-content: flex-start; color: inherit; text-decoration: none; } .mobilenav .mediabx .unit { margin: 0 6px 6px 0 } /* ===================== */ .menuburger { --square: 35px; --height: 3px; --top: 9px; --vpadding: 15px; --bgclr: #555; --radius: 5px; position: fixed; width: var(--square)!important; height: var(--square); top: var(--vpadding); left: calc(var(--vpadding) + 9px); transition-duration: 0.5s; display: flex; justify-content: center; align-items: center; z-index: 55; scale: 0.7; } .menuburger .icon { transition-duration: 0.5s; position: relative; height: var(--height); width: var(--square); top: 0; background-color: var(--bgclr); border-radius: var(--radius) } .menuburger .icon:before { transition-duration: 0.5s; position: absolute; width: var(--square); height: var(--height); background-color: var(--bgclr); content: ""; top: calc(-1 * var(--top)); border-radius: var(--radius) } .menuburger .icon:after { transition-duration: 0.5s; position: absolute; width: calc(var(--square) / 2); height: var(--height); background-color: var(--bgclr); content: ""; top: var(--top); border-radius: var(--radius) } .menuburger.open .icon { transition-duration: 0.5s; transform: rotateZ(180deg); } .menuburger.open .icon:before { transform: rotateZ(45deg) scaleX(0.75) translate(var(--top), -6px); } .menuburger.open .icon:after { width: var(--square); transform: rotateZ(-45deg) scaleX(0.75) translate(var(--top), 6px); } .mobilestickbxp, .dekstickbx { width: 100% !important; } .dekstickbx { padding: 9px 0; position: fixed; left: 0; top: 0; z-index: 10; background-color: #fff; border-bottom: 1px solid #eee; transition: 2s all cubic-bezier(0.075, 0.82, 0.165, 1); translate: 0 -101%; } body.scrolled .dekstickbx { translate: 0 0; } .dekstickbx .logo img { max-height: 35px; } .dekstickbx .logo ._imgobj img { max-height: 15px; } @media (max-width: 767px) { .dekstickbx, [mn="8001"] { display: none; } } @media (min-width: 767px) { .menuburger, .mobilestickbxp, .mobilestickbx, .mobilenav { display: none !important; } } .mobilenav nav .addedmenu a { padding: 15px; text-align: center; justify-content: center; } nav .addedmenu a { border-radius: 50px; background-color: var(--clr01); color: #fff } nav .addedmenu a:hover { background-color: var(--clr02); color: #fff !important; } nav .addedmenu a:after { display: none; }[mn="8208"] { margin-top: auto; padding-bottom: 0; } [mn="8208"] .sitemap :is(ul) { list-style-type: none; list-style: none; margin: 0; padding: 0; } [mn="8208"] .sitemap li ~ li{ margin: 9px 0 0 } [mn="8208"] ._imgobj { margin: 0 0 15px } [mn="8208"] a { color: inherit; text-decoration: none; } [mn="8208"] .info- { padding: 9px 15px; } [mn="8208"] .mediabx { margin: 0 } [mn="8208"] .mediabx > * { justify-content: center; } [mn="8208"] .mediabx a { --iconclr: var(--clr01x, #fff); --iconhovclr: var(--clr01x, #fff); padding: 6px; /* --iconclr: var(--clr01); --iconhovclr: var(--clr01x, #fff); --bgclr: var(--clr02x, #fff); --bghovclr: var(--clr02, #fff); */ margin: 3px; border-radius: 50%; } [mn="8208"] .ttl { font-size: 150%; line-height: 1; margin: 0 0 12px; font-family: var(--ft-t1); } [mn="8208"] .copyright { padding: 30px 0; font-size: 80%; font-family: var(--ft-t1); } /* [mn="8208"]:after { content: ''; display: block; height: 2px; position: absolute; width: 100%; background-color: #ccc; top: 0; left: 0; } */ [mn="8208"] a { text-underline-offset: 3px; } [mn="8208"] a:hover { text-decoration: underline; } @media (max-width: 991px) { [mn="8208"] .empty { display: none; } } @media (max-width: 767px) { [mn="8208"] .newsletterbx { width: 250px; margin: 0 auto; } [mn="8208"] .newsletterbx, [mn="8208"] { text-align: center } [mn="8208"] .mediabx a { margin: 6px } [mn="8208"] .copyright .container > .f { justify-content: center; } [mn="8208"] .copyright .container > .f > * { flex: 0 0 100%; max-width: 100%; } } [mn="1016"] ._imgobj { text-align: center; margin: 15px auto; } [mn="1016"] ._subttl { font-size: 100%; } [mn="1016"] .btn { margin: 0 0 9px; } [mn="1016"] h4 { margin: 0 0 15px; } [mn="1016"] .txtbglyr { position: absolute; width: auto; text-align: center; white-space: nowrap; font-size: 2500%; z-index: -1; color: #ffecf8; left: 50%; top: 0; translate: -50% 0; font-family: var(--ft-t1); line-height: 1; pointer-events: none; } [mn="1016"] .taste a:not(.btn) { font-family: var(--ft-t3); color: var(--clr03); } [mn="1016"] .btn { min-width: auto; padding: 0; color: var(--clr01); background-color: transparent; border: 0; } @media (max-width: 767px) { [mn="1016"] ._imgobj { text-align: inherit; margin: 15px 0 0; } } @media (max-width: 575px) { [mn="1016"] .txtbglyr { font-size: 18vw; left: 0; top: 60px; translate: 0 0; writing-mode: vertical-lr; transform-origin: center; } }[mn="1000"] { text-align: center }[mn="4000"] { min-height: 65vh; } [mn="4000"] [catid] { padding: 6px 9px; margin: 0 3px; cursor: pointer; font-family: var(--ft-t2); display: inline-block; } [mn="4000"] [catid]:hover, [mn="4000"] [catid].active { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; color: var(--clr01) } [mn="4000"] .catbx { margin: 0 0 45px; } [mn="4000"] .general ._content { margin: 0 auto 25px; max-width: 700px; width: 100%; } [mn="4000"] .listbx { margin: 0 -15px; } [mn="4000"] .list { --div: 2; flex: 0 0 50%; padding: 15px; text-align: center; } [mn="4000"] .list .bimgw{ max-width: 450px; margin-bottom: 15px; } [mn="4000"] .list .title{ font-size: 150%; font-family: var(--ft-t2); line-height: 1.2 } [mn="4000"] .list ._content { margin-top: 15px; } @media (max-width: 575px){ [mn="4000"] .list .title { font-size: 110%; } }[mn="4001"] { min-height: 65vh; [videoSrc]{ cursor: pointer; } [listid]:not([videoSrc]){ .play_icon{ display: none; } } .play_icon{ display: none !important; } } [mn="4001"] [catid] { padding: 9px 12px; margin: 0 3px; cursor: pointer; font-family: var(--ft-t2); } [mn="4001"] [catid]:hover, [mn="4001"] [catid].active { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; color: var(--clr01) } [mn="4001"] .catbx { margin: 0 0 45px; } [mn="4001"] .list { --div: 4; flex: 0 0 calc(100% / var(--div)); max-width: calc(100% / var(--div)); padding: 6px; text-align: center; } [mn="4001"] .list .bimgw{ width: 450px; margin-bottom: 15px; .bimg{ background-color: #eee; } } [mn="4001"] .list .title{ font-size: 150%; font-family: var(--ft-t2); line-height: 1.2 } [mn="4001"] .list ._content { margin-top: 15px; } @media (max-width: 767px) { [mn="4001"] .list { --div: 3; } } @media (max-width: 575px) { [mn="4001"] .list { --div: 2; } }[mn="1502"] [catid] { padding: 9px 12px; margin: 0 3px; cursor: pointer; font-family: var(--ft-t2); } [mn="1502"] [catid]:hover, [mn="1502"] [catid].active { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; color: var(--clr01) } [mn="1502"] .catbx { margin: 0 0 45px; } @media (max-width: 991px) { [mn="1502"] .tabbx { display: none; } } [mn="1502"] .divlrw { margin: 0 -15px } [mn="1502"] .divlr- { --div: 300px; padding: 0 15px; } [mn="1502"] .divlr-.l, [mn="1502"] .divlr-.r { flex: 0 0 100%; max-width: 100% } /* ============================== */ [mn="1502"] .postbx { } [mn="1502"] .postbx .imgObj { max-width: 100%; max-height: 70vh; margin: 0 auto; } [mn="1502"] .postbody { width: 100%; max-width: 800px; margin: 30px auto; /* padding: 0 15px; */ line-height: 2; color: #666; text-align: justify; } /* ============================== */ [mn="3004"] { padding: 0; text-shadow: 5px 4px 9px rgba(0,0,0,.5); } [mn="3004"] ._content { width: 600px; max-width: calc(100% - 60px); margin: 0 auto 15px; } [mn="3004"] .h4 { line-height: 1; margin: 15px 0 15px; } [mn="3004"] .swiper { display: flex; min-height: 100vh; } [mn="3004"] .swiper-wrapper { display: flex; height: auto; } [mn="3004"] .swiper-slide { padding: 30px; font-size: 130%; } [mn="3004"] .swiper-button-next, [mn="3004"] .swiper-button-prev { aspect-ratio: 1 / 1 !important; background-color: var(--clr01); width: 40px; height: auto; border-radius: 50%; } [mn="3004"] .swiper-button-next:after, [mn="3004"] .swiper-button-prev:after { color: #fff; font-size: 15px; } [mn="3004"] .swiper-pagination-bullet { width: auto; height: auto; padding: 3px 0; margin: 3px 6px !important; background-color: transparent; color: #fff; font-family: var(--ft-t1); border-bottom: 3px solid transparent; border-radius: 0; opacity: 1; line-height: 1; text-align: center; } [mn="3004"] .swiper-pagination-bullet-active { border-bottom: 3px solid #fff; } [mn="3004"] .swiper-pagination { translate: 0 -21px; } @media only screen and (max-width: 767px) { [mn="3004"] .swiper-slide { font-size: 110%; } } @media only screen and (max-width: 575px) { [mn="3004"] .swiper-button-next, [mn="3004"] .swiper-button-prev { width: 25px; } [mn="3004"] .swiper-slide { padding-bottom: 60px; } } [mn="4401"] .index { --div: 3; text-align: center; line-height: 1; padding: 15px 9px; flex: 0 0 calc(100% / var(--div)); max-width: calc(100% / var(--div)); } [mn="4401"] .ttl { padding: 9px 0 6px; font-family: var(--ft-b2); font-size: 110%; margin: 0 0 9px; } [mn="4401"] .bimgw { --bw: 75px; border-bottom: 3px solid #fff; padding-bottom: 12px; } [mn="4401"] .num { font-size: 210%; font-family: var(--ft-t2); } @media (max-width: 991px) { [mn="4401"] .index { --div: 2; } } @media (max-width: 767px) { [mn="4401"] .index { --div: 3; } } @media (max-width: 575px) { [mn="4401"] .index { --div: 1; } [mn="4401"] .index-w { width: 200px; margin: 0 auto; } } @media (min-width: 767px) { [mn="4401"] ._secttlbx { text-align: inherit } } [mn="7017"] .list- { --count: 3; flex: 0 0 calc(100% / var(--count)); max-width: calc(100% / var(--count)); padding: 0 15px; text-align: center; } [mn="7017"] .bimgw { padding: 0; } [mn="7017"] .bimg { --bpt: 118%; } [mn="7017"] .title { margin: 0 auto; line-height: 1.3; font-size: 150%; position: relative; margin: 0 0 12px; padding: 0 0 12px; } [mn="7017"] .title:after { content: ''; display: block; position: absolute; left: 50%; translate: -50% 0; width: 60px; height: 3px; background-color: #fff; bottom: 0; } [mn="7017"] ._content { font-size: 80%; } [mn="7017"] .infobx { width: 350px; max-width: 100%; margin: 6px auto; position: relative; } [mn="7017"] .txtbx { position: absolute; left: 0; top: 50%; translate: 0 -50%; color: #fff; padding: 15px; } @media (max-width: 991px) { [mn="7017"] .list- { --count: 2; } } @media (max-width: 767px) { [mn="7017"] .list- { --count: 2; } } @media (max-width: 575px) { [mn="7017"] .list- { --count: 1; } } [mn="3503"] .sectionbg-2 { z-index: -99; } /* [mn="3503"] .bimgw { width: 1000px; } [mn="3503"] .bimg { --bw: 1000px; --bpt: 79%; } [mn="3503"] .title { line-height: 1.1; margin: 0; padding: 15px 15px 100px; color: #fff; background-color: var(--clr01); } [mn="3503"] .btn { border: 0; background-color: #fff; color: var(--clr01); margin: 0; position: absolute; right: 0; bottom: 0; } */ [mn="3503"] .swiper-wrapper { display: flex; } [mn="3503"] .swiper-slide { height: auto; border-right: 1px solid #fff; } [mn="3503"] .swiper-slide > * { cursor: pointer; display: flex; width: 100%; } [mn="3503"] .swiper-pagination { position: relative; margin: 15px 0 0; } [mn="3503"] .swiper-button-next, [mn="3503"] .swiper-button-prev { aspect-ratio: 1 / 1 !important; background-color: var(--clr01); width: 40px; height: auto; border-radius: 50%; } [mn="3503"] .swiper-button-next:after, [mn="3503"] .swiper-button-prev:after { color: #fff; font-size: 15px; } [mn="3503"] .swiper-pagination-bullet-active { background-color: var(--clr01); } @media only screen and (max-width: 767px) { } [mn="3503"] .itm { flex: 0 0 100%; max-width: 100%; padding: 90px 30px 30px; background-color: rgba(0,0,0,.3) } [mn="3503"] .itm:hover { background-color: rgba(0,0,0,.65) } [mn="3503"] a { text-decoration: none; } [mn="3503"] .itm>div { height: 100%; padding: 0; color: #fff } [mn="3503"] .btn { min-width: auto; padding: 0; color: var(--clr01); background-color: transparent; border: 0 } [mn="3503"] .txt .smr { font-size: 80%; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 0 0 15px; } [mn="3503"] .infobx { line-height: 1.1; transition: all ease-in-out .4s; width: 100%; flex: 1 0 0; } [mn="3503"] ._subttl { margin: 6px 0 0; } [mn="3503"] .ttl { font-size: 120%; margin: 6px 0 9px; font-family: var(--ft-t1); } [mn="3503"] .blogicon .bimgw { --bw: 90px; margin: 0; } [mn="3503"] .blogicon .bimg { background-image: url(src/blog.png); background-position: left bottom; } [mn="3503"] .thumb .bimg { --bpt: 70% } /* [mn="3503"] .thumb .bimg:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; background-color: var(--clr01); mix-blend-mode: multiply; opacity: 0; transition: .4s all ease; display: block; content: ''; } [mn="3503"] .itm>*:hover .thumb .bimg:after { opacity: .5; } */ [mn="3503"] .itm>*:hover .thumb .bimg { transform: scale(1.05); } [mn="3503"] div.add { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 90%; opacity: 0; transition: all ease-in-out .4s; z-index: 3; color: #fff } [mn="3503"] .itm>* { cursor: pointer; } [mn="3503"] .itm>*:hover div.add { opacity: 1; } [mn="3503"] .itm>*>* { flex-direction: column } [mn="3503"] .date { font-size: 80%; } [mn="3503"] .bimg-w { background-color: #000; } @media screen and (max-width: 575px) { } .licht3503 .infobx { line-height: 1; text-align: center; background-color: #fff; position: sticky; top: 0; padding: 15px 0; z-index: 10; } .licht3503 .infobx > * ~ * { margin: 6px 0 0; } [mn="3009"] { } [mn="3009"] .item { text-align: center; } [mn="3009"] .profilebx .bimgw { --bw: 69px; } [mn="3009"] .profilebx .bimg { border-radius: 50% } [mn="3009"] .rate .bimgw { --bw: 100%; } [mn="3009"] .rate .bimg { --bpt: 15px; background-image: url(src/star-5.png); margin: 0 0 12px; } [mn="3009"] .ttl { line-height: 1.1; margin: 0 0 9px; font-family: var(--ft-t1); font-size: 80%; } [mn="3009"] .swiper-pagination { position: relative; margin: 15px 0 0; } [mn="3009"] .swiper-button-next, [mn="3009"] .swiper-button-prev { aspect-ratio: 1 / 1 !important; background-color: var(--clr01); width: 40px; height: auto; border-radius: 50%; } [mn="3009"] .swiper-button-next:after, [mn="3009"] .swiper-button-prev:after { color: #fff; font-size: 15px; } [mn="3009"] .swiper-pagination-bullet-active { background-color: var(--clr01); } @media only screen and (max-width: 767px) { } [mn="1006"] { padding: 0; } [mn="1006"] .rowbxlist { padding: 60px 0; } [mn="1006"] .verticalbar:after { height: 40px; width: 40px; right: 0; bottom: 50%; transform: translate(50%, 50%) rotate(45deg) ; background-color: var(--clr03); } [mn="1006"] .bg-mask { background-color: #fff } [mn="1006"] .textbx { padding: 0 0 0 0; max-width: calc(100% - 0px); width: 600px; margin: 0 auto; text-align: justify; } [mn="1006"] .itm.lr-w { flex: 0 0 100%; max-width: 100%; /* flex-direction: row-reverse; */ padding: 0; } [mn="1006"] .itm .l, [mn="1006"] .itm .r { flex: 0 0 50%; max-width: 50%; } [mn="1006"] .itm .l { min-height: 300px; z-index: 3; } /* [mn="1006"] .itm .l:after { content: ''; left: 0; bottom: 0; position: absolute; display: block; height: 100%; width: 250px; background: rgb(236,241,243); background: linear-gradient(90deg, rgba(236,241,243,1) 0%, rgba(236,241,243,0) 100%); } */ [mn="1006"] .textbx ~ .textbx { margin: 30px 0 0; } [mn="1006"] ._ittl .h4 { text-align: left; } [mn="1006"] .main { position: absolute; left: 0; top: 0; height: 100% } [mn="1006"] ._content { position: relative; padding: 30px 0 0; } [mn="1006"] ._content:after { content: ''; display: block; position: absolute; right: 0; top: 0; height: 3px; width: 150vw; background-color: var(--clr01); } [mn="1006"] ._link { margin: 15px 0 0 } @media (max-width: 767px) { [mn="1006"] .rowbxlist .rowcont { min-height: auto; } [mn="1006"] .rowbxlist { padding: 25px 0; } [mn="1006"] .textbx { padding: 0 0 0 0 !important } [mn="1006"] .itm .l { aspect-ratio: 9 / 9; } [mn="1006"] .itm .l:after { display: none } [mn="1006"] .main { position: inherit; padding: 15px } [mn="1006"] .itm .l, [mn="1006"] .itm .r { flex: 0 0 100%; max-width: 100% } } @media (min-width: 767px) { [mn="1006"] .rowbxlist { aspect-ratio: 16 / 9; } } .licht1006.licht .contm { width: 600px; } [mn="7018"] { background-attachment: fixed; --itmdiv: 4 } /* [mn="7018"] ._secttl:after { content: ''; display: block; width: 120vw; height: 100%; background-color: var(--clr01); right: 0%; top: 0%; position: absolute; z-index: -1; translate: 0 0; clip-path: polygon(0 0, 100% 0%, calc(100% - 45px) 100%, 0% 100%); } */ [mn="7018"] .itms { margin: 0 -21px; padding-top: 10px } [mn="7018"] .itm { flex: 0 0 calc(100% / var(--itmdiv)); max-width: calc(100% / var(--itmdiv)); padding: 9px 21px 30px; text-align: center } [mn="7018"] .itm>div { height: 100%; } [mn="7018"] .txt .smr { font-size: 80%; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 0 0 15px; } [mn="7018"] .infobx { line-height: 1.1; margin: 3px 0 0; padding: 9px 0; transition: all ease-in-out .4s; width: 100%; flex: 1 0 0; } [mn="7018"] ._subttl { margin: 6px 0; } [mn="7018"] .ttl { font-size: 120%; margin: 6px 0 0; color: var(--clr01); font-family: var(--ft-t1) } [mn="7018"] .bimgbx { z-index: 1 } [mn="7018"] .bimgbx:after { z-index: -1; content: ''; display: block; position: absolute; height: 100%; width: 100%; top: 11px; left: 11px; background-color: var(--clr01); border-radius: 0 0 0 21%; } [mn="7018"] .bimg { --bpt: 120%; transition: all ease-in-out .4s; transform: scale(1); border-radius: 0 0 0 21%; } [mn="7018"] .btn { padding: 4px; font-size: 70%; } /* [mn="7018"] .bimg:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; background-color: var(--clr01); mix-blend-mode: multiply; opacity: 0; transition: .4s all ease; display: block; content: ''; } [mn="7018"] .itm.mitgal>*:hover .bimg:after { opacity: .5; } [mn="7018"] .itm.mitgal>*:hover .bimg { transform: scale(1.05); } */ [mn="7018"] .itm>* { cursor: pointer; } [mn="7018"] .itm.mitgal>*:hover div.add { opacity: 1; } [mn="7018"] .itm>*>* { flex-direction: column } [mn="7018"] .date { font-size: 80%; } [mn="7018"] .bimg-w { background-color: #000; } @media screen and (max-width: 767px) { [mn="7018"] { --itmdiv: 3; } } @media screen and (max-width: 575px) { [mn="7018"] { --itmdiv: 2; } } .licht7018 .infobx { background-color: #fff; position: sticky; top: 0; padding: 15px 0; } .licht7018 .infobx > * ~ * { margin: 6px 0 0; } .licht7018 .profile .bimgbx { z-index: 1; position: relative; margin-bottom: 30px; } .licht7018 .profile .bimgbx:after { z-index: -1; content: ''; display: block; position: absolute; height: 100%; width: 100%; top: 11px; left: 11px; background-color: var(--clr01); border-radius: 0 0 0 21%; } .licht7018 .profile .bimg { --bpt: 120%; transition: all ease-in-out .4s; transform: scale(1); border-radius: 0 0 0 21%; } .licht7018 ._subttl { margin: 0 0 15px; font-family: var(--ft-t1); font-style: italic; } .licht7018 .ttl { border-bottom: 3px solid var(--clr01); padding: 0 0 3px; margin: 0 0 5px; } .licht7018 .mediabx { --iconclr: #fff; --iconhovclr: #fff; display: inline-block; vertical-align: middle; } .licht7018 .mediabx a { padding: 6px; border-radius: 50%; } .licht7018 p[style="margin-left:40px"] { border-left: 3px solid var(--clr01); padding-left: 15px; margin-left: 0!important; }