.bdt-ep-advanced-heading {
position: relative;
}
.bdt-ep-advanced-heading a {
color: inherit;
}
.bdt-ep-advanced-heading a:hover {
color: inherit;
}
.bdt-ep-advanced-heading-title {
margin: 0;
padding: 0;
}
.bdt-ep-advanced-heading-sub-title,
.bdt-ep-advanced-heading-main-title {
z-index: 1;
position: relative;
}
.bdt-ep-advanced-heading-sub-title {
display: inline-block;
line-height: 1;
}
.bdt-ep-advanced-heading-main-title > .bdt-ep-advanced-heading-main-title-inner,
.bdt-ep-advanced-heading-main-title > .bdt-mainh-split-text {
display: inline-flex;
box-sizing: border-box;
}
.bdt-ep-advanced-heading-sub-title-content,
.bdt-ep-advanced-heading-main-title {
display: inline-block;
vertical-align: middle;
}
.bdt-ep-advanced-heading-sub-title .line,
.bdt-ep-advanced-heading-main-title .line {
background-color: transparent !important;
}
.bdt-ep-advanced-heading-sub-title .line:after,
.bdt-ep-advanced-heading-main-title .line:after {
content: "";
background-color: #1e87f0;
height: 2px;
width: 40px;
display: inline-block;
vertical-align: middle;
}
.bdt-ep-advanced-heading-sub-title .line.bdt-button-icon-align-bottom,
.bdt-ep-advanced-heading-main-title .line.bdt-button-icon-align-bottom {
line-height: 0;
display: block;
}
.bdt-ep-advanced-heading-content {
color: rgba(156, 156, 156, 0.12);
z-index: 0;
font-size: 60px;
text-transform: uppercase;
font-weight: 700;
line-height: 1;
bottom: 0;
width: 100%;
transition: all 0.3s ease-out;
position: absolute;
}
.bdt-ep-advanced-heading-content > div {
display: inline-block;
}
.bdt-main-text-stroke--yes .bdt-ep-advanced-heading .bdt-ep-advanced-heading-main-title span {
color: transparent !important;
-webkit-text-stroke: 1px #333333;
}
.bdt-advanced-text-stroke--yes .bdt-ep-advanced-heading .bdt-ep-advanced-heading-content > div {
color: transparent !important;
-webkit-text-stroke: 1px rgba(156, 156, 156, 0.12);
}
.bdt-ep-main-color-yes .bdt-ep-advanced-heading-main-title-inner {
background-color: transparent;
background-image: linear-gradient(240deg, #0E83CD 0, #8062d4 100%);
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: rgba(255, 255, 255, 0);
}
.bdt-ep-advanced-color-yes .bdt-ep-advanced-heading-content > * {
background-color: transparent;
background-image: linear-gradient(240deg, #0E83CD 0, #8062d4 100%);
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@supports (-ms-ime-align: auto) {
.bdt-ep-main-color-yes .bdt-ep-advanced-heading-main-title > div,
.bdt-ep-advanced-color-yes .bdt-ep-advanced-heading-content > div {
background-attachment: scroll !important;
}
}
@supports (-moz-appearance:none) {
.bdt-ep-main-color-yes .bdt-ep-advanced-heading-main-title > div,
.bdt-ep-advanced-color-yes .bdt-ep-advanced-heading-content > div {
background-attachment: scroll !important;
}
}
.bdt-ep-advanced-heading-content > div {
-webkit-transform: translate(var(--ep-advanced-heading-pos-x, 0), var(--ep-advanced-heading-pos-y, 0)) rotate(var(--ep-advanced-heading-rotate, 0));
transform: translate(var(--ep-advanced-heading-pos-x, 0), var(--ep-advanced-heading-pos-y, 0)) rotate(var(--ep-advanced-heading-rotate, 0));
}.bdt-offcanvas-button {
outline: none;
}
.bdt-offcanvas-button .bdt-offcanvas-button-align-icon-right {
float: right;
}
.bdt-offcanvas-button .bdt-offcanvas-button-align-icon-left {
float: left;
}
.bdt-offcanvas .bdt-offcanvas-bar {
word-wrap: break-word;
}
.bdt-offcanvas .bdt-offcanvas-bar .widget:not(:first-child) {
margin-top: 30px;
}@font-face {
font-family: 'element-pack';
src: url(//www.krabicky-plzen.cz/wp-content/plugins/bdthemes-element-pack/assets/fonts/element-pack.ttf?xcwcp5) format('truetype'), url(//www.krabicky-plzen.cz/wp-content/plugins/bdthemes-element-pack/assets/fonts/element-pack.woff?xcwcp5) format('woff'), url(//www.krabicky-plzen.cz/wp-content/plugins/bdthemes-element-pack/assets/fonts/element-pack.svg?xcwcp5#element-pack) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="ep-icon-"],
[class*=" ep-icon-"] { font-family: 'element-pack' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ep-icon-arrow-left-0:before {
content: "\e950";
}
.ep-icon-arrow-right-0:before {
content: "\e951";
}
.ep-icon-arrow-left:before {
content: "\e94d";
}
.ep-icon-arrow-right:before {
content: "\e94e";
}
.ep-icon-arrow-left-1:before {
content: "\e917";
}
.ep-icon-arrow-right-1:before {
content: "\e925";
}
.ep-icon-arrow-left-2:before {
content: "\e918";
}
.ep-icon-arrow-right-2:before {
content: "\e926";
}
.ep-icon-arrow-left-3:before {
content: "\e919";
}
.ep-icon-arrow-right-3:before {
content: "\e927";
}
.ep-icon-arrow-left-4:before {
content: "\e91a";
}
.ep-icon-arrow-right-4:before {
content: "\e928";
}
.ep-icon-arrow-left-5:before {
content: "\e943";
}
.ep-icon-arrow-right-5:before {
content: "\e944";
}
.ep-icon-arrow-left-6:before {
content: "\e945";
}
.ep-icon-arrow-right-6:before {
content: "\e946";
}
.ep-icon-arrow-left-7:before {
content: "\e949";
}
.ep-icon-arrow-right-7:before {
content: "\e94a";
}
.ep-icon-arrow-left-8:before {
content: "\e91e";
}
.ep-icon-arrow-right-8:before {
content: "\e92c";
}
.ep-icon-arrow-left-9:before {
content: "\e91f";
}
.ep-icon-arrow-right-9:before {
content: "\e92d";
}
.ep-icon-arrow-left-10:before {
content: "\e920";
}
.ep-icon-arrow-right-10:before {
content: "\e92e";
}
.ep-icon-arrow-left-11:before {
content: "\e921";
}
.ep-icon-arrow-right-11:before {
content: "\e92f";
}
.ep-icon-arrow-left-12:before {
content: "\e94b";
}
.ep-icon-arrow-right-12:before {
content: "\e94c";
}
.ep-icon-arrow-left-13:before {
content: "\e922";
}
.ep-icon-arrow-right-13:before {
content: "\e930";
}
.ep-icon-arrow-left-14:before {
content: "\e91d";
}
.ep-icon-arrow-right-14:before {
content: "\e92b";
}
.ep-icon-arrow-left-15:before {
content: "\e923";
}
.ep-icon-arrow-right-15:before {
content: "\e931";
}
.ep-icon-arrow-left-16:before {
content: "\e924";
}
.ep-icon-arrow-right-16:before {
content: "\e932";
}
.ep-icon-arrow-left-17:before {
content: "\e91c";
}
.ep-icon-arrow-right-17:before {
content: "\e92a";
}
.ep-icon-arrow-left-18:before {
content: "\e91b";
}
.ep-icon-arrow-right-18:before {
content: "\e929";
}
.ep-icon-arrow-up-1:before {
content: "\e933";
}
.ep-icon-arrow-down-1:before {
content: "\e910";
}
.ep-icon-arrow-up-2:before {
content: "\e934";
}
.ep-icon-arrow-down-2:before {
content: "\e911";
}
.ep-icon-arrow-up-3:before {
content: "\e935";
}
.ep-icon-arrow-down-3:before {
content: "\e912";
}
.ep-icon-arrow-up-4:before {
content: "\e936";
}
.ep-icon-arrow-down-4:before {
content: "\e913";
}
.ep-icon-arrow-up-5:before {
content: "\e937";
}
.ep-icon-arrow-down-5:before {
content: "\e915";
}
.ep-icon-arrow-up-7:before {
content: "\e938";
}
.ep-icon-arrow-down-7:before {
content: "\e916";
}
.ep-icon-arrow-up-8:before {
content: "\e939";
}
.ep-icon-arrow-down-8:before {
content: "\e947";
}
.ep-icon-arrow-left-circle-1:before {
content: "\e93b";
}
.ep-icon-arrow-right-circle-1:before {
content: "\e93f";
}
.ep-icon-arrow-left-circle-2:before {
content: "\e93c";
}
.ep-icon-arrow-right-circle-2:before {
content: "\e940";
}
.ep-icon-arrow-left-circle-3:before {
content: "\e93d";
}
.ep-icon-arrow-right-circle-3:before {
content: "\e941";
}
.ep-icon-arrow-left-circle-4:before {
content: "\e93a";
}
.ep-icon-arrow-right-circle-4:before {
content: "\e93e";
}
.ep-icon-arrow-left-square-1:before {
content: "\e948";
}
.ep-icon-arrow-right-square-1:before {
content: "\e942";
}
.ep-icon-element-pack:before {
content: "\e902";
}
.ep-icon-hexagon-zigzag:before {
content: "\e90f";
}
.ep-icon-bulge-rectangle:before {
content: "\e90e";
}
.ep-icon-hexagon-radius2:before {
content: "\e90d";
}
.ep-icon-hexagon:before {
content: "\e90c";
}
.ep-icon-hexagon-radius:before {
content: "\e604";
}
.ep-icon-g2:before {
content: "\e90b";
}
.ep-icon-plus-2:before {
content: "\e908";
}
.ep-icon-eye:before {
content: "\f06e";
}
.ep-icon-envelope:before {
content: "\f0e0";
}
.ep-icon-meneame:before {
content: "\e906";
}
.ep-icon-moimir:before {
content: "\e900";
}
.ep-icon-instapaper:before {
content: "\e903";
}
.ep-icon-surfingbird:before {
content: "\e904";
}
.ep-icon-livejournal:before {
content: "\e905";
}
.ep-icon-baidu:before {
content: "\e907";
}
.ep-icon-line:before {
content: "\e90a";
}
.ep-icon-twitter:before {
content: "\f099";
}
.ep-icon-linkedin:before {
content: "\f0e1";
}
.ep-icon-github:before {
content: "\f113";
}
.ep-icon-youtube:before {
content: "\f167";
}
.ep-icon-xing:before {
content: "\f168";
}
.ep-icon-instagram:before {
content: "\f16d";
}
.ep-icon-tumblr:before {
content: "\f173";
}
.ep-icon-apple:before {
content: "\f179";
}
.ep-icon-android:before {
content: "\f17b";
}
.ep-icon-dribbble:before {
content: "\f17d";
}
.ep-icon-skype:before {
content: "\f17e";
}
.ep-icon-vk:before {
content: "\f189";
}
.ep-icon-weibo:before {
content: "\f18a";
}
.ep-icon-renren:before {
content: "\f18b";
}
.ep-icon-wordpress:before {
content: "\f19a";
}
.ep-icon-google:before {
content: "\f1a0";
}
.ep-icon-delicious:before {
content: "\f1a5";
}
.ep-icon-digg:before {
content: "\f1a6";
}
.ep-icon-soundcloud:before {
content: "\f1be";
}
.ep-icon-wechat:before {
content: "\f1d7";
}
.ep-icon-pinterest:before {
content: "\f231";
}
.ep-icon-whatsapp:before {
content: "\f232";
}
.ep-icon-odnoklassniki:before {
content: "\f263";
}
.ep-icon-pocket:before {
content: "\f265";
}
.ep-icon-safari:before {
content: "\f267";
}
.ep-icon-chrome:before {
content: "\f268";
}
.ep-icon-firefox:before {
content: "\f269";
}
.ep-icon-opera:before {
content: "\f26a";
}
.ep-icon-ie:before {
content: "\f26b";
}
.ep-icon-vimeo:before {
content: "\f27d";
}
.ep-icon-reddit:before {
content: "\f281";
}
.ep-icon-edge:before {
content: "\f282";
}
.ep-icon-blogger:before {
content: "\f37d";
}
.ep-icon-facebook:before {
content: "\f39e";
}
.ep-icon-messenger:before {
content: "\f39f";
}
.ep-icon-googleplay:before {
content: "\f3ab";
}
.ep-icon-mix:before {
content: "\f3cb";
}
.ep-icon-telegram:before {
content: "\f3fe";
}
.ep-icon-uikit:before {
content: "\f403";
}
.ep-icon-viber:before {
content: "\f409";
}
.ep-icon-flipboard:before {
content: "\f44d";
}
.ep-icon-buffer:before {
content: "\f837";
}
.ep-icon-evernote:before {
content: "\f839";
}
.ep-icon-arrow-right1:before {
content: "\e952";
}
.ep-icon-plus-circle:before {
content: "\e94f";
}
.ep-icon-circle-plus:before {
content: "\e94f";
}
.ep-icon-plus:before {
content: "\e909";
}
.ep-icon-search:before {
content: "\e901";
}
.ep-icon-edit:before {
content: "\e914";
}
.ep-icon-file-picture:before {
content: "\e9af";
}
.ep-icon-file-music:before {
content: "\e9b2";
}
.ep-icon-file-play:before {
content: "\e9b3";
}
.ep-icon-cart:before {
content: "\e9ff";
}
.ep-icon-location:before {
content: "\ea3d";
}
.ep-icon-reply:before {
content: "\eac2";
}
.ep-icon-bubble:before {
content: "\eac7";
}
.ep-icon-lock:before {
content: "\eb51";
}
.ep-icon-menu:before {
content: "\ec71";
}
.ep-icon-earth:before {
content: "\ec98";
}
.ep-icon-link:before {
content: "\ec9f";
}
.ep-icon-star-empty:before {
content: "\ece0";
}
.ep-icon-star:before {
content: "\ece0";
}
.ep-icon-star-half:before {
content: "\ece1";
}
.ep-icon-star-full:before {
content: "\ece2";
}
.ep-icon-heart-full:before {
content: "\ecec";
}
.ep-icon-heart-empty:before {
content: "\eced";
}
.ep-icon-question:before {
content: "\ed55";
}
.ep-icon-plus3:before {
content: "\ed5d";
}
.ep-icon-close:before {
content: "\ed6d";
}
.ep-icon-close-2:before {
content: "\ed6e";
}
.ep-icon-checkmark:before {
content: "\ed71";
}
.ep-icon-play-circle:before {
content: "\ed7e";
}
.ep-icon-play:before {
content: "\ed85";
}
.ep-icon-refresh:before {
content: "\edaa";
}
.ep-icon-new-tab:before {
content: "\eec9";
}
.ep-icon-yelp:before {
content: "\ef36";
}.bdt-navbar > li > a {
transition: all 350ms cubic-bezier(0, 0.43, 0.29, 0.96);
}
.bdt-navbar .bdt-navbar-nav li.coming-soon,
.bdt-navbar .bdt-navbar-nav li.new,
.bdt-navbar .bdt-navbar-nav li.hot,
.bdt-navbar .bdt-navbar-nav li.updated {
position: relative;
}
.bdt-navbar .bdt-navbar-nav li.coming-soon:after,
.bdt-navbar .bdt-navbar-nav li.new:after,
.bdt-navbar .bdt-navbar-nav li.hot:after,
.bdt-navbar .bdt-navbar-nav li.updated:after {
content: "";
position: absolute;
width: auto;
background: rgba(20, 171, 244, 0.58);
color: #fff;
right: 0;
top: 7px;
font-size: 8px;
padding: 1px 5px;
border-radius: 2px;
}
.bdt-navbar .bdt-navbar-nav li.coming-soon:after {
content: "UPCOMING";
}
.bdt-navbar .bdt-navbar-dropdown-nav li.hot:after {
content: "HOT";
background: rgba(20, 171, 244, 0.58);
}
.bdt-navbar .bdt-navbar-nav li.new:after {
content: "NEW";
background: #F2295B;
}
.bdt-navbar .bdt-navbar-nav li.updated:after {
content: "UPDATED";
background: #ef7f09;
}
.bdt-nav.bdt-navbar-dropdown-nav li.bdt-parent {
position: relative;
}
.bdt-nav.bdt-navbar-dropdown-nav li.bdt-parent .bdt-navbar-dropdown {
top: 0 !important;
left: 100% !important;
right: auto;
}
.bdt-navbar-parent-indicator-yes ul > li.bdt-parent > a {
position: relative;
}
.bdt-navbar-parent-indicator-yes ul > li.bdt-parent > a:after {
font: normal normal normal 9px/1 element-pack;
position: relative;
line-height: inherit;
content: "\e910";
top: 1px;
margin-left: 12px;
background: none !important;
}
.bdt-navbar-parent-indicator-yes .bdt-navbar-dropdown-nav > li.bdt-parent > a:after {
position: absolute;
transform: translate(-50%, -50%);
transform-origin: center;
top: calc(50% + 1px);
content: "\e925";
right: 0;
margin: 0;
}
.bdt-auto-hide-menu .bdt-cd-secondary-nav {
position: relative;
z-index: 1;
clear: both;
width: 100%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: transform;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform .5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
.bdt-auto-hide-menu .bdt-cd-secondary-nav::before,
.bdt-auto-hide-menu .bdt-cd-secondary-nav::after {
content: '';
position: absolute;
z-index: 1;
top: 0;
height: 100%;
width: 20px;
background: transparent;
pointer-events: none;
-webkit-transition: opacity .2s;
transition: opacity .2s;
}
.bdt-auto-hide-menu .bdt-cd-secondary-nav::after {
right: 0;
background: -webkit-linear-gradient(right, #fff, rgba(37, 40, 61, 0));
background: linear-gradient(to left, #fff, rgba(37, 40, 61, 0));
}
.bdt-auto-hide-menu .bdt-cd-secondary-nav::before {
left: 0;
background: -webkit-linear-gradient(left, #fff, rgba(37, 40, 61, 0));
background: linear-gradient(to right, #fff, rgba(37, 40, 61, 0));
}
.bdt-auto-hide-menu .bdt-cd-secondary-nav > ul,
.bdt-auto-hide-menu .bdt-cd-secondary-nav > ul > li,
.bdt-auto-hide-menu .bdt-cd-secondary-nav > ul > li > a {
height: 100%;
}
.bdt-auto-hide-menu .bdt-cd-secondary-nav > ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
justify-content: left;
}
.bdt-auto-hide-menu .bdt-cd-secondary-nav > ul::after {
clear: both;
content: "";
display: block;
}
.bdt-auto-hide-menu .bdt-cd-secondary-nav > ul > li {
display: inline-block;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media only screen and (min-width: 1025px) {
.bdt-auto-hide-menu .bdt-cd-secondary-nav {
overflow: visible;
}
.bdt-auto-hide-menu .bdt-cd-secondary-nav > ul {
display: block;
}
.bdt-auto-hide-menu .bdt-cd-secondary-nav > ul > li {
float: none;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
}.bdt-ep-button {
cursor: pointer;
display: inline-block;
text-transform: uppercase;
outline: none;
position: relative;
transition: all 0.3s ease-out;
z-index: 0;
text-align: center;
overflow: hidden;
}
.bdt-ep-button:hover {
background-color: transparent;
color: #fff;
}
.bdt-ep-button:hover .bdt-ep-button-badge-inner {
color: #000;
}
.bdt-ep-button .bdt-ep-button-icon {
position: relative;
display: inline-flex;
z-index: 0;
}
.bdt-ep-button .bdt-ep-button-icon .bdt-ep-button-a-icon-inner,
.bdt-ep-button .bdt-ep-button-icon .bdt-ep-button-b-icon-inner,
.bdt-ep-button .bdt-ep-button-icon .bdt-ep-button-icon-inner {
display: inline-flex;
}
.bdt-ep-button .bdt-ep-button-icon i,
.bdt-ep-button .bdt-ep-button-icon svg {
height: 1em;
width: 1em;
}
.bdt-ep-button .bdt-ep-button-text {
position: relative;
display: inline-block;
z-index: 0;
}
.bdt-ep-button .bdt-ep-button-badge-inner {
font-size: 10px;
background: #e4e4e8;
padding: 3px 6px;
border-radius: 3px;
text-transform: uppercase;
transition: all 0.3s ease;
}
.bdt-ep-button .bdt-ep-button-content-wrapper {
display: flex;
align-items: center;
}
.bdt-ep-button:after {
content: '';
position: absolute;
z-index: -1;
transition: all 0.3s ease-out;
background: #666;
}
.bdt-ep-button:active {
color: #fff;
}
.bdt-ep-button.bdt-ep-button-effect-a:after {
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
}
.bdt-ep-button.bdt-ep-button-effect-a:hover:after,
.bdt-ep-button.bdt-ep-button-effect-a:active:after {
opacity: 1;
}
.bdt-ep-button.bdt-ep-button-effect-b:after {
width: 100%;
height: 0;
top: 0;
left: 0;
}
.bdt-ep-button.bdt-ep-button-effect-b:hover:after {
height: 100%;
}
.bdt-ep-button.bdt-ep-button-effect-b:active:after {
height: 100%;
}
.bdt-ep-button.bdt-ep-button-effect-c:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
}
.bdt-ep-button.bdt-ep-button-effect-c:hover:after {
width: 100%;
}
.bdt-ep-button.bdt-ep-button-effect-c:active:after {
width: 100%;
}
.bdt-ep-button.bdt-ep-button-effect-d {
overflow: hidden;
}
.bdt-ep-button.bdt-ep-button-effect-d:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
opacity: 0;
transform: translateX(-50%) translateY(-50%);
}
.bdt-ep-button.bdt-ep-button-effect-d:hover:after {
width: 90%;
opacity: 1;
}
.bdt-ep-button.bdt-ep-button-effect-d:active:after {
width: 101%;
opacity: 1;
}
.bdt-ep-button.bdt-ep-button-effect-e {
overflow: hidden;
}
.bdt-ep-button.bdt-ep-button-effect-e:after {
width: 100%;
height: 0;
top: 50%;
left: 50%;
opacity: 0;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.bdt-ep-button.bdt-ep-button-effect-e:hover:after {
height: 260%;
opacity: 1;
}
.bdt-ep-button.bdt-ep-button-effect-e:active:after {
height: 400%;
opacity: 1;
}
.bdt-ep-button.bdt-ep-button-effect-f {
overflow: hidden;
}
.bdt-ep-button.bdt-ep-button-effect-f:after {
width: 101%;
height: 0;
top: 50%;
left: 50%;
opacity: 0;
transform: translateX(-50%) translateY(-50%);
}
.bdt-ep-button.bdt-ep-button-effect-f:hover:after {
height: 75%;
opacity: 1;
}
.bdt-ep-button.bdt-ep-button-effect-f:active:after {
height: 130%;
opacity: 1;
}
.bdt-ep-button.bdt-ep-button-effect-g {
transition-timing-function: cubic-bezier(0.31, 1.13, 0.64, 0.94);
}
.bdt-ep-button.bdt-ep-button-effect-g .bdt-ep-button-content-wrapper {
position: relative;
}
.bdt-ep-button.bdt-ep-button-effect-g .bdt-ep-button-content-wrapper .bdt-ep-button-text {
display: block;
position: relative;
}
.bdt-ep-button.bdt-ep-button-effect-g .bdt-ep-button-content-wrapper .avdbtn-text {
display: block;
transition: transform 0.5s, opacity 0.8s;
transition-timing-function: cubic-bezier(0.31, 1.13, 0.64, 0.94);
}
.bdt-ep-button.bdt-ep-button-effect-g .bdt-ep-button-content-wrapper .avdbtn-alt-text {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
transform: translate3d(0, 25%, 0);
transition: transform 0.5s, opacity 0.8s;
transition-timing-function: cubic-bezier(0.31, 1.13, 0.64, 0.94);
}
.bdt-ep-button.bdt-ep-button-effect-g:hover {
background-color: transparent;
color: #666;
}
.bdt-ep-button.bdt-ep-button-effect-g:hover .avdbtn-alt-text {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.bdt-ep-button.bdt-ep-button-effect-g:hover .avdbtn-text {
opacity: 0;
transform: translate3d(0, -25%, 0);
}
.bdt-ep-button.bdt-ep-button-effect-h {
transition: color 0.3s;
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.bdt-ep-button.bdt-ep-button-effect-h::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 150%;
height: 100%;
background: #666;
z-index: -1;
transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
transform-origin: 0% 100%;
transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.bdt-ep-button.bdt-ep-button-effect-h:hover::after {
opacity: 1;
background-color: #666;
transform: rotate3d(0, 0, 1, 0deg);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.bdt-ep-button.bdt-ep-button-effect-i {
color: #fff;
background: #666;
}
.bdt-ep-button.bdt-ep-button-effect-i .bdt-ep-button-content-wrapper::before {
content: '';
position: absolute;
width: 100%;
height: 50%;
left: 0;
background: #666;
color: #fff;
overflow: hidden;
transition: transform 0.3s;
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
top: 0;
padding-top: 1em;
}
.bdt-ep-button.bdt-ep-button-effect-i .bdt-ep-button-content-wrapper::after {
content: '';
position: absolute;
width: 100%;
height: 50%;
left: 0;
background: #666;
color: #fff;
overflow: hidden;
transition: transform 0.3s;
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
bottom: 0;
line-height: 0;
}
.bdt-ep-button.bdt-ep-button-effect-i .bdt-ep-button-text {
position: relative;
z-index: 1;
}
.bdt-ep-button.bdt-ep-button-effect-i:hover {
color: #666;
background: #fff;
}
.bdt-ep-button.bdt-ep-button-effect-i:hover .bdt-ep-button-content-wrapper::before {
transform: translate3d(0, -100%, 0);
}
.bdt-ep-button.bdt-ep-button-effect-i:hover .bdt-ep-button-content-wrapper::after {
transform: translate3d(0, 100%, 0);
}