/** ELEMENTS in Alpha **/ #preloader{background-color:#f8fafc!important}.wrap2{position:absolute;top:50%;left:50%;margin-left:-140px;margin-top:-80px;z-index:600001;pointer-events:none;opacity:1} .alpha-preloader { display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #fff; overflow: hidden; } .alpha-preloader-text { display: flex; align-items: center; font-family: Arial, sans-serif; font-size: 26px; font-weight: lighter; color: #666; line-height: 1.5; height: 40px; } .alpha-preloader-text .alpha-word-container { position: relative; width: 150px; height: 40px; overflow: hidden; margin-right: 5px; /* Расстояние между меняющимся словом и "better" */ } .alpha-preloader-text .alpha-word-container span { position: absolute; width: 100%; text-align: right; /* Выравнивание по правому краю */ opacity: 0; /* Добавляем начальную прозрачность */ animation: alpha-slide 6s infinite; } .alpha-preloader-text .alpha-word-container span:nth-child(2) { animation-delay: 2s; } .alpha-preloader-text .alpha-word-container span:nth-child(3) { animation-delay: 4s; } @keyframes alpha-slide { 0%, 33.33% { transform: translateY(0); opacity: 1; /* Видимый текст */ } 36.67%, 66.67% { transform: translateY(-40px); opacity: 0; /* Невидимый текст во время перемещения */ } 70%, 100% { transform: translateY(-80px); opacity: 1; /* Видимый текст */ } } /* ======================================================================== EXMAPLE .alpha-block--element__modifier ========================================================================== */ .traveller-page-page2 { background-color: #edeff1; position: relative; } .uk-tooltip {z-index: 2999 !important;display: none !important;} .files_standalone .uk-tooltip {z-index: 2999 !important;display: block !important;} .ds .uk-tooltip {display: none !important} /** TEXTS **/ em { color: #0a0a0a !important; } .alpha-text__blue_pink,.alpha-text__blue_pink a,.alpha-text__blue_pink a:hover,.alpha-text__blue_pink a:focus,.alpha-text__blue_pink a:active { color: #1265A8 !important; } .alpha-text__blue_gray,.alpha-text__blue_gray a,.alpha-text__blue_gray a:hover,.alpha-text__blue_gray a:focus,.alpha-text__blue_gray a:active { color: #1265A8 !important; } .alpha-text__blue_blue,.alpha-text__blue_blue a,.alpha-text__blue_blue a:hover,.alpha-text__blue_blue a:focus,.alpha-text__blue_blue a:active { color: #1265A8 !important; } .alpha-text__white_pink,.alpha-text__white_pink a,.alpha-text__white_pink a:hover,.alpha-text__white_pink a:focus,.alpha-text__white_pink a:active { color: white !important; } .alpha-1-2__rows { overflow: hidden; /* Скрыть любой текст, который не помещается в контейнер */ text-overflow: ellipsis; /* Добавить троеточие, если текст обрезается */ } .alpha-text__question { line-height: 30px; } @media (min-width: 1199px) { .alpha-1-2__rows { white-space: nowrap; /* Предотвратить перенос текста на следующую строку */ } } .all_page {background-color: #edeff1;min-height: 350px;} .alpha-login__panel { background-color: #ddd; display: block;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);border: none; } /* ======================================================================== Component: HEADER ========================================================================== */ #header, #js-top-navigation, #alpha-top-menu { display: block; } #header { left:0; top:0; right:0; min-width: 360px !important; font-size:14px; background-color:#fff; border-bottom: none !important; -webkit-box-shadow: 0 0 2px rgba(0,0,0,.1) !important; -moz-box-shadow: 0 0 2px rgba(0,0,0,.1) !important; box-shadow: 0 0 2px rgba(0,0,0,.1) !important; -webkit-transition: all .800s; -moz-transition: all .800s; -o-transition: all .800s; transition: all .800s; position:fixed; top:0; width: 100%; z-index: 1704; transition: top .3s ease-in-out !important; } #header #alpha-header {width: 100vw;} /* #header .uk-container-large { max-width: 100% !important; } */ #js-top-navigation .nav-pills>li+li { margin-left: 0; -webkit-font-smoothing: antialiased; } #alpha-header button.btn-mobile { display:none; padding:6px 10px; float:right; margin-top:13px; margin-right:15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } @media only screen and (min-width: 640px) { #alpha-header button.btn-mobile { margin-right: 0; } } @media only screen and (max-width: 1199px) { #alpha-header button.btn-mobile { display:inline-block; } } #alpha-header .nav-pills>li>a { display: block; font-size: 14px !important; font-weight: 400 !important; -webkit-transition-property: none !important; -moz-transition-property: none !important; -o-transition-property: none !important; transition-property: none !important; } #alpha-top-menu.nav-pills>li>a { font-weight:400; background-color:transparent; } #alpha-top-menu.nav-pills>li.active>a { color:#687482; } #alpha-top-menu.nav-pills>li>a.dropdown-toggle { padding-right:25px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .menu-visiting { background-color: aliceblue; } #alpha-header .navbar-collapse { float:right; } #alpha-header a.logo { height:96px; line-height:96px; overflow:hidden; display:inline-block; } @media only screen and (max-width: 1999px) { #alpha-top-menu.nav-pills>li>a { font-size:13px; } } @media only screen and (max-width: 1199px) { /* Force 64px */ #header { height:64px !important; } #header.fixed #alpha-header button.btn-mobile-active, #alpha-header button.btn-mobile-active { height: 64px !important; } #alpha-top-menu>li { border-bottom:rgba(0,0,0,0.1) 1px solid; } #alpha-top-menu>li:last-child { border-bottom:0; } #header li.alpha-header--search--icon .alpha-search__container { margin:0 !important; position:fixed; left:0; right:0; top:60px !important; width:100%; background-color:#fff; border-top:rgba(0,0,0,0.1) 1px solid; } } #alpha-header .nav li:hover > ul.dropdown-menu { z-index: 12 !important; } /* LOGO */ .logodiv { display: none; height: 30px; margin-top: 12px; margin-left: 20px; z-index: 999999; width: 35px; } @media only screen and (min-width: 375px) { .logodiv { display: inline-flex; display: -webkit-inline-flex; } } .logo { width: 34px; height: 34px; text-align: center; background: white; align-items: center; z-index: 999999; } #header.fixed .logo,#preloader .logo { background: rgb(236, 239, 241); z-index: 999999; } .logo .logoletters { width: 34px; height: 34px; font-size: 22px; left: 0px; right: 0px; font-weight: bold; color: #262626; transform: scaleX(0.93); z-index: 999999; } .logo .logoletters:before { content: ''; position: absolute; top: 0; right: -2px; border-top: 8px solid white; border-left: 9px solid #3a4a51; width: 0; } #header.fixed .logo .logoletters,#preloader .logoletters { color: #3a4a52; z-index: 999999; } .logotype { width: 0; height: 34px; text-align: left; align-items: center; margin-left: 5px; } .logotype .logoletters { display: none !important; left: 0px; right: 0px; font-size: 22px; font-weight: bold; color: white; letter-spacing: -1px; transform: scaleX(0.93); font-weight: 300 !important; -webkit-font-smoothing: antialiased; z-index: 999999; } #header.fixed .logotype .logoletters,#preloader .logotype .logoletters { color: #262626; z-index: 999999; } .wrap3 { z-index: 999999; pointer-events: none; opacity: 1; margin-top: 8px; margin-right: 10px; } .cubecontainer3 { perspective: 40px; -webkit-perspective: 40px; -moz-perspective: 40px; width: 20px; height: 20px; position: relative; } #cube3 { width: 100%; height: 100%; position: absolute; -webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(0deg) translateX(0) translateY(0) translateZ(0) scaleX(1) scaleY(1) scaleZ(1); -moz-transform: rotateX(360deg) rotateY(360deg) rotateZ(0deg) translateX(30) translateY(0) translateZ(0) scaleX(1) scaleY(1) scaleZ(1); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; } .logodiv #cube3 div { width: 20px; height: 20px; display: block; position: absolute; border: none; line-height: 19px; text-align: center; overflow: hidden; font-size: 10px; } .cubefront3 { background: rgb(38, 38, 38); color: white; } .cubeback3 { background: rgb(38, 38, 38); color: white; } .cuberight3 { background: rgb(236, 236, 236); color: black; } .cubeleft3 { background: rgb(236, 236, 236); color: black; } .cubetop3 { background: rgb(206, 206, 206); color: black; } .cubebottom3 { background: rgb(206, 206, 206); color: black; } #cube3 .cubefront3 { -webkit-transform: rotateY(0deg) translateZ(10px); -moz-transform: rotateY(0deg) translateZ(10px); -webkit-backface-visibility: hidden; } #cube3 .cubeback3 { -webkit-transform: rotateX(180deg) translateZ(10px); -moz-transform: rotateX(180deg) translateZ(10px); -webkit-backface-visibility: hidden; } #cube3 .cuberight3 { -webkit-transform: rotateY(90deg) translateZ(10px); -moz-transform: rotateY(90deg) translateZ(10px); -webkit-backface-visibility: hidden; } #cube3 .cubeleft3 { -webkit-transform: rotateY(-90deg) translateZ(10px); -moz-transform: rotateY(-90deg) translateZ(10px); -webkit-backface-visibility: hidden; } #cube3 .cubetop3 { -webkit-transform: rotateX( 90deg) translateZ(10px); -moz-transform: rotateX(90deg) translateZ(10px); -webkit-backface-visibility: hidden; } #cube3 .cubebottom3 { -webkit-transform: rotateX(-90deg) translateZ(10px); -moz-transform: rotateX(-90deg) translateZ(10px); -webkit-backface-visibility: hidden; } #header.fixed .act .cubetop3,#header.fixed .act .cubeleft3 { background: white; } /** Search - Header ********************** **/ #header .alpha-search__container { text-align:center; position:absolute; padding:0; background-color:#fff !important; left:0; top:0 !important; right:0; bottom:0; width:100%; height:100%; margin:0 !important; border:0; display:none; z-index: 10000000; } #header .alpha-search__container>form { display:block; z-index:0; } #header .alpha-search__container>form>input { font-weight:bold; background-color:transparent; height:inherit; position:absolute; top:50%; left:0; width:100%; padding-left:40px; padding-right:60px; border:0; box-shadow:none; font-size: 22px !important; margin-top: -24px !important; } #header .alpha-search__container>form>input::-webkit-input-placeholder { /* WebKit browsers */ color: #666; text-transform:uppercase; } #header .alpha-search__container>form>input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; text-transform:uppercase; } #header .alpha-search__container>form>input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; text-transform:uppercase; } #header .alpha-search__container>form>input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666; text-transform:uppercase; } #header .alpha-search__container #js-search__close { position:absolute; right:0; color:#333; background:transparent; top:50%; right:30px; font-size:20px; margin-top:-10px; z-index:1; } .search #header ul.alpha-top-menu--icons li.alpha-header--search--icon { border-radius: 20%; background: aliceblue; display: inline-flex; display: -webkit-inline-flex; margin-top: -7px; } .search #header ul.alpha-top-menu--icons li.alpha-header--search--icon a { cursor: auto; } #header ul.alpha-top-menu--icons li.alpha-header--search--icon a { padding-top: 8px; padding-bottom: 6px; padding-right: 8px; padding-left: 8px; } /** header dropdowns **/ #alpha-top-menu.nav-hover-animate ul.dropdown-menu li:hover>a, #alpha-top-menu .nav-hover-animate ul.dropdown-menu li:hover>a { padding-left: 15px; } #alpha-header div.alpha-top-menu--container { padding-right: 0; } #header.fixed #alpha-header #alpha-top-menu>li>a { height:60px; line-height:60px; } @media only screen and (max-width: 991px) { nav.alpha-top-menu--nav { width: calc(100% + 17px); height: 100%; } #alpha-header nav.alpha-top-menu--nav li > ul.dropdown-menu li a { padding-left: 15px; } #alpha-header div.alpha-top-menu--container { -webkit-overflow-scrolling: touch; -webkit-animation: none !important; animation: none !important; padding-right: 17px; box-sizing: content-box; } #alpha-header nav.alpha-top-menu--nav li { border-bottom: none; } #menu-overlay { z-index: 1001 !important; } } /** LOGO **/ #header a.logo>img { height:80px; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } #header a.logo.logo-responsive>img { height:100%; /* used on center - example: page-coming-soon-1.html */ } /** right icons **/ #alpha-top-menu.nav-pills>li:hover>a, #alpha-top-menu.nav-pills>li:focus>a, #alpha-top-menu.nav-pills>li:active>a { color:#1F262D; background-color:aliceblue; } #header ul.alpha-top-menu--icons { margin-right: 0 !important; border: none !important; margin-top: 23px !important; } #header .alpha-header--search--icon {display: none !important;} #header ul.alpha-top-menu--icons li i { font-size:18px !important; } #header.fixed #js-top-navigation #alpha-top-menu>li>a { height: 63px !important; line-height: 63px !important; } #header.header-sm #js-top-navigation #alpha-top-menu>li>a { height: 63px !important; line-height: 63px !important; } #header ul.alpha-top-menu--icons li { border-radius: 20%; border: none; background: none; display: -webkit-inline-flex; display: inline-flex; margin-top: -7px; cursor: pointer; } #header ul.alpha-top-menu--icons li.active, #header ul.alpha-top-menu--icons li:hover, #header ul.alpha-top-menu--icons li:focus, #header ul.alpha-top-menu--icons li:active { background: aliceblue; } .alpha-header--button__right { margin-right: 11px; cursor: pointer; } /* navigation--exit */ #header ul.alpha-top-menu--icons li.alpha-top-navigation--exit { display: none !important; } #header ul.alpha-top-menu--icons li.alpha-top-navigation--exit a, #header ul.alpha-top-menu--icons li.alpha-top-navigation--login a { padding-top: 8px; padding-bottom: 6px; padding-right: 8px; padding-left: 8px; } /* navigation--cart */ /* TO DELETE? */ /** i #headercart { width: 40px; height: 40px; text-align: center; line-height: 40px; } **/ .cart #header ul.alpha-top-menu--icons li.alpha-top-navigation--cart a { cursor: auto; } #header ul.alpha-top-menu--icons li.alpha-top-navigation--cart a { padding-top: 8px; padding-bottom: 6px; padding-right: 8px; padding-left: 8px; } .cart #header ul.alpha-top-menu--icons li.alpha-top-navigation--cart { border-radius: 20%; background: aliceblue; display: -webkit-inline-flex !important; display: inline-flex !important; margin-top: -7px; } #alpha-header--cart-icon.mdl-badge[data-badge]:after { display: inline-block; color: #fff; border-radius: 2px; font-size: 11px; padding: 2px 5px; position: absolute; right: unset; width: auto; line-height: 11px; -webkit-font-smoothing: antialiased; will-change: transform; visibility: visible; -webkit-transform: scale(1) translate3d(0,0,0); transform: scale(1) translate3d(0,0,0); -webkit-transition: all 170ms ease,opacity 170ms ease,visibility 0ms 170ms; transition: all 170ms ease,opacity 170ms ease,visibility 0ms 170ms; /*width: max-content; min-width: 16px;*/ height: 15px; background-color: #fe4d4a; right: -5px; top: -7px; } #alpha-header--cart-icon.mdl-badge[data-badge="0"]:after { display: none; } #alpha-header--cart-icon.mdl-badge[data-badge="0"] { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } #alpha-header--notify-icon-events.mdl-badge[data-badge]:after { display: inline-block; color: #fff; border-radius: 2px; font-size: 11px; padding: 2px 5px; position: absolute; right: unset; width: auto; line-height: 11px; -webkit-font-smoothing: antialiased; will-change: transform; visibility: visible; -webkit-transform: scale(1) translate3d(0,0,0); transform: scale(1) translate3d(0,0,0); -webkit-transition: all 170ms ease,opacity 170ms ease,visibility 0ms 170ms; transition: all 170ms ease,opacity 170ms ease,visibility 0ms 170ms; /*width: max-content; min-width: 16px;*/ height: 15px; background-color: #1065a8; right: -4px; top: -7px; } #alpha-header--notify-icon-events.mdl-badge[data-badge="0"]:after { display: none; } #alpha-header--notify-icon-events.mdl-badge[data-badge="0"] { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } .alpha--notify-icon-text.mdl-badge[data-badge]:after { display: inline-block; color: #fff; border-radius: 2px; font-size: 11px; padding: 2px 5px; position: absolute; right: unset; width: auto; line-height: 11px; -webkit-font-smoothing: antialiased; will-change: transform; visibility: visible; -webkit-transform: scale(1) translate3d(0,0,0); transform: scale(1) translate3d(0,0,0); -webkit-transition: all 170ms ease,opacity 170ms ease,visibility 0ms 170ms; transition: all 170ms ease,opacity 170ms ease,visibility 0ms 170ms; /*width: max-content; min-width: 16px;*/ height: 15px; background-color: #1065a8; right: -22px; top: -7px; } .alpha--notify-icon-text.mdl-badge[data-badge="0"]:after { display: none; } .alpha--notify-icon-text.mdl-badge[data-badge="0"] { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } .mention-suggestions { border: 1px solid #ccc; background: #fff; max-height: 150px; overflow-y: auto; position: relative; padding: 0 !important; } .mention-suggestion-avatar, .user_mention_avatar { height: 22px; width: 22px; margin-bottom: 4px; margin-right: 5px; margin-left: 5px; } .mention-suggestions div { padding: 5px; cursor: pointer; line-height: 25px; font-size: 13px; min-width: 300px; } .mention-suggestions div:hover { background-color: #f0f0f0; } /** Articles in Magazine **/ .alpha_magazine-article__card { height: 70vh;min-height: 70vh; background-repeat: no-repeat; background-color: black;background-size: cover !important; } .alpha_magazine-article__readmore { line-height: 1.5;background: 0 0;color: #222;position: relative;padding-left: 108px;transition: .1s ease-in-out;transition-property: all;transition-property: color,background-color,background-position,background-size,border-color,box-shadow;font-family: 'Oswald', sans-serif;font-weight: 400;text-transform: uppercase;letter-spacing: 3px;color: #222 !important; } .alpha_magazine-article__cat { color: #222 !important;font-size: 13px;line-height: 16px;font-family: 'Oswald', sans-serif;font-weight: 400;text-transform: uppercase;letter-spacing: 1px; } .alpha_magazine-article__title { color: #222 !important;font-size: 28px;line-height: 1.2;font-family: 'Oswald', sans-serif;font-weight: 400;text-transform: uppercase;letter-spacing: 1px; } .alpha_magazine-article__desc { background: rgba(0, 0, 0, 0.34); padding: 10px 15px; font-weight: 600; font-size: 13px; } .uk-heading-xlarge a,.uk-heading-xlarge a:hover,.uk-heading-xlarge a:focus,.uk-heading-xlarge a:active{ color: white; } .uk-heading-xlarge { font-size:4rem; line-height:1; font-family: 'Oswald', sans-serif; font-weight:500; text-transform:uppercase; letter-spacing:4px } @media (min-width:960px) { .uk-heading-xlarge { font-size:82px } .alpha_magazine-article__desc { font-size: 14px; } } @media (min-width:1200px) { .uk-heading-xlarge { font-size:100px } .alpha_magazine-article__desc { font-size: 15px; } } .uk-heading-line { overflow:hidden; font-size: 22px; } .uk-heading-line>* { display:inline-block; position:relative } .uk-heading-line>::after, .uk-heading-line>::before { content:""; position:absolute; top:50%; width:150px; border-bottom:2px solid #222; border-bottom-color: rgba(255, 255, 255, 0.8) !important; } .uk-heading-line>::before { right:100%; margin-right:calc(5px + .3em) } .uk-heading-line>::after { left:100%; margin-left:calc(5px + .3em) } .alpha_magazine-article__readmore.uk-button-text::after { content: ""; position: absolute; top: calc(50% - 1px); left: 0; width: 100px; border-bottom: 2px solid currentColor; } /** language selector **/ #header ul.alpha-top-menu--icons li.alpha-top-navigation--locale a,#header ul.alpha-top-menu--icons li.alpha-top-navigation--locale a.active,#header ul.alpha-top-menu--icons li.alpha-top-navigation--locale a:hover,#header ul.alpha-top-menu--icons li.alpha-top-navigation--locale a:focus,#header ul.alpha-top-menu--icons li.alpha-top-navigation--locale a:active { padding-top: 8px; padding-bottom: 6px; padding-right: 10px; padding-left: 10px; } #js-top-navigation--locale__dropdown { cursor: default; padding: 15px !important;box-shadow: none;border: #eee 1px solid;border-top: #1264a8 1px solid; } .alpha-top-navigation--locale_el{ text-align: center; margin-right: 10px; margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .alpha-top-navigation--locale_el,.alpha-top-navigation--locale_el:hover,.alpha-top-navigation--locale_el:focus,.alpha-top-navigation--locale_el:active{ background: none !important; cursor: default; } .alpha-top-navigation--locale_el a,.alpha-top-navigation--locale_el a:hover,.alpha-top-navigation--locale_el a:focus,.alpha-top-navigation--locale_el a:active{ font-size: 14px; padding-top: 4px !important; padding-bottom: 6px !important; padding-left: 9px !important; padding-right: 9px !important; margin-top: auto !important; font-weight: 300 !important; } .alpha-top-navigation--locale_el a:hover,.alpha-top-navigation--locale_el a:focus,.alpha-top-navigation--locale_el a:active{ text-decoration: underline; color: #5b5959; } .alpha-top-navigation--locale_el a.selected { text-decoration: underline; color: #5b5959; } /** DS CONT & BUTTON **/ .alpha-header--ds-container { display: none; position: fixed; top: 68px; right: 20px; height: calc(50vh); max-width: 340px; border-radius: 5px; /***box-shadow: 0px 0px 2px 0 rgba(0,1,1,.2);***/ z-index: 9999999; } .alpha-header--ds-container .messages-container-inner .messages-inbox { width: 340px; } .alpha-header--ds-container.active { display: block; } #header ul.alpha-top-menu--icons li.alpha-top-navigation--ds a { padding-top: 8px; padding-bottom: 6px; padding-right: 9px; padding-left: 10px; } #alpha-header--ds-icon.mdl-badge { margin-right: 0 !important; } #alpha-header--ds-icon.mdl-badge[data-badge]:after { display: inline-block; color: #fff; border-radius: 2px; font-size: 11px; padding: 2px 5px; position: absolute; right: unset; width: auto; line-height: 11px; -webkit-font-smoothing: antialiased; will-change: transform; visibility: visible; -webkit-transform: scale(1) translate3d(0,0,0); transform: scale(1) translate3d(0,0,0); -webkit-transition: all 170ms ease,opacity 170ms ease,visibility 0ms 170ms; transition: all 170ms ease,opacity 170ms ease,visibility 0ms 170ms; /*width: max-content; min-width: 16px;*/ height: 15px; background-color: #fe4d4a; right: -5px; top: -7px; } #alpha-header--ds-icon.mdl-badge[data-badge="0"]:after { display: none; } #alpha-header--ds-icon.mdl-badge[data-badge="0"], #alpha-header--ds-icon.mdl-badge[data-badge=""] { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } .js-likescounter[data-badge]:after { content: attr(data-badge); font-weight: 600; align-content: center; display: inline-block; color: #fff; border-radius: 2px; font-size: 11px; padding: 2px 5px; position: absolute; right: unset; width: auto; line-height: 11px; -webkit-font-smoothing: antialiased; will-change: transform; visibility: visible; -webkit-transform: scale(1) translate3d(0,0,0); transform: scale(1) translate3d(0,0,0); -webkit-transition: all 170ms ease,opacity 170ms ease,visibility 0ms 170ms; transition: all 170ms ease,opacity 170ms ease,visibility 0ms 170ms; /*width: max-content; min-width: 16px;*/ height: 15px; background-color: #fe4d4a; top: -2px; } .js-likescounter[data-badge="0"]:after { display: none; } /** TO DELETE **/ /** i #alpha-header--ds-icon { width: 40px; height: 40px; text-align: center; line-height: 40px; } #alpha-header--ds-icon.enter { position: fixed; bottom: 70px; right: 20px; transform: translateY(0); opacity: 1; } **/ /** In DS module **/ .ds #header ul.alpha-top-menu--icons li.alpha-top-navigation--ds a { cursor: auto; } .ds #header ul.alpha-top-menu--icons li.alpha-top-navigation--ds { border-radius: 20%; background: aliceblue; display: -webkit-inline-flex !important; display: inline-flex !important; margin-top: -7px; cursor: default !important; } .ds .alpha-header--ds-container { display: none !important; } /** alpha-header--eventindicator-icon **/ #alpha-header--eventindicator-icon-badge.mdl-badge { margin-right: 0 !important; } #alpha-header--eventindicator-icon-badge.mdl-badge[data-badge]:after { display: inline-block; color: #fff; border-radius: 2px; font-size: 11px; padding: 2px 5px; position: absolute; top: -15px; right: unset; width: auto; line-height: 11px; -webkit-font-smoothing: antialiased; will-change: transform; visibility: visible; -webkit-transform: scale(1) translate3d(0,0,0); transform: scale(1) translate3d(0,0,0); -webkit-transition: all 170ms ease,opacity 170ms ease,visibility 0ms 170ms; transition: all 170ms ease,opacity 170ms ease,visibility 0ms 170ms; /*width: max-content; min-width: 16px;*/ height: 15px; background-color: #1065a8; } #alpha-header--eventindicator-icon-badge.mdl-badge[data-badge="0"]:after, #alpha-header--eventindicator-icon-badge.mdl-badge[data-badge=""]:after { display: none; } #header ul.alpha-top-menu--icons li#js-top-navigation--notifications a { padding-top: 8px; padding-bottom: 6px; padding-right: 8px; padding-left: 8px; } /* notifications__active */ #header ul.alpha-top-menu--icons li.js-top-navigation--notifications__active { border-radius: 20%; background: aliceblue; display: -webkit-inline-flex !important; display: inline-flex !important; margin-top: -7px; } #alpha-header--notify-icon-events.mdl-badge, #alpha-header--cart-icon.mdl-badge { margin-right: 0 !important; } /* ======================================================================== Component: Rewrite bootstrap & ulkit .cdx-loader {display: none !important} ========================================================================== */ .uk-lightbox.uk-open {z-index: 3000 !important;} .cdx-simple-image_error { display: none; } .uk-comment-body .cdx-simple-image, .cdx-block.cdx-simple-image,.cdx-simple-image_error { position: relative; /* нужно для позиционирования псевдоэлемента */ padding: 0 !important; min-height: 24px; background: #f9f9f9; /* необязательно — фон под надпись */ /*overflow: hidden; чтобы текст не вылазил */ width: 100%; overflow: visible; } .uk-comment-body .cdx-simple-image::after,.cdx-block.cdx-simple-image::after,.cdx-simple-image_error::after { content: "IMAGE"; position: absolute; top: 12px; right: 0px; transform: translate(-50%, -50%); font-size: 10px; font-weight: bold; color: rgba(0, 0, 0, 0.2); pointer-events: none; user-select: none; } @media (min-width: 768px) { .uk-comment-body .cdx-simple-image, .cdx-block.cdx-simple-image,.cdx-simple-image_error { width: 80%; padding-right: 60px !important; } } @media (min-width: 992px) { .uk-comment-body .cdx-simple-image, .cdx-block.cdx-simple-image,.cdx-simple-image_error { width: 70%; padding-right: 60px !important; } } /* Если он находится внутри uk-comment-body — показываем */ .uk-comment-body .cdx-simple-image_error { display: block; } .uk-comment-primary { padding: 20px 20px 10px 20px; background-color: #fefeff; border: 1px solid #fefeff; border-radius: 4px; -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065) !important; -moz-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065) !important; -o-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065) !important; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065) !important; } .alpha-editorjs_container { padding: 20px 20px 10px 40px; background-color: #fefeff; border: 1px solid #fefeff; border-radius: 4px; -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065) !important; -moz-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065) !important; -o-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065) !important; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065) !important; } .alpha-editorjs_container .alpha_myfiles{ padding-left: 0; } .alpha-editorjs_container .alpha-input__character-counter{ padding-left: 0; } @media (max-width: 650px) { .alpha-editorjs_container { padding: 20px 20px 10px 0px; } .alpha-editorjs_container .alpha_myfiles{ padding-left: 20px; } .alpha-editorjs_container .alpha-input__character-counter{ padding-left: 20px; } } .alpha-dark .alpha-editorjs_container { background-color: #393838 !important; border: 1px solid #393838; } #commentstab .badge-primary,.uk-comment-primary .badge-primary { background-color: #efefef; color: #606060; } .alpha-main-text p, .alpha-main-text pre, .alpha-main-text ul, .alpha-main-text ol, .alpha-main-text dl, .alpha-main-text dd, .alpha-main-text address, .alpha-main-text table, .alpha-main-text fieldset, .alpha-main-text form { margin-bottom: 10px; } .alpha-main-text p { margin-top: 10px; } .alpha-main-text dl, .alpha-main-text ol, .alpha-main-text ul { margin-top: 10px; } .uk-nav.uk-dropdown-nav a.btn-white { background-color: #FFF; color: #333 !important; padding: 5px 10px !important; } .uk-nav.uk-dropdown-nav a.btn-white:hover{ background-color: #d1d1d1; color: #333 !important; } /* ======================================================================== Component: NAV-PILLS ========================================================================== */ .alpha-nav-pills__all {background-color: #fffdfd99 !important;} .alpha-nav-pills--container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 6px; font-size: 13px; } .alpha-nav-pills--container ul.nav-pills > li > a { font-weight: 400 !important; margin-bottom: 6px !important; } section .alpha-nav-pills--foldable_navs .nav-pills > li > a, section .alpha-nav-pills--foldable_navs .nav-pills > li.active > a:hover, section .alpha-nav-pills--foldable_navs .nav-pills > li.active > a { color: #111; background-color: rgba(0, 0, 0, 0.02); } /* Правила для UIkit иконок в alpha-nav-pills--pill-foldable */ .alpha-nav-pills--pill-foldable.nav_pills--nav_pill__open button[uk-icon="icon: grid"] { display: block !important; } .alpha-nav-pills--pill-foldable.nav_pills--nav_pill__open button[uk-icon="icon: menu"] { display: none !important; } .alpha-nav-pills--pill-foldable button[uk-icon="icon: menu"] { display: block !important; } .alpha-nav-pills--pill-foldable button[uk-icon="icon: grid"] { display: none !important; } /* Правила для UIkit иконок в pill-foldable */ .pill-foldable.nav_pills--nav_pill__open button[uk-icon="icon: grid"] { display: block !important; } .pill-foldable.nav_pills--nav_pill__open button[uk-icon="icon: menu"] { display: none !important; } .pill-foldable button[uk-icon="icon: menu"] { display: block !important; } .pill-foldable button[uk-icon="icon: grid"] { display: none !important; } /* Правила для foldpill в pill-foldable */ .pill-foldable .foldpill { display: none !important; } .pill-foldable .foldpill.active { display: block !important; } .pill-foldable.nav_pills--nav_pill__open .foldpill { display: block !important; background-color: rgba(0, 0, 0, 0.02); } /* Правила для UIkit иконок в pill-foldable с оригинальными классами */ .pill-foldable .firstpill.toggler button[uk-icon="icon: menu"] { display: block !important; } .pill-foldable .firstpill.toggler button[uk-icon="icon: grid"] { display: none !important; } .pill-foldable.nav_pills--nav_pill__open .firstpill.toggler button[uk-icon="icon: menu"] { display: none !important; } .pill-foldable.nav_pills--nav_pill__open .firstpill.toggler button[uk-icon="icon: grid"] { display: block !important; } .alpha-nav-pills--pill-foldable .alpha-nav-pills--foldpill { display: none !important; } .alpha-nav-pills--pill-foldable .alpha-nav-pills--foldpill.active { display: block !important; } .alpha-nav-pills--pill-foldable.nav_pills--nav_pill__open .alpha-nav-pills--foldpill { display: block !important; background-color: rgba(0, 0, 0, 0.02); } .alpha-nav-pills--foldable_navs .alpha-nav-pills--pill-foldable.nav_pills--nav_pill__open .alpha-nav-pills--foldpill { display: block !important; background-color: transparent !important; } .alpha-nav-pills--pill-foldable .alpha-nav-pills--firstpill.alpha-nav-pills--link { display: none !important; } .alpha-nav-pills--pill-foldable .alpha-nav-pills--firstpill.toggler { display: block !important; } .alpha-nav-pills--pill-foldable .alpha-nav-pills--firstpill.toggler div { cursor: pointer; background-color: rgb(214, 214, 214) !important; color: #111; padding: 6px 15px; margin-bottom: 6px; letter-spacing: 1px; } .alpha-nav-pills--pill-foldable .alpha-nav-pills--firstpill.js-nav_pills--first-pill div { background-color: #fffdfd99 !important; } section .nav-pills.alpha-nav-pills--pill-foldable > li > a:hover, section .nav-pills.alpha-nav-pills--pill-foldable > li > a:focus, section .nav-pills.alpha-nav-pills--pill-foldable > li.active > a, section .nav-pills.alpha-nav-pills--pill-foldable > li.active > a:hover, section .nav-pills.alpha-nav-pills--pill-foldable > li.active > a:focus { background-color: #1065a8 !important; color: white !important; } .alpha-nav-pills--pill-foldable .alpha-nav-pills--firstpill { display: block !important; } .alpha-nav-pills--pill-foldable .alpha-nav-pills--firstpill div { cursor: pointer; background-color: rgb(214, 214, 214) !important; color: #111; padding: 6px 15px; margin-bottom: 6px; letter-spacing: 1px; } .alpha-nav-pills--pill-foldable .alpha-nav-pills--firstpill.active div { background-color: #fffdfd99 !important; } .alpha-nav-pills--foldable_navs .alpha-nav-pills--pill-foldable.nav_pills--nav_pill__open .alpha-nav-pills--foldpill.active { display: block !important; } /* ======================================================================== Component: NAV PILLS ========================================================================== */ /* NAV-TABS */ /** section .nav-pills is navigation not in header **/ section .nav-pills { background: none !important; } section .nav-pills { display:inline-block; } @media only screen and (max-width: 639px) { section .nav-pills { background-color:rgba(0,0,0,0.02); } section .nav-pills, section .nav-pills>li, section .nav-pills>li>a { display:block !important; float:none; } section .nav-pills>li { padding: 0 !important; } } section .nav-pills>li { padding: 2px 3px !important; } .nav-pills>li>a { font-size: 14px !important; font-weight: 400 !important; -webkit-transition-property: none !important; -moz-transition-property: none !important; -o-transition-property: none !important; transition-property: none !important; } section .nav-pills>li>a { padding:6px 15px; margin-bottom:6px; letter-spacing:1px; } section .nav-pills>li>a:hover, section .nav-pills>li>a:focus, section .nav-pills>li.active>a, section .nav-pills>li.active>a:hover, section .nav-pills>li.active>a:focus { background-color: #1065a8 !important; color: #ffffff !important; } section .nav-pills>li>a>span { display: none !important; } section .nav-pills>li.active>a>span { display: block !important; } section .nav-pills.pill-foldable>li>a:hover, section .nav-pills.pill-foldable>li>a:focus, section .nav-pills.pill-foldable>li.active>a, section .nav-pills.pill-foldable>li.active>a:hover, section .nav-pills.pill-foldable>li.active>a:focus { background: #1065a8 !important; color: white !important; } section .nav-pills.blue-pill>li>a:hover, section .nav-pills.blue-pill>li>a:focus, section .nav-pills.blue-pill>li.active>a, section .nav-pills.blue-pill>li.active>a:hover, section .nav-pills.blue-pill>li.active>a:focus { background-color: rgba(79, 128, 241, 1) !important; color: white !important; } section .nav-pills>li>span.nav-pills__disabled { padding: 8px 15px 9px 15px; margin-bottom: 6px; letter-spacing: 1px; color: #111; } section .nav-pills>li>span.nav-pills__disabled:hover,section .nav-pills>li>span.nav-pills__disabled:focus,section .nav-pills>li>span.nav-pills__disabled:active { background-color: #e3e3e3 !important; cursor: default; } /* NAV-TABS */ /** nav-tabs is tabs in countrymenu **/ .nav-tabs.nav-pills { border-bottom: none !important; } .nav-tabs .nav-link,.nav-tabs .nav-link:active,.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover { /* box-shadow: -3px 2px 15px -8px rgba(0, 0, 0, 0.7), 2px 9px 10px -5px rgba(0, 0, 0, 0.55);*/ } .nav-tabs .nav-link.active { box-shadow:none; } .nav-tabs.nav-bottom-border.nav-bottom-border-red>li>a,.nav-tabs.nav-bottom-border.nav-bottom-border-red>li>a.active, .nav-tabs.nav-bottom-border>li>a.active:hover { border-bottom: #e84b3d 1px solid !important; } .nav-tabs.nav-bottom-border-red>li>a.active { color: #ffffff !important; font-weight: 300 !important; background: #e84b3d !important; } .nav-tabs.nav-bottom-border.nav-bottom-border-red>li>a.active, .nav-tabs.nav-bottom-border.nav-bottom-border-red>li>a.active:hover { color: #ffffff !important; font-weight: 300 !important; background: #e84b3d; } .nav-tabs.nav-bottom-border-red>li>a { color: #333; font-weight: 300 !important; } .nav-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 6px; font-size: 13px; } .nav-container .nav-pills>li>a { font-weight: 400 !important; margin-bottom: 0 !important; } .nav-container ul.nav.nav-pills>li { margin-bottom: 6px !important; } .pill-foldable.act button[uk-icon="icon: grid"] { display: block !important; } .pill-foldable.act button[uk-icon="icon: menu"] { display: none !important; } .pill-foldable button[uk-icon="icon: menu"] { display: block !important; } .pill-foldable button[uk-icon="icon: grid"] { display: none !important; } /* Более специфичные правила для .firstpill.toggler */ .pill-foldable .firstpill.toggler button[uk-icon="icon: menu"] { display: block !important; } .pill-foldable .firstpill.toggler button[uk-icon="icon: grid"] { display: none !important; } .pill-foldable.act .firstpill.toggler button[uk-icon="icon: menu"] { display: none !important; } .pill-foldable.act .firstpill.toggler button[uk-icon="icon: grid"] { display: block !important; } .pill-foldable .foldpill { display: none !important; } .pill-foldable .foldpill.active{ display: block !important; } section .newnavs .nav-pills>li>a, section .newnavs .nav-pills>li.active>a:hover, section .newnavs .nav-pills>li.active>a { color: #111; background-color: rgba(0,0,0,0.02); } .pill-foldable.act .foldpill { display: block !important; /*background-color: rgba(0,0,0,0.02);*/ } .newnavs .pill-foldable.act .foldpill { display: block !important; background-color: transparent !important; } .pill-foldable .firstpill.link { display: none !important; } .pill-foldable .firstpill.toggler { display: block !important; } .pill-foldable .firstpill.toggler div { cursor: pointer; background-color: rgba(205, 202, 202, 0.27) !important; color: #111; padding: 6px 15px; margin-bottom: 6px; letter-spacing: 1px; } .pill-foldable .firstpill.toggler.active div { background-color: #fffdfd99 !important; } @media only screen and (max-width: 639px) { .nav-tabs>li, .nav-tabs>li>a { display: block !important; float: none !important; border: 0 !important; background: none !important; font-size: 12px; } #destinaton .nav-tabs>li .nav-link.active, .nav-tabs>li>a.active { background: #3a4a52 !important; } .newnavs .pill-foldable.act .foldpill.active { display: block !important; } } @media only screen and (min-width: 640px) { .newnavs .pill-foldable.act .foldpill { display: inline-block !important; background-color: rgba(0,0,0,0.02); } } /* ======================================================================== Component: TAGS ========================================================================== */ .alpha-forums_tags-wrapper { display: flex; flex-wrap: wrap; margin-top: 0 !important; } .alpha-forums_tags-wrapper a { color: #1065a8; } /* ======================================================================== Component: BREADCRUMBS ========================================================================== */ .alpha-breadcrumbs a{ -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; } .alpha-breadcrumbs span {text-decoration: none;} .alpha-breadcrumbs a {text-decoration: underline;} .alpha-breadcrumbs a:hover,.alpha-breadcrumbs a:focus,.alpha-breadcrumbs a:active {text-decoration: underline !important;} .alpha-breadcrumbs__apr-1 a {padding-right: 1px;} .alpha-breadcrumbs__apl-1 a {padding-left: 1px;} .alpha-breadcrumbs__spanpr-1 span {padding-right: 1px;} .alpha-breadcrumbs__spanpl-1 span {padding-left: 1px;} .alpha-breadcrumbs__apr-2 a {padding-right: 2px;} .alpha-breadcrumbs__apl-2 a {padding-left: 2px;} .alpha-breadcrumbs__spanpr-2 span {padding-right: 2px;} .alpha-breadcrumbs__spanpl-2 span {padding-left: 2px;} .alpha-breadcrumbs__apr-3 a {padding-right: 3px;} .alpha-breadcrumbs__apl-3 a {padding-left: 3px;} .alpha-breadcrumbs__spanpr-3 span {padding-right: 3px;} .alpha-breadcrumbs__spanpl-3 span {padding-left: 3px;} a.link-under,.link-under a{ text-decoration: none; } a.link-under:hover,a.link-under:active,a.link-under:focus,.link-under a:hover,.link-under a:active,.link-under a:focus { text-decoration: underline; } /* ======================================================================== Component: HERO image ========================================================================== */ .hero-height {height: 200px;} @media only screen and (min-width: 960px) { .hero-height {height: 250px;} } @media only screen and (min-width: 1200px) { .hero-height {height: 350px;} } /* ======================================================================== Component: post preview images ========================================================================== */ /* Alpha Post Preview Images Grid - CSS-only solution with background images */ .alpha-post_preview__images-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 8px; grid-auto-rows: 180px; grid-auto-flow: dense; } /* Single image - full width, fixed height */ .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:only-child) { grid-template-columns: 1fr; grid-auto-rows: 250px; } /* Two images - equal width */ .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(2):last-child) { grid-template-columns: 1fr 1fr; grid-auto-rows: 180px; } /* Three images - default layout (left large) */ .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(3):last-child) { grid-template-columns: 2fr 1fr; grid-auto-rows: 180px; } /* Three images - default layout (right large) */ .alpha-post_preview__images-grid_even .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(3):last-child) { grid-template-columns: 1fr 2fr; grid-auto-rows: 180px; } .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(3):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-row: span 2; } /* Four images - 2x2 grid (no randomization) */ .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(4):last-child) { grid-template-columns: 1fr 1fr; grid-auto-rows: 180px; } /* Five+ images - default layout (3 columns with large image on top) */ .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(5):last-child) { grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: 160px; } .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 2; grid-row: span 2; } .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(2) { grid-row: span 2; } .alpha-post_divider { margin-top: 20px; margin-bottom: 20px; } @media (max-width: 960px) { .alpha-post_divider { margin-top: 30px; margin-bottom: 30px; } } /* Image styling with background */ .alpha-post_preview__item { position: relative; overflow: hidden; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: transform 0.2s ease; margin-bottom: 10px; /* Оптимизация для Safari: включение аппаратного ускорения для плавной анимации */ -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; -webkit-perspective: 1000; perspective: 1000; } .alpha-post_preview__item_ds { position: relative; overflow: hidden; border-radius: 4px; transition: transform 0.2s ease; } .alpha-post_preview__item.stacked_gallery { overflow: visible; } .alpha-post_preview__item:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.15); /**transform: scale(var(--hover-scale, 1.05));**/ } /* Image styling standalone */ .alpha-post_preview__item__standalone { position: relative; transition: transform 0.2s ease; margin-bottom: 10px; } .alpha-post_preview__item__standalone:hover { } .alpha-post_preview__bg { width: 100%; height: 100%; position: relative; transition: transform 0.3s ease; border-radius: 4px; } .alpha-post_preview__bg__standalone { position: relative; transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 16px 20px -6px rgba(0, 0, 0, 0.33), 0 4px 25px -10px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .alpha-post_preview__item:hover .alpha-post_preview__bg,.alpha-post_preview__item_ds:hover .alpha-post_preview__bg,.alpha-post_preview__item_disabled_twmp:hover img { transform: scale(var(--hover-scale, 1.05)); } /** test embed img */ .alpha-post_preview__item img { border-radius: 4px; transition: transform 0.3s ease; /* Оптимизация для Safari: включение аппаратного ускорения для плавной анимации */ -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; } /* Hover effect for images in files.stories_main_big.tpl */ .alpha-post_preview__item img:hover { transform: scale(var(--hover-scale, 1.05)); } /* Specific hover effect for alpha-post_preview__item-img class */ .alpha-post_preview__item-img:hover { transform: scale(var(--hover-scale, 1.05)); } /* More specific hover effect for events */ .alpha-trigger_hover:hover .alpha-post_preview__item-img,.alpha-trigger_hover:hover .alpha-post_preview__bg { transform: scale(var(--hover-scale, 1.05)); } .alpha-trigger_hover:hover img, .alpha-trigger_hover:hover .alpha-post_preview__bg__standalone { transform: scale(var(--hover-scale, 1.02)); } .alpha-post_preview__item__standalone_plate { transition: transform 0.3s ease; left: 15px; } /** transforms elements over image to match**/ .alpha-post_preview__item__standalone:hover .alpha-post_preview__item__standalone_plate { transform: translateX(-3px) translateY(-2px); } .alpha-post_preview__item__standalone:hover .alpha-post_preview__bg__standalone,.alpha-post_preview__item__standalone:hover img{ transform: scale(var(--hover-scale, 1.02)); box-shadow: 0 20px 25px -8px rgba(0, 0, 0, 0.3), 0 8px 30px -12px rgba(0, 0, 0, 0.15), 0 12px 15px -8px rgba(0, 0, 0, 0.25); } .alpha-post_preview__item__standalone:hover .alpha-post_preview__item__standalone_plate { transform: translateX(-3px) translateY(-2px); } @media (max-width: 1200px) { .alpha-post_preview__images-grid { grid-template-columns: 1fr; grid-auto-rows: 160px; gap: 6px; } .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:only-child) { grid-auto-rows: 200px; } .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(2):last-child), .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(3):last-child), .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(4):last-child), .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(5):last-child) { grid-template-columns: 2fr 1fr; grid-auto-rows: 120px; } .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(3):last-child) .alpha-post_preview__wrapper:nth-child(1), .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-row: span 2; } .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(5):last-child) { grid-template-columns: 1fr 1fr; } .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 2; } .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(2) { grid-row: span 1; } } /* Responsive adjustments using UIkit breakpoints */ @media (max-width: 960px) { .alpha-post_preview__images-grid { grid-template-columns: 1fr; grid-auto-rows: 160px; gap: 6px; } .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:only-child) { grid-auto-rows: 200px; } .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(2):last-child), .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(3):last-child), .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(4):last-child), .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(5):last-child) { grid-template-columns: 2fr 1fr; grid-auto-rows: 120px; } .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(3):last-child) .alpha-post_preview__wrapper:nth-child(1), .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-row: span 2; } .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(5):last-child) { grid-template-columns: 1fr 1fr; } .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 2; } .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(2) { grid-row: span 1; } } @media (max-width: 640px) { .alpha-post_preview__images-grid { grid-template-columns: 1fr; grid-auto-rows: 140px; gap: 4px; } .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(2):last-child) { grid-template-columns: 1fr; grid-auto-rows: 120px; } /* For 3 images on mobile - same layout as desktop */ .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(3):last-child) { grid-template-columns: 2fr 1fr; grid-auto-rows: 120px; } .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(3):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 1; grid-row: span 2; } /* For 4+ images on mobile - show in one row */ .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(4):last-child), .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(5):last-child) { grid-template-columns: 1fr 2fr; grid-auto-rows: 120px; } .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(4):last-child) .alpha-post_preview__wrapper:nth-child(1), .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(4):last-child) .alpha-post_preview__wrapper:nth-child(2), .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(2) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(4):last-child) .alpha-post_preview__wrapper:nth-child(3), .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(3) { grid-column: span 1; grid-row: span 1; } /* For 5+ images on mobile - show only first 3 */ .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(4), .alpha-post_preview__images-grid:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(5) { display: none; } } /* Fallback for browsers that don't support :has() */ @supports not (selector(:has(*))) { .alpha-post_preview__images-grid { display: flex; flex-wrap: wrap; gap: 8px; } .alpha-post_preview__wrapper { flex: 1 1 200px; min-height: 180px; max-height: 250px; } .alpha-post_preview__wrapper:only-child { flex: 1 1 100%; min-height: 250px; } } /* ======================================================================== Component: ALTERNATING LAYOUTS FOR STORY PREVIEWS ========================================================================== */ /* For 5+ images - alternating layouts on large screens */ .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) { grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: 160px; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 2; grid-row: span 2; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(2) { grid-column: span 1; grid-row: span 2; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(3) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(4) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(5) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) { grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: 160px; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 1; grid-row: span 2; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(2) { grid-column: span 2; grid-row: span 2; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(3) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(4) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(5) { grid-column: span 1; grid-row: span 1; } /* For 3 images - alternating layouts on large screens */ .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(3):last-child) { grid-template-columns: 2fr 1fr; grid-auto-rows: 180px; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(3):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 1; grid-row: span 2; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(3):last-child) { grid-template-columns: 1fr 2fr; grid-auto-rows: 180px; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(3):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(3):last-child) .alpha-post_preview__wrapper:nth-child(2) { grid-column: span 1; grid-row: span 2; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(3):last-child) .alpha-post_preview__wrapper:nth-child(3) { grid-column: span 1; grid-row: span 1; } @media (max-width: 1200px) { /* For 5+ images on tablet */ .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) { grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: 160px; gap: 6px; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 2; grid-row: span 2; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(2) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(3) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(4) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(5) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) { grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: 160px; gap: 6px; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(2) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(3) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(4) { grid-column: span 2; grid-row: span 2; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(5) { grid-column: span 1; grid-row: span 1; } /* For 3 images on tablet - same as large screen */ .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(3):last-child) { grid-template-columns: 2fr 1fr; grid-auto-rows: 160px; gap: 6px; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(3):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 1; grid-row: span 2; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(3):last-child) { grid-template-columns: 1fr 2fr; grid-auto-rows: 160px; gap: 6px; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(3):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(3):last-child) .alpha-post_preview__wrapper:nth-child(2) { grid-column: span 1; grid-row: span 2; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(3):last-child) .alpha-post_preview__wrapper:nth-child(3) { grid-column: span 1; grid-row: span 1; } } /* Tablet responsive (max-width: 960px) */ @media (max-width: 960px) { /* For 5+ images on tablet */ .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) { grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: 160px; gap: 6px; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 2; grid-row: span 2; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(2) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(3) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(4) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(5) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) { grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: 160px; gap: 6px; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(2) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(3) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(4) { grid-column: span 2; grid-row: span 2; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(5) { grid-column: span 1; grid-row: span 1; } /* For 3 images on tablet - same as large screen */ .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(3):last-child) { grid-template-columns: 2fr 1fr; grid-auto-rows: 160px; gap: 6px; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(3):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 1; grid-row: span 2; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(3):last-child) { grid-template-columns: 1fr 2fr; grid-auto-rows: 160px; gap: 6px; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(3):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(3):last-child) .alpha-post_preview__wrapper:nth-child(2) { grid-column: span 1; grid-row: span 2; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(3):last-child) .alpha-post_preview__wrapper:nth-child(3) { grid-column: span 1; grid-row: span 1; } } /* Mobile responsive (max-width: 640px) */ @media (max-width: 640px) { /* For 5+ images on mobile - show only first 3 */ .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) { grid-template-columns: 2fr 1fr; grid-auto-rows: 120px; gap: 4px; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 1; grid-row: span 2; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(2) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(3) { grid-column: span 1; grid-row: span 1; } /* Hide 4th and 5th images on mobile */ .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(4), .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(5) { display: none; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) { grid-template-columns: 2fr 1fr; grid-auto-rows: 120px; gap: 4px; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(2) { grid-column: span 1; grid-row: span 2; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(3) { grid-column: span 1; grid-row: span 1; } /* Hide 4th and 5th images on mobile */ .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(4), .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(5):last-child) .alpha-post_preview__wrapper:nth-child(5) { display: none; } /* For 3 images on mobile - same as large screen */ .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(3):last-child) { grid-template-columns: 2fr 1fr; grid-auto-rows: 120px; gap: 4px; } .alpha-post_preview__images-grid_odd:has(.alpha-post_preview__wrapper:nth-child(3):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 1; grid-row: span 2; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(3):last-child) { grid-template-columns: 1fr 2fr; grid-auto-rows: 120px; gap: 4px; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(3):last-child) .alpha-post_preview__wrapper:nth-child(1) { grid-column: span 1; grid-row: span 1; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(3):last-child) .alpha-post_preview__wrapper:nth-child(2) { grid-column: span 1; grid-row: span 2; } .alpha-post_preview__images-grid_even:has(.alpha-post_preview__wrapper:nth-child(3):last-child) .alpha-post_preview__wrapper:nth-child(3) { grid-column: span 1; grid-row: span 1; } } /* ======================================================================== Component: FORMS ========================================================================== */ .com_textarea-autoresize {min-height: 130px;overflow: hidden;border-radius: 0px;background: aliceblue;color: #495057;} .com_textarea-autoresize:focus {background: #edf3f9;} .alpha-input__character-counter { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .alpha-input__character-counter { width: 100%; font-size: 11px; color: #607d8b; margin-bottom: 0 !important; } .alpha-input__character-counter.alpha-input__character-counter__error {color: #f36682 !important} /* ======================================================================== Component: FILES ========================================================================== */ .alpha-files_icon__stop {color: #008fff !important;cursor: not-allowed !important;} .alpha-files_icon__stop__yellow {color: #ffc107;} .alpha-files_icon__enabled {color:#1065a8;cursor: pointer;} .alpha-files_icon__disabled {color:#dddddd} .file-cke-crop__inner {border: none;background-color: #F9F9F9;} /* ======================================================================== Component: BUTTONS ========================================================================== */ .alpha-button__form_submit__red {background-color: #ad0707 !important} .alpha-button__form_submit__red[disabled][disabled] {background-color: #b06969 !important} .alpha-button__form_submit__green_dirty {background-color: #28a745 !important} .alpha-button__form_submit__green_dirty[disabled][disabled] {background-color: #8bd59c !important} .alpha-button__form_submit__green {background-color: #28a745 !important} .alpha-button__form_submit__green[disabled][disabled] {background-color: #8bd59c !important} .alpha-button__form_submit__blue {background-color: #1065a8 !important;color: #ccc !important} .alpha-button__form_submit__blue:hover, .alpha-button__form_submit__blue:active, .alpha-button__form_submit__blue:focus { color: white !important; } .alpha-button__form_submit__blue[disabled][disabled] {background-color: #99ccf4 !important;color: #FFF !important} .alpha-button__form_submit__blue__light {background-color: #ddebf7 !important} .alpha-button__form_submit__blue__light[disabled][disabled] {background-color: #ddebf7 !important} .alpha-button__form_submit__gray__light {background-color: #e4e4e4 !important} .alpha-button__form_submit__gray__light[disabled][disabled] {background-color: #ddebf7 !important} /* ======================================================================== Component: COMMENTS ========================================================================== */ .forum_post_sticky { background-color: #e7f2fc; } .alpha-dark .forum_post_sticky { background-color: #2c2b2b; } table thead tr th a { color: #999 !important; } table thead tr th a:hover,table thead tr th a:focus,table thead tr th a:active { color: #777 !important; } .forum_post { font-weight: 400; font-size: 15px; } .alpha-comments__container {background: #255173} .alpha-comments__container .badge-primary, alpha-forums__container .badge-primary{ background-color: #efefef; color: #606060; } .alpha-comments__title {background: #255173} .alpha-comments__pagination,.alpha-comments__pagination a {color: #333 !important;} .alpha-comments__pagination:hover,.alpha-comments__pagination:active,.alpha-comments__pagination:focus,.alpha-comments__pagination a,.alpha-comments__pagination a:hover,.alpha-comments__pagination a:active,.alpha-comments__pagination a:focus {color: #6d6d6d !important;} .alpha-comments__container .alpha-comments__pagination,.alpha-comments__container .alpha-comments__pagination a {color: white !important;} .alpha-comments__container .alpha-comments__pagination:hover,.alpha-comments__container .alpha-comments__pagination:active,.alpha-comments__container .alpha-comments__pagination:focus,.alpha-comments__container .alpha-comments__pagination a:hover,.alpha-comments__container .alpha-comments__pagination a:active,.alpha-comments__container .alpha-comments__pagination a:focus {color: #b4bcc7 !important;} /* ======================================================================== Component: PLATES ========================================================================== */ .alpha-plate_white {background: white;padding: 25px 15px;margin-top: 20px;margin-bottom: 20px;border-radius: 6px;border: 1px solid #d9d9d9;} /* ======================================================================== Component: ROUTE && OFFCANVAS ========================================================================== */ /* Waypoints offcanvas: custom sizing and appearance */ .uk-offcanvas-bar_waypoints { padding: 10px 20px !important; background-color: #ffffff !important; color: #222 !important; width: 100% !important; z-index: 2 !important; } .uk-offcanvas-waypoints { z-index: 1705 !important; } @media (min-width: 768px) { .uk-offcanvas-bar_waypoints { width: 75% !important; /* 3/4 on medium screens */ } } @media (min-width: 992px) { .uk-offcanvas-bar_waypoints { width: 66.6667% !important; /* 2/3 on large screens */ } } /* Ensure offcanvas container is never display:none; hide via transform only */ #js-event_show_route_link .uk-offcanvas-bar { transform: translateX(-100%); transition: transform .3s ease; } #js-event_show_route_link.uk-open .uk-offcanvas-bar { transform: translateX(0); } /* Fix close button visibility in waypoints offcanvas */ .uk-offcanvas-bar_waypoints .uk-offcanvas-close { color: #333 !important; background: rgba(255, 255, 255, 0.9) !important; width: 35px !important; height: 35px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .uk-offcanvas-bar_waypoints .uk-offcanvas-close:hover { color: #000 !important; background: rgba(255, 255, 255, 1) !important; border-color: #999 !important; } /* ======================================================================== Component: BLOCKQOUTES ========================================================================== */ blockquote:not(.ce-block blockquote) { font-size: 16px; border-left: 5px solid #1065a8; margin: 0 15px 10px 0 !important; margin-bottom: 0px; /** white-space: pre-wrap; overflow-wrap: break-word; **/ padding: 0px 0 0 13px !important; font-family: 'Open Sans',Arial,Helvetica,sans-serif; color: #575757 !important; font-style: italic; width: fit-content; letter-spacing: 0.3px; font-weight: 400; } blockquote.blockquote-small { font-size: 14px; } blockquote.blockquote-medium { font-size: 16px; } blockquote.blockquote-big { font-size: 18px; } /* ======================================================================== Component: CARDS ========================================================================== */ .alpha-card-default {border-radius: 8px;} /*.alpha-card-default_effect-2 {box-shadow: 0 0 12px rgba(0,0,0,.15) !important;background-color: #fff;overflow: hidden;border-top-left-radius: 8px;border-top-right-radius: 8px;}*/ .alpha-card-header__inline-list { padding-left: 0; list-style: none; margin-top: -6px !important; } ul.alpha-card-header__inline-list > li { display: inline; padding-right: 0; padding-left: 0; } .alpha-read_more-card__left .badge { background-color: #e84b3d; } .alpha-read_more-card__right .badge { background-color: #255172; } .alpha-event-card { padding: 0 0 0 40px; margin-bottom: 3px; } .owl-item .alpha-event-card { padding: 0; margin-bottom: 3px; } .alpha-event-card__inner { display: block !important; position: relative !important; width: 100%; color: #353535 !important; border-radius: 6px; background: transparent; } .alpha-event-card__inner .elem-status { left: -10px; bottom: 105px; top: auto; top: auto; z-index: 20; } .alpha-event-card__inner .elem-status-right { position: absolute; right: -10px; bottom: 105px; top: auto; position: absolute; z-index: 20; } .alpha-event-card__inner_image { border-top-left-radius: 6px; border-top-right-radius: 6px; } .alpha-event-card .read-also-inner { background-color: white; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .alpha-event-card .read-also-inner .read-also-title__container { height: 60px; overflow: hidden; } .alpha-img_fold::before { content: ""; position: absolute; top: 0%; right: 0%; width: 0px; height: 0px; border-bottom: 16px solid #B0B7BD; border-right: 16px solid transparent; border-radius: 0 0 0 4px; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); box-shadow: -1px 1px 1px rgba(0,0,0,0.2); } .alpha-img_fold::after { content: ""; position: absolute; top: 0%; right: 0%; width: 0px; height: 0px; border-top: 16px solid #f9f9f9; border-left: 16px solid transparent; } .alpha-img_fold__extension { position: absolute; bottom: 9px; /* +3px выше (было 11px) */ left: -8px; background: rgba(76,175,80,0.8); color: white; font-size: 10px; font-weight: 900; /* Более грубый шрифт (было bold/700) */ padding: 1px 0 3px 0; border-radius: 2px; text-transform: lowercase; line-height: 1; width: 50px; height: 20px; display: flex; align-items: flex-end; justify-content: center; font-family: 'Arial Black', Arial, sans-serif; /* Более грубый шрифт */ } /* ======================================================================== Component: USER PROFILE ========================================================================== */ .mainuseractions .uk-nav.uk-dropdown-nav li{padding: 5px;} .mainuseractions .mdl-menu__item a,.mdl-menu__item a:hover,.mdl-menu__item a:focus,.mdl-menu__item a:active {color: 000 !important} .alpha-friends_request {display: none} .alpha-friends_request__dropdown {display:block} .alpha-direct_send {display: none} .alpha-direct_send__dropdown {display:block} .uk-sticky.uk-sticky-fixed.uk-active .userpagerealname {display: none} .uk-sticky.uk-sticky-fixed.uk-active h3.userpagename{font-size: 18px} .alpha-profile_header {font-size: 20px !important} .alpha-profile_header .alpha-profile_gender__male,.alpha-profile_gender__female {font-size: 17px !important;width: auto !important;height: auto !important;line-height: 20px !important;} .alpha-profile_header .las {font-size: 20px !important} .alpha-profile_header .alpha-profile_topname {font-size: 18px} .alpha-profile_header__bottom {font-size: 18px !important;padding-top: 5px;} .alpha-profile_header__bottom .las {font-size: 18px !important} .alpha-profile_header__bottom .alpha-profile_name {font-size: 18px !important;margin-left: 7px} @media only screen and (min-width: 640px) { .alpha-direct_send {display:initial} .alpha-direct_send__dropdown {display:none} .alpha-friends_request {display:initial} .alpha-friends_request__dropdown {display:none} .alpha-profile_header {font-size: 22px !important} .alpha-profile_header .alpha-profile_gender__male,.alpha-profile_gender__female {font-size: 19px !important;width: auto !important;height: auto !important;line-height: 22px !important;} .alpha-profile_header .las {font-size: 22px !important} .alpha-profile_header .alpha-profile_topname {font-size: 20px} } @media only screen and (min-width: 960px) { .alpha-profile_header {font-size: 24px !important} .alpha-profile_header .alpha-profile_gender__male,.alpha-profile_gender__female {font-size: 23px !important;width: auto !important;height: auto !important;line-height: 24px !important;} .alpha-profile_header .las {font-size: 24px !important} .alpha-profile_header .alpha-profile_topname {font-size: 24px} .alpha-profile_header__bottom {font-size: 20px !important} .alpha-profile_header__bottom .las {font-size: 20px !important} .alpha-profile_header__bottom .alpha-profile_topname {font-size: 18px} } @media only screen and (min-width: 1200px) { .alpha-profile_header {font-size: 26px !important} .alpha-profile_header .alpha-profile_gender__male,.alpha-profile_gender__female {font-size: 25px !important;width: auto !important;height: auto !important;line-height: 26px !important;} .alpha-profile_header .las {font-size: 26px !important} .alpha-profile_header .alpha-profile_topname {font-size: 26px} } /* ======================================================================== Component: EVENTS ========================================================================== */ .alpha-event__highlight { background-color: #fffbdc;padding: 10px 20px 20px 20px;margin-top:15px;margin-right: -15px;margin-left: -15px; } .alpha-event__big__plate { margin-right: 0; margin-left: 0; background-color: #255173;border-radius: 4px; } /* ======================================================================== Component: CARDS OLD ========================================================================== */ /** story card square in profile **/ .alpha-card--badge { color: #777; background: #ecf0f1 !important; box-shadow: -4px 7px 12px rgba(0,0,0,.15) !important; } .alpha-card--badge-padding { padding: .3em .6em .3em !important; } .alpha-card--href, .alpha-card--href:active, .alpha-card--href:focus { color: #353535 !important; transition: box-shadow .2s; box-shadow: 0 0 12px rgba(0,0,0,.15) !important; border-radius: 3px; background: white; } .alpha-card--text--container { padding: 5px 15px 15px; height: 90px; overflow: hidden; } .alpha-card--text { font-size: 11px; line-height: 13px; position: relative; } .alpha-card--text:after { content: ' '; display: table; clear: both; } .alpha-card--text__left { float: left; width: calc(100% - 190px); max-height: 13px; overflow: hidden; } .alpha-card--text__right { float: right; color: #9B9B9B; } .alpha-card--text__right--inner { display: inline-block; vertical-align: middle; margin-left: 15px; } .alpha-card--header { color: #2f2f2f; font-size: 16px; line-height: 22px; font-weight: 400; margin-top: 10px; margin-bottom: 7px; height: 49px; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; visibility: visible; } .alpha-card--image-background { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); -webkit-animation: card-animation ease forwards; -moz-animation: card-animation ease forwards; animation: card-animation ease forwards; } @-webkit-keyframes card-animation { to { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes card-animation { to { -moz-transform: translateY(0); opacity: 1; } } @keyframes card-animation { to { transform: translateY(0); opacity: 1; } } /** questions card square in stories etc **/ .alpha-card--stories__fromlocation { padding: 5px 15px 0 15px; /**height: 70px;**/ overflow: hidden; background-color: white; } /** story card square in profile **/ .alpha-card--stories__bottom { padding: 5px 15px 15px; height: 90px; overflow: hidden; background-color: white; } .alpha-card--stories__bottom__top { font-size: 11px; line-height: 13px; position: relative; } .alpha-card--stories__bottom__top:after { content: ' '; display: table; clear: both; } .alpha-card--stories__bottom__top__left { float: left; width: calc(100% - 80px); max-height: 13px; overflow: hidden; color: #b92c28 !important; } .alpha-card--stories__bottom__top__right { float: right; color: #9B9B9B; max-width: 80px; } .alpha-card--stories__bottom__top__right-item { display: inline-block; vertical-align: middle; margin-left: 15px; } .alpha-card--stories__bottom-title { color: #2f2f2f; font-size: 16px; line-height: 23px; font-weight: 400; margin-top: 10px; margin-bottom: 7px; height: 49px; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; visibility: visible; } .alpha-card--stories__bottom-text { font-size: 14px; line-height: 1.3; margin-top: 10px; overflow: hidden; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; visibility: visible; } .alpha_badge-price { background-color: #e84b3d; color: white; } .alpha_badge-time { background-color: #1065a8; color: white; } /** Elements over elements **/ .alpha-badge-on { position: absolute; top: 8px; left: 18px; z-index: 20; } .alpha-badge-on__right { position: absolute; top: 8px; right: 18px; z-index: 20; } /** read-more card **/ .alpha-read_more-card__body, .alpha-read_more-card__body:active, .alpha-read_more-card__body:focus { width: 100%; display: inline-block; color: #353535 !important; transition: box-shadow .2s; box-shadow: 0 0 12px rgba(0,0,0,.15) !important; border-radius: 3px; background: white; } .alpha-read_more-card__left { position: absolute; top: 8px; left: 18px; z-index: 20; } .alpha-read_more-card__right { position: absolute; top: 8px; right: -8px; z-index: 20; } .alpha-read_more-card__bottom { padding: 5px 15px 15px; height: 90px; overflow: hidden; min-height: 98px !important; min-height: 90px; background-color: white; } .alpha-read_more-card__bottom__left { font-size: 11px; line-height: 13px; position: relative; min-height: 16px; } .alpha-read_more-card__bottom__right { float: right; color: #9B9B9B; } .alpha-read_more-card__bottom__heading { color: #2f2f2f; font-size: 16px; line-height: 22px; font-weight: 400; margin-top: 10px; margin-bottom: 7px; height: 49px; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; visibility: visible; } .alpha-read_more-card__bottom__text { font-size: 14px; line-height: 1.3; margin-top: 10px; overflow: hidden; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; visibility: visible; } /* ======================================================================== Component: SHADOWS ========================================================================== */ .alpha-right-corner { width: 22px; height: 110px; background: url(../../alpha_images/right-corner.png) 100% 0 no-repeat; z-index: 0; } .alpha-right-corner__6 { position: absolute; top: -3px; right: -6px; width: 22px; height: 110px; background: url(../../alpha_images/right-corner.png) 100% 0 no-repeat; z-index: 0; } .alpha-right-corner__12 { position: absolute; top: -1px; right: -12px; width: 22px; height: 110px; background: url(../../alpha_images/right-corner.png) 100% 0 no-repeat; z-index: 0; } .alpha-right-corner__22 { position: absolute; top: -3px; right: -22px; width: 22px; height: 110px; background: url(../../alpha_images/right-corner.png) 100% 0 no-repeat; z-index: 0; } .alpha_multi-tab { line-height: 1.7; background-color: white; width: auto; padding: 10px 20px 15px 20px; border-left: 5px solid #1065a8; font-style: normal; letter-spacing: -0.4px; margin: 25px 0; position: relative; font-weight: 300; color: #333; margin-right: 0; } .page_tabtitle {font-size: 16px;} a.page_tabtitle:hover,a.page_tabtitle:focus,a.page_tabtitle:active {color: #1065a8 !important;} @media only screen and (min-width: 960px) { .page_tabtitle {font-size: 17px;} .alpha_multi-tab { margin-right: 40px; } } @media only screen and (min-width: 1200px) { .page_tabtitle {font-size: 19px;} .alpha_multi-tab {padding-right: 80px} } @supports (-webkit-mask-box-image-source:none) { .tm-mask-default { -webkit-mask-box-image-source:url(../../alpha_images/mask-default-image.svg); mask-border:url(../../alpha_images/mask-default-image.svg); -webkit-mask-box-image-slice:50 fill; mask-border-slice:50 fill; -webkit-mask-box-image-repeat:round; mask-border-repeat:round } } @supports not (-webkit-mask-box-image-source:none) { .tm-mask-default { mask-image:url(../../alpha_images/mask-default-image.svg); mask-size:100% 100% } } .tm-box-decoration-default, .tm-box-decoration-primary, .tm-box-decoration-secondary { position:relative; z-index:0 } .tm-box-decoration-default::before, .tm-box-decoration-primary::before, .tm-box-decoration-secondary::before { content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index:-1; pointer-events:none } .tm-box-decoration-default::before { transform:translate(-40px,40px); background-color:transparent } .tm-box-decoration-default::before { border-image-source:url(../../alpha_images/box-decoration-default-image.avif); border-image-slice:60 fill; border-image-width:60px; border-image-repeat:round } .tm-box-decoration-default.tm-box-decoration-inverse::before { border-image-source:url(../../alpha_images/inverse-box-decoration-default-image.avif) } .tm-box-decoration-primary::before { transform:translate(0,0); background-color:transparent } .tm-box-decoration-primary::before { top:-40px; bottom:-40px; left:-40px; right:-40px; border-image-source:url(../../alpha_images/box-decoration-primary-image.avif); border-image-slice:120 fill; border-image-width:120px; border-image-repeat:round } .tm-box-decoration-primary.tm-box-decoration-inverse::before { border-image-source:url(../../alpha_images/inverse-box-decoration-primary-image.avif) } .tm-box-decoration-secondary::before { transform:translate(40px,-40px); background-color:transparent } .tm-box-decoration-secondary::before { border-image-source:url(../../alpha_images/box-decoration-secondary-image.avif); border-image-slice:60 fill; border-image-width:60px; border-image-repeat:round } .tm-box-decoration-secondary.tm-box-decoration-inverse::before { border-image-source:url(../../alpha_images/inverse-box-decoration-secondary-image.avif) } :where(.tm-transition-border) { display:block; position:relative } .tm-transition-border::after { content:''; position:absolute; z-index:1; pointer-events:none; transition:.1s ease-in-out; top:-1px; bottom:-1px; left:-1px; right:-1px; transition-property:border-color,border-width; border:0 solid #5cc6d6 } .page-load-status { display: none; padding-top: 20px; text-align: center; } .view-more-button { color: #131212 !important; text-align: left; text-transform: uppercase; font-weight: 400 !important; font-size: 16px !important; padding: 10px 10px 10px 0; } .infinite-scroll-last { color: #ada8a8 !important; text-align: center; text-transform: uppercase; font-weight: 400 !important; font-size: 16px !important; } .infinite-scroll-request { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: task-processing .8s infinite linear; animation: task-processing .8s infinite linear; background: transparent; position: absolute; left: 0; top: -50px; right: 0; bottom: 0; z-index: 10000; z-index: 1600; margin: 40px auto; } @media only screen and (min-width: 960px) { .infinite-scroll-request { left: 100px; } } /* ======================================================================== Component: STICKY & FILTERBOX ========================================================================== */ #destinaton .nav-tabs .nav-item { margin-bottom: 0px !important; background: white !important; } #destinaton .nav-tabs { border: none; } #destinaton .nav-tabs .nav-link,#destinaton .nav-tabs .nav-link:focus,#destinaton .nav-tabs .nav-link:hover { border: none; } #destinaton .nav-tabs .nav-item.show .nav-link,#destinaton .nav-tabs .nav-link.active { background-color: rgb(58, 74, 83); border: none; } #destinaton .nav-tabs a.nav-link.active,#destinaton .nav-tabs span.nav-link.active{ color: white !important; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 !important; } #destinaton .tab-content { padding: 20px 0px 5px 15px; background-color: rgb(58, 74, 83); } #destinaton .destination-footer { background-color: rgb(58, 74, 83); } .alpha-destination--search__container {padding: 0px 15px 7px 15px;background-color: rgb(58, 74, 83);} .alpha-destination--search__button {background: #eeeeee !important;} .alpha-destination--search__button:hover,.alpha-destination--search__button:focus,.alpha-destination--search__button:active {background: #dfdfdf !important;} .alpha-destination--search__button[disabled] {background: #eeeeee !important;pointer-events: auto;} .alpha-destination--search__button[disabled]:hover,.alpha-destination--search__button[disabled]:focus,.alpha-destination--search__button[disabled]:active {background: #dfdfdf !important;} /* .uk-sticky.uk-sticky-fixed #destinaton { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } .uk-sticky.uk-sticky-fixed #destinaton:hover,.uk-sticky.uk-sticky-fixed #destinaton:focus,.uk-sticky.uk-sticky-fixed #destinaton:active { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; } */ /* ======================================================================== Component: WEATHER ========================================================================== */ .weather-container { background-image: url('../../img/weather_night.webp'); background-position:50% 50%; background-size: cover !important; background-repeat: no-repeat !important; border-radius:10px; overflow:hidden; color: white; margin: 0 auto; padding: 10px 20px; } .weather-container.is_day { background-image: url('../../img/weather_day.webp'); } .weather-today_place h4 { color: white; font-weight: 400;margin-bottom: 5px !important } .weather-today_icon { width: 40px;height: 40px;float: left;margin-right: 10px } .weather-today_temp { margin-top: 7px;font-size: 18px;font-family: Georgia, serif; } .weather-forecast_link { margin-top: 14px;font-size: 14px; font-weight: 400; cursor: pointer; } .weather-forecast_date h5{ color: white; font-weight: 400;margin-bottom: 5px !important } .weather-forecast_icon { width: 30px;height: 30px;float: left;margin-right: 10px } .weather-forecast_temp { margin-top: 7px;font-size: 16px;font-family: Georgia, serif; } /* ======================================================================== Component: SEARCH on HEADER IMAGE ========================================================================== */ .alpha-search_light_container { padding: 10px 20px 4px 20px; } @media only screen and (min-width: 640px) { .alpha-search_light_container { padding: 0; } } .alpha-search_light.uk-search .uk-search-input { background: #ffffffa3 !important; border-color: rgba(0,0,0,.08); border-width: 1px; border-radius: 4px; border: none; color: black !important; font-weight: 400 !important; } .alpha-search_light.uk-search .uk-search-input:focus { background: #ffffff5c; border-color: rgba(0,0,0,.08); border-width: 1px; border-radius: 4px; border: none; color: black !important; font-weight: 400 !important; } .alpha-search_light.uk-search .uk-search-icon { color: black !important; } .alpha-search_light.uk-search .uk-search-input::-webkit-input-placeholder { color: #999 !important; font-weight: 400 !important; } .alpha-search_light.uk-search .uk-search-input::-moz-placeholder { color: #999 !important; font-weight: 400 !important; } .alpha-search_light.uk-search .uk-search-input:-ms-input-placeholder { color: #999 !important; font-weight: 400 !important; } .alpha-search_light.uk-search .uk-search-input::-ms-input-placeholder { color: #999 !important; font-weight: 400 !important; } .alpha-search_light.uk-search .uk-search-input::placeholder { color: #999 !important; font-weight: 400 !important; } section .alpha-pills_light_container .alpha-nav-pills--foldable_navs .nav-pills > li > a, section .alpha-pills_light_container .alpha-nav-pills--foldable_navs .nav-pills > li.active > a:hover, section .alpha-pills_light_container .alpha-nav-pills--foldable_navs .nav-pills > li.active > a { color: #111; background-color: rgba(255, 255, 255, 0.77); } /* ======================================================================== Component: MISC ========================================================================== */ .searchhighlight{ color: unset !important; } .search_hl,.hightlightme .searchhighlight{ background: #fcfcc9 !important; } .prs-alert.prs_primary .searchhighlight{ background: #ab8101 !important; } .prs-alert.prs_secondary .searchhighlight{ background: #ab8101 !important; } .prs-alert.prs_info .searchhighlight{ background: #ab8101 !important; } .prs-alert.prs_success .searchhighlight{ background: #ab8101 !important; } .prs-alert.prs_warning .searchhighlight{ background: #ab8101 !important; } .prs-alert.prs_danger .searchhighlight{ background: #ab8101 !important; } .prs-alert.prs_light .searchhighlight{ background: #ab8101 !important; } .prs-alert.prs_dark .searchhighlight{ background: #ab8101 !important; } figure.prs_instagram iframe{ height: 600px !important; } .bg-nude-container{ filter: brightness(0.34) contrast(0.2) saturate(0); transition: filter 0.2s; top: 0;left: 0;width: 100%;height: 100%;z-index: 3; } .bg-nude-container:hover { filter: brightness(1) contrast(1) saturate(1); } .bg-nude-container:hover .text-white { display: none; } .bg-nude .uk-overlay-primary { background:rgba(3, 3, 3, 0.87); filter: brightness(.1) contrast(.1) saturate(0); transition: background 0.3s ease, filter 0.5s ease; } .bg-nude .uk-overlay-primary:hover { background:none; filter: inherit; } .bg-nude .text-white { transition: all 0.3s ease; } .bg-nude:hover .text-white { display: none; } .bg-nude img { filter: saturate(0); } .bg-nude:hover img { filter: saturate(1); transform: scale(1.05); } .img-nude-container img{ filter: brightness(0.34) contrast(0.2) saturate(0); transition: filter 0.2s; } .img-nude-container img:hover { filter: brightness(1) contrast(1) saturate(1); } .img-nude-container:hover .text-white { display: none; } .img-nude-container_bg .single-background-small{ filter: brightness(0.34) contrast(0.2) saturate(0); transition: filter 0.2s; } .img-nude-container_bg .single-background-small:hover { filter: brightness(1) contrast(1) saturate(1); } .alpha-box_light {background-color: #f5f5f5;padding:15px;} .alpha-dark .uk-section-muted .alpha-box_light {background-color: #f5f5f5;} .process-steps a {padding: 0 !important} .alpha-button_edit {background-color: #1065a8 !important;} .alpha-button--read__more {background-color: rgba(158,158,158,.2);} .alpha-card--backplate { width: 100%; display: inline-block; color: #353535; padding: 0 6px 10px 6px; transition: box-shadow .2s; border-radius: 6px; margin-top: 30px; background: #fff; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%); } .alpha-nav-link--tab__first, .alpha-nav-link--tab__middle, .alpha-nav-link--tab__last, .alpha-nav-link--tab__first a, .alpha-nav-link--tab__middle a, .alpha-nav-link--tab__last a, .alpha-nav-link--tab__first a:hover, .alpha-nav-link--tab__middle a:hover, .alpha-nav-link--tab__last a:hover, .alpha-nav-link--tab__first a:active, .alpha-nav-link--tab__middle a:active, .alpha-nav-link--tab__last a:active, .alpha-nav-link--tab__first a:focus, .alpha-nav-link--tab__middle a:focus, .alpha-nav-link--tab__last a:focus {color: #333 !important} .alpha-nav-link--tab__first { border-right: 1px solid #3a4a53 !important; border-radius: 0 !important; border-top-right-radius: 3px !important; position: relative; display: block; padding: 10px 15px; z-index: 2; } .alpha-nav-link--tab__middle {} .alpha-nav-link--tab__last { border-left: 1px solid #3a4a53 !important; border-radius: 0 !important; border-top-left-radius: 3px !important; position: relative; display: block; padding: 10px 15px; z-index: 2; } .alpha-userdetails__sticky {z-index: 11; background-color: #f8fafc;margin-right: -15px !important;margin-left: -15px !important;} .alpha-text_lead { height: 0px !important; visibility: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; } .cke_wysiwyg_frame {min-height: 300px !important;} .alpha-album-title { width: 200px; max-width: 200px; overflow-x: hidden; } @media only screen and (min-width: 960px) { .alpha-album-title { width: 400px; min-width: 400px; overflow-x: hidden; } } .reviewstars img {height: 18px; width: 18px;} .alpha-dark .reviewstars img { filter: invert(.5);} .alpha-user-filter a{ color: #333333; padding: 0 3px; -webkit-transition: all 0s !important; -moz-transition: all 0s !important; -o-transition: all 0s !important; transition: all 0s !important; -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; } .alpha-user-filter a:hover, .alpha-user-filter a:active, .alpha-user-filter a:focus{ color: #333333; background: #f0f8ff; } .alpha-user-filter a.active{ color: #f36682; } a.alpha-question-helper{ position: relative; top: -6px; left: 3px; color: #1065a8 !important; } a.alpha-question-helper:hover, a.alpha-question-helper:active, a.alpha-question-helper:focus{ color: #999 !important; } a.alpha-user__link { display: inline-block; color: #3766a9; margin-right: 4px; } .alpha-user__link::after { content: ""; width: 20px; height: 20px; margin-left: 1px; background-image: url("data:image/svg+xml,"); background-position: 50%; background-repeat: no-repeat; background-size: contain; display: inline-block; /*filter: invert(1);*/ top: 0; left: 0; margin-right: -8px; position: relative; } a.alpha-golink, a.alpha-map, a.alpha-media, a.alpha-golink_fake { display: inline-block; margin-right: 4px; } .alpha-golink::after { content: ""; width: 10px; height: 10px; margin-left: 4px; background-image: url("data:image/svg+xml,"); background-position: 50%; background-repeat: no-repeat; background-size: contain; display: inline-block; /*filter: invert(1);*/ top: -6px; left: 0; position: relative; } .alpha-golink_fake::after { content: ""; width: 10px; height: 10px; margin-left: 4px; background-image: url("data:image/svg+xml,"); background-position: 50%; background-repeat: no-repeat; background-size: contain; display: inline-block; /*filter: invert(1);*/ top: -6px; left: 0; position: relative; } /* Suppress golink arrow when link is inside PRS image figure */ figure.prs-image a.alpha-golink::after { content: none !important; display: none !important; } figure.prs-image a.alpha-golink { margin-right: 0 !important; } .alpha-map::after { content: ""; width: 10px; height: 10px; margin-left: 4px; background-image: url("data:image/svg+xml,"); background-position: 50%; background-repeat: no-repeat; background-size: contain; display: inline-block; /*filter: invert(1);*/ top: -6px; left: 0; position: relative; } .alpha-media::after { content: ""; width: 10px; height: 10px; margin-left: 4px; background-image: url("data:image/svg+xml,"); background-position: 50%; background-repeat: no-repeat; background-size: contain; display: inline-block; /*filter: invert(1);*/ top: -6px; left: 0; position: relative; } .imp_p a.alpha-golink::after, .imp_p a.alpha-map::after, .imp_p a.alpha-media::after, .imp_p_info a.alpha-golink::after, .imp_p_info a.alpha-map::after, .imp_p_info a.alpha-media::after, .imp_p_red a.alpha-golink::after, .imp_p_red a.alpha-map::after, .imp_p_red a.alpha-media::after { content: none; } .imp_p a.alpha-golink, .imp_p a.alpha-map, .imp_p a.alpha-media, .imp_p_info a.alpha-golink, .imp_p_info a.alpha-map, .imp_p_info a.alpha-media, .imp_p_red a.alpha-golink, .imp_p_red a.alpha-map, .imp_p_red a.alpha-media { margin-right: 0; } /* ======================================================================== Component: POI API ========================================================================== */ .poi__container { -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; } .poi__container .poi__main a::after,.poi__official_website a::after{ content: ""; width: 10px; height: 10px; margin-left: 4px; background-image: url("data:image/svg+xml,"); background-position: 50%; background-repeat: no-repeat; background-size: contain; display: inline-block; /*filter: invert(1);*/ top: -6px; left: 0; position: relative; } .alpha-dark .poi__container .poi__main a::after,.alpha-dark .poi__official_website a::after{ filter: invert(1); } .poi__top_margin_big { margin-top: 30px; } .poi__top_margin { margin-top: 20px; } .poi__top_margin_small { margin-top: 10px; } .poi__top_margin_xsmall { margin-top: 5px; } .poi__bottom_margin_big { margin-bottom: 30px; } .poi__bottom_margin { margin-bottom: 20px; } .poi__bottom_margin_small { margin-bottom: 10px; } .poi__bottom_margin_xsmall { margin-bottom: 5px; } .poi__lead { text-align: center; border-bottom: solid 1px black; border-top: solid 1px black; padding-top: 10px; padding-bottom: 10px; font-weight: 600; } .alpha-dark .poi__lead { border-bottom: solid 1px white; border-top: solid 1px white; } .poi__main p { margin-bottom: 5px; } .poi__official_website { margin-bottom: 10px; } .poi__official_website a, .poi__official_website a:hover,.poi__official_website a:focus,.poi__official_website a:active{ font-weight: 600 !important; } .alpha-dark .poi__official_website a,.alpha-dark .poi__official_website a:hover,.alpha-dark .poi__official_website a:focus,.alpha-dark .poi__official_website a:active{ color:#f36682 !important; } .poi__main .poi__main_item { font-weight: 600; } pre.brush { display: block; padding: 20px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f8f9fa; border: 1px solid #eaeaea; border-radius: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* ======================================================================== Component: BANNERS alpha-adajio ========================================================================== */ .alpha-adajio.open-adajio { margin-bottom: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .alpha-adajio .adajio-header { padding-bottom: 40px; /*height: 5px;*/ } .alpha-adajio .adajio-header .close { margin-top: 2px; } .alpha-adajio .close { position: absolute; right: 7px; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #1065a8; text-shadow: none; } .alpha-adajio-header-paid { padding-bottom: 5px; /*height: 5px;*/ } .alpha-adajio-top { padding-top: 20px; } /** img.adajio-img { max-width: 400px; } **/ @media (min-width: 1200px) { .alpha-adajio-top{ padding-top: 0; margin-top: 20px; } } @media (min-width: 1600px) { .alpha-adajio-top{ margin-top: 20px; } .alpha-adajio-bottom { font-size: 12px; } } .badge-adajio { background: #fbc02d; font-size: 11px; text-transform: uppercase; } .alpha-adajio .clean-adajio { background-color: white !important; margin-bottom: 0 !important; } .alpha-adajio .clean-adajio,.alpha-adajio .clean-adajio:hover,.alpha-adajio .clean-adajio:focus,.alpha-adajio .clean-adajio:active { padding: 0px 35px 30px 35px !important; -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065) !important; -moz-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065) !important; -o-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065) !important; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065) !important; max-width: 500px; margin: 0 auto; } /* clean price */ .clean-adajio { padding: 30px 10px; text-align: center; position: relative; border: 1px solid #eaeaea; font-family: Arial, Helvetica, sans-serif; -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065); box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065); } .clean-adajio h4 { font-size: 60px; line-height:60px; font-weight: 300; margin: 0; color: #547698; } .clean-adajio h4 sup { position: relative; font-size: 20px; line-height:25px; vertical-align: top; top: 3px; } .clean-adajio h4 em { font-size: 14px; font-style:normal; } .clean-adajio h5 { text-transform: uppercase; font-weight: 300; margin: 0; font-size: 15px; color: #BACDD6; letter-spacing: 2px; } .clean-adajio p { line-height: 1.5em; color: #526066; margin-bottom: 0; } .clean-adajio .btn { -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065); box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065); } @media only screen and (max-width: 992px) { .clean-adajio { margin-bottom:30px; } .col-md-5th .clean-adajio h4 { font-size: 40px; line-height:40px; } .col-md-5th .clean-adajio h4 em { font-size:11px; } } @media only screen and (max-width: 768px) { .clean-adajio h4 { font-size: 60px; line-height:60px; } .clean-adajio h4 em { font-size: 14px; } } @media (min-width: 960px) { .alpha-adajio.open-adajio { margin-bottom: 30px; } } /* ======================================================================== Component: GOOGLE MAPS ========================================================================== */ .gm-style .gm-style-iw-a { margin-top: -18px !important; } .gm-style .gm-style-iw-c { overflow: visible !important; padding: 9px !important; max-height: none !important } .gm-style .gm-style-iw-d { overflow: hidden !important; max-height: none !important; max-width: 200px !important; } .gm-style-iw-ch { padding-top: 0 !important; } .gm-style .gm-style-iw-c button { background-color: #fffdfd !important; width: 23px !important; height: 23px !important; position: fixed !important; top: -23px !important; right: -23px !important; padding: 0 !important; border-radius: 50% !important; } .gm-style .gm-style-iw-c button span{ width: 15px !important; height: 15px !important; margin: 4px !important; } .alpha-map_container { position: absolute; top: 60px; left: 10px; background-color: white; padding: 10px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 6px; height: fit-content; display: block; color: rgb(86, 86, 86); opacity: 0.9; font-size: 13px; display: none; } .alpha-map_container__suncurrent { font-size: 12px; color: #1065a8; } .alpha-map_container__sunrise { font-size: 12px; color: #ff7800; } .alpha-map_container__sunset { font-size: 12px; color: #ba3314; } .alpha-map_container__sundate { font-size: 12px; color: #009834; } @media only screen and (min-width: 640px) { .alpha-map_container__suncurrent { font-size: 13px; color: #1065a8; } .alpha-map_container__sunrise { font-size: 13px; color: #ff7800; } .alpha-map_container__sunset { font-size: 13px; color: #ba3314; } .alpha-map_container__sundate { font-size: 13px; color: #009834; } } #js_video_video-modal .uk-modal-dialog { width: 860px; } /* ======================================================================== Component: FLAGS ========================================================================== */ .alpha-stories-flag--container {width: initial !important;text-align: left;position: absolute !important;margin-left: 10px;top: -2px;right: -5px;color: #fff;cursor: pointer;text-shadow: 0 1px 0 #080808;z-index: 102;}.alpha-stories-flag {border-top-right-radius: 1px;border-top-left-radius: 1px;margin: auto;position: relative;width:24px;height:26px;}.alpha-stories-flag__blue {background: #1264a8;background: -moz-linear-gradient(top, #1264a8 0%, #1686e3 24%, #228ce4 38%, #1264a8 76%, #1264a8 100%);background: -webkit-linear-gradient(top, #1264a8 0%,#1686e3 24%,#228ce4 38%,#1264a8 76%,#1264a8 100%);background: linear-gradient(to bottom, #1264a8 0%,#1686e3 24%,#228ce4 38%,#1264a8 76%,#1264a8 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1264a8', endColorstr='#1264a8',GradientType=0 );}.alpha-stories-flag__green {background: #107b02;background: -moz-linear-gradient(top, #107b02 0%, #25b312 24%, #1db908 38%, #107b02 76%, #107b02 100%);background: -webkit-linear-gradient(top, #107b02 0%,#25b312 24%,#1db908 38%,#107b02 76%,#107b02 100%);background: linear-gradient(to bottom, #107b02 0%,#25b312 24%,#1db908 38%,#107b02 76%,#107b02 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#107b02', endColorstr='#107b02',GradientType=0 );}.alpha-stories-flag__red {background: #b30000;background: -moz-linear-gradient(top, #b30000 0%, #e31e1e 24%, #ff1010 38%, #b00606 76%, #b30000 100%);background: -webkit-linear-gradient(top, #b30000 0%,#e31e1e 24%,#ff1010 38%,#b00606 76%,#b30000 100%);background: linear-gradient(to bottom, #b30000 0%,#e31e1e 24%,#ff1010 38%,#b00606 76%,#b30000 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b30000', endColorstr='#b30000',GradientType=0 );}.alpha-stories-flag__yellow {background: #fcc500;background: -moz-linear-gradient(top, #fcc500 0%, #fced00 24%, #fced00 38%, #fcc500 76%, #fcc500 100%);background: -webkit-linear-gradient(top, #fcc500 0%,#fced00 24%,#fced00 38%,#fcc500 76%,#fcc500 100%);background: linear-gradient(to bottom, #fcc500 0%,#fced00 24%,#fced00 38%,#fcc500 76%,#fcc500 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcc500', endColorstr='#fcc500',GradientType=0 );}.alpha-stories-flag:after, .alpha-stories-flag:before {content: "";width: 0;height: 0;bottom:-9px;}.alpha-stories-flag__blue:after, .alpha-stories-flag__blue:before {border-top: 11px solid #1264a8;}.alpha-stories-flag__green:after, .alpha-stories-flag__green:before {border-top: 11px solid #107b02;}.alpha-stories-flag__red:after, .alpha-stories-flag__red:before {border-top: 11px solid #b30000;}.alpha-stories-flag__yellow:after, .alpha-stories-flag__yellow:before {border-top: 11px solid #fcc500;}.alpha-stories-flag:before {border-right: 20px solid transparent;position: absolute;left: 0;}.alpha-stories-flag i {height: 120%;display: block;z-index: 100;-webkit-background-clip: padding-box;background-clip: padding-box;overflow: hidden;margin: auto;position: relative;border-right:none;border-left:none }.alpha-stories-flag:after {border-left: 20px solid transparent;position: absolute;right: 0;}.alpha-stories-flag i span {display: block;text-align: center;position: relative;text-shadow: 1px 1px 1px #333;font-style: normal;font-weight: 200;color: #fff;top:22%;font-size:13px;}.alpha-stories-flag__yellow i span {right: 1px;}.alpha-stories-flag-ec--container {width: initial !important;text-align: left;position: absolute !important;margin-left: 10px;top: -2px;right: -5px;color: #fff;cursor: pointer;text-shadow: 0 1px 0 #080808;z-index: 103;}.alpha-stories-flag-ec {background: #fc9300;background: -moz-linear-gradient(top, #fc9300 0%, #fccd4d 24%, #fcd34e 38%, #fc9300 76%, #fc9300 100%);background: -webkit-linear-gradient(top, #fc9300 0%,#fccd4d 24%,#fcd34e 38%,#fc9300 76%,#fc9300 100%);background: linear-gradient(to bottom, #fc9300 0%,#fccd4d 24%,#fcd34e 38%,#fc9300 76%,#fc9300 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc9300', endColorstr='#fc9300',GradientType=0 );border-top-right-radius: 1px;border-top-left-radius: 1px;margin: auto;position: relative;width:24px;height:26px;}.alpha-stories-flag-ec:after, .alpha-stories-flag-ec:before {border-top: 11px solid #fc9300;content: "";width: 0;height: 0;bottom:-9px;}.alpha-stories-flag-ec:before {border-right: 20px solid transparent;position: absolute;left: 0;}.alpha-stories-flag-ec i {height: 120%;display: block;z-index: 100;-webkit-background-clip: padding-box;background-clip: padding-box;overflow: hidden;margin: auto;position: relative;border-right:none;border-left:none }.alpha-stories-flag-ec:after {border-left: 20px solid transparent;position: absolute;right: 0;}.alpha-stories-flag-ec i span {display: block;text-align: center;position: relative;text-shadow: 1px 1px 1px #333;font-style: normal;font-weight: 200;color: #fff;top:22%;font-size:13px;} /* Scroll indicator styles */ #aboutcountrymenu.scrollable { /* Minimal styling to avoid interference */ } /* Touch-friendly scrolling on mobile */ @media (max-width: 768px) { #aboutcountrymenu { -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE and Edge */ } #aboutcountrymenu::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */ } #aboutcountrymenu ul { white-space: nowrap; display: flex; flex-wrap: nowrap; min-width: max-content; padding-right: 20px; /* Add some padding for better scrolling */ scroll-snap-align: start; } #aboutcountrymenu li { flex-shrink: 0; margin-right: 15px; scroll-snap-align: start; } #aboutcountrymenu li:last-child { margin-right: 0; } } /* Basic horizontal scrolling for all screen sizes */ #aboutcountrymenu { overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; } /* ======================================================================== Component: USER STATUS INDICATOR ========================================================================== */ /* Стили для индикатора статуса пользователя (круглый значок онлайн/офлайн) */ .inusers.ava-cont .user-status-small.circle-small { font-size: 16px; border: 5px #f8fafc solid; border-radius: 50%; position: absolute; top: -6px; right: -8px; z-index: 10; }