.meeek-bio-links-inner-container{
background: #fff;
position: relative;
display: flex;
border-radius: 5px;
align-items: center;
flex-direction: row;
width: 100%;
border:2px solid #000;
padding:0px 10px;
margin:20px 0px;
justify-content: space-between;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
transition: 0.2s;
}
.meeek-about-me-description {
color: #000;
padding: 0px 60px 0px 60px;
}
.meeek-bio-links-inner-container:hover{
transition: cubic-bezier(.07, 1.41, .82, 1.41) 0.2s;
transform: scale(1.02);
box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.05);
}
.meeek-bio-links-img-holder img{
border-radius: 10%;
height: 60px;
display: flex;
justify-content: center;
}
.meeek-bio-links-description{
font-size: 20px;
font-weight: 500;
color:#000;
margin-inline-end: auto;
padding:25px 0px 25px 20px;
}
.meeek-bio-links-button{
color:#000;
font-weight: 500;
border-radius:50px;
padding: 5px 20px;
margin: 5px;
display: inline-flex;
align-items: center;
}
.meeek-bio-links-icon{
font-size:30px;
color:#323232;
}
.meeek-bio-links-inner-container a{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
} .meeek-bio-links-container-v1{
background: #fff;
position: relative;
display: flex;
border-radius: 5px;
align-items: center;
flex-direction: row;
width: 100%;
border:2px solid #000;
padding:0px 10px;
margin:20px 0px;
justify-content: space-between;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
transition: 0.2s;
}
.meeek-bio-links-container-v1:hover{
transition: cubic-bezier(.07, 1.41, .82, 1.41) 0.2s;
transform: scale(1.02);
box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.05);
}
.meeek-bio-links-container-v1 .meeek-bio-links-img-holder img{
border-radius: 10%;
height: 60px;
display: flex;
justify-content: center;
}
.meeek-bio-links-container-v1 .meeek-bio-links-description{
font-size: 20px;
font-weight: 500;
color:#000;
margin-inline-end: auto;
padding:25px 0px 25px 20px;
}
.meeek-bio-links-container-v1 .meeek-bio-links-button{
color:#000;
font-weight: 500;
border-radius:50px;
padding: 5px 20px;
display: inline-flex;
align-items: center;
}
.meeek-bio-links-container-v1 .meeek-bio-links-icon{
font-size:30px;
color:#323232;
}
.meeek-bio-links-container-v1 a{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
}
@media only screen and (max-width: 600px) {
.meeek-bio-links-container-v1 .meeek-bio-links-description{
padding: 0px 10px;
}
.meeek-bio-links-container-v1 .meeek-bio-links-description {
font-size: 15px;
}
} .meeek-bio-links-container-v2 {
background:#1e2330;
position: relative;
display: flex;
border-radius: 50px;
align-items: center;
flex-direction: row;
width: 100%;
border:2px solid #1e2330;
padding:0px 10px;
margin:20px 0px;
justify-content:center;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
transition: 0.2s;
}
.meeek-bio-links-container-v2:hover{
background: transparent;
}
.meeek-bio-links-container-v8 .meeek-bio-links-img-holder img,
.meeek-bio-links-container-v4 .meeek-bio-links-img-holder img,
.meeek-bio-links-container-v2 .meeek-bio-links-img-holder img{
border-radius: 50px;
height: 60px;
}
.meeek-bio-links-container-v2 .meeek-bio-links-img-holder img{
display: flex;
justify-content: center;
}
.meeek-bio-links-container-v2 .meeek-bio-links-description{
margin:auto;
color:#fff;
padding:20px 0px 20px 60px;
}
.meeek-bio-links-container-v2:hover .meeek-bio-links-description{
color:#1e2330;
}
.meeek-bio-links-container-v2 .meeek-bio-links-icon{
color:#1e2330;
}
.meeek-bio-links-container-v2 a{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
} .meeek-bio-links-container-v3{
background:#fffaa4;
position: relative;
display: flex;
border-radius: 50px;
align-items: center;
flex-direction: row;
width: 100%;
border:2px solid #003727;
padding:0px 10px;
margin:20px 0px;
justify-content:center;
box-shadow: 10px 10px #003727;
transition: 0.2s;
}
.meeek-bio-links-inner-header-text {
margin-top: 20px;
margin-bottom: 10px;
color: #000000;
}
.meeek-bio-links-container-v3:hover{
box-shadow: 10px 10px #003727;
}
.meeek-bio-links-container-v3 .meeek-bio-links-img-holder img{
border-radius: 10%;
height: 60px;
display: flex;
justify-content: center;
}
.meeek-bio-links-container-v3 .meeek-bio-links-description{
color:#003727;
margin:auto;
padding:20px 0px 20px 0px;
}
.meeek-bio-links-container-v3 .meeek-bio-links-button{
color:#003727;
}
.meeek-bio-links-container-v3 .meeek-bio-links-icon{
color:#1e2330;
}
.meeek-bio-links-container-v3 .meeek-bio-links-inner-content{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 8px;
} .meeek-bio-links-container-v4{
background:#ffffff;
position: relative;
display: flex;
border-radius: 50px;
align-items: center;
flex-direction: row;
width: 100%;
border:2px solid #1a1a1a;
padding:0px 10px;
margin:20px 0px;
justify-content:center;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
transition: 0.2s;
}
.meeek-bio-links-container-v4:hover{
background: transparent;
border:2px solid #fff;
}
.meeek-bio-links-container-v4 .meeek-bio-links-description{
margin:auto;
padding:20px 0px 20px 60px;
}
.meeek-bio-links-container-v4:hover .meeek-bio-links-description{
color:#fff;
}
.meeek-bio-links-container-v4 .meeek-bio-links-button{
color:#fff;
}
.meeek-bio-links-container-v4 .meeek-bio-links-icon{
color:#fff;
} .meeek-bio-links-container-v5{
background:#ffffff;
position: relative;
display: flex;
align-items: center;
flex-direction: row;
width: 100%;
border:2px solid #000;
padding:0px 10px;
margin:20px 0px;
justify-content:center;
box-shadow: 10px 10px #000;
transition: 0.2s;
}
.meeek-bio-links-container-v5:hover{
box-shadow: 10px 10px #000;
}
.meeek-bio-links-description-v5{
padding:20px 0px 20px 60px;
}
.meeek-bio-links-description-v5 .meeek-bio-links-button{
color:#fff;
}
.meeek-bio-links-description-v5 .meeek-bio-links-icon{
color:#fff;
} .meeek-bio-links-container-v6{
background:#ffffff;
position: relative;
display: flex;
align-items: center;
flex-direction: row;
width: 100%;
border:0.2rem solid #43192d;
padding:0px 10px;
margin:20px 0px;
justify-content:center;
transition: 0.2s;
transform: skew(-20deg);
max-width: 100%;
}
.meeek-bio-links-container-v6:hover::after{
transition: cubic-bezier(.07, 1.41, .82, 1.41) 0.2s;
transform: skew(-20deg);
transform: scaleX(1.1) scaleY(1.35);
opacity: 1;
}
.meeek-bio-links-container-v6::after{
content: '';
border: 0.1rem solid #43192d;
width: 100%;
height: 100%;
display: inline-block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
opacity: 0;
transition: all .4s;
}
.meeek-bio-links-container-v6 .meeek-bio-links-description{
padding:20px 0px 20px 0px;
transform: skew(20deg);
margin-inline-end: inherit;
}
.meeek-bio-links-container-v6:hover .meeek-bio-links-description{
transform: skew(0deg);
}
.meeek-bio-links-container-v6 .meeek-bio-links-button{
color:#fff;
}
.meeek-bio-links-container-v6 .meeek-bio-links-icon{
color:#fff;
} .meeek-bio-links-container-v7{
background:#000;
position: relative;
border-radius: 20px;
align-items: center;
text-align: center;
flex-direction: row;
width: 100%;
display: block;
border:2px solid #000;
padding:0px 10px;
margin:20px 0px;
opacity: 0.8;
justify-content:center;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.5);
transition: 0.2s;
}
.meeek-bio-links-container-v7:hover{
transition: cubic-bezier(.07, 1.41, .82, 1.41) 0.2s;
transform: scale(1.02);
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.5);
}
.meeek-bio-links-container-v7 .meeek-bio-links-img-holder img{
border-radius: 10%;
height: 60px;
display: flex;
justify-content: center;
}
.meeek-bio-links-container-v7 .meeek-bio-links-description{
margin:auto;
font-size: 30px;
color:#fff;
margin-top:-10px;
padding: 20px 0px;
}
.meeek-bio-links-container-v7:hover .meeek-bio-links-description{
color:#fff;
}
.meeek-bio-links-container-v7 .meeek-bio-links-button{
color:#000;
font-weight: 500;
border-radius:50px;
padding: 0px 20px;
display: inline-flex;
align-items: center;
}
.meeek-bio-links-container-v7 .meeek-bio-links-icon{
padding:20px 0px 10px 0px;
font-size:50px;
color:#fff;
}
.meeek-bio-links-container-v7 a{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
} .meeek-bio-links-container-v8{
background: #fff;
position: relative;
display: flex;
border-radius: 50px;
align-items: center;
flex-direction: row;
width: 100%;
border:2px solid #fff;
padding:0px 10px;
margin:20px 0px;
justify-content: space-between;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
transition: 0.2s;
}
.meeek-bio-links-container-v8 .meeek-bio-links-inner-content{
border-radius: 50px;
}
.meeek-bio-links-container-v8:hover{
rotate: 5deg;
transition: cubic-bezier(.07, 1.41, .82, 1.41) 0.2s;
box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.1);
}
.meeek-bio-links-container-v8 .meeek-bio-links-description{
padding:25px 0px 25px 20px!important;
}
.meeek-bio-links-container-v8 .meeek-bio-links-button{
color:#fff;
font-weight: 500;
border-radius:50px;
padding: 10px 20px;
display: inline-flex;
align-items: center;
}
.meeek-bio-links-container-v8 .meeek-bio-links-icon{
font-size:30px;
color:#323232;
}
@media only screen and (max-width: 600px) {
.meeek-bio-links-container-v8 .meeek-bio-links-description{
padding: 0px 10px;
}
} .meeek-bio-links-paypal-image{
width:25px;
height:25px;
vertical-align:baseline!important;
}
.meeek-bio-links-inner-paypal a{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
}
.meeek-bio-links-inner-paypal .meeek-bio-links-paypal:hover{
transition: cubic-bezier(.07, 1.41, .82, 1.41) 0.2s;
transform: scale(1.02);
box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.05);
}
.meeek-bio-links-inner-paypal .meeek-bio-links-paypal{
background-color: #003087;
position: relative;
color: #fff;
border-radius: 5px;
width: 100%;
border: 2px solid #000;
margin: 20px 0px;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
transition: 0.2s;		
padding: 25px 0px 25px 20px;
text-align: center;
font-size: 20px;
font-weight: 500;
}
.meeek-bio-links-inner-paypal-v2 .meeek-bio-links-paypal{	
padding: 20px 58px 20px 60px;
border-radius: 50px;
}
.meeek-bio-links-inner-paypal-v2 .meeek-bio-links-paypal:hover{
color:#1e2330;
background: transparent;
}
.meeek-bio-links-inner-paypal-v3 .meeek-bio-links-paypal{
box-shadow: 10px 10px #003727;
border-radius: 50px;
}
.meeek-bio-links-inner-paypal-v3 .meeek-bio-links-paypal:hover{
box-shadow: 10px 10px #003727;
}
.meeek-bio-links-inner-paypal-v4 .meeek-bio-links-paypal{
border-radius:50px;
}
.meeek-bio-links-inner-paypal-v4 .meeek-bio-links-paypal:hover{
background: transparent;
border:2px solid #fff;
color:fff;
}
.meeek-bio-links-inner-paypal-v5 .meeek-bio-links-paypal{
box-shadow: 10px 10px #000;
}
.meeek-bio-links-inner-paypal-v5 .meeek-bio-links-paypal:hover{
box-shadow: 10px 10px #000;
}
.meeek-bio-links-inner-paypal-v6 .meeek-bio-links-paypal{
border:0.2rem solid #43192d;
justify-content:center;
transition: 0.2s;
transform: skew(-20deg)!important;
max-width: 100%;
}
.meeek-bio-links-inner-paypal-v6 .meeek-bio-links-paypal:hover::after{
transition: cubic-bezier(.07, 1.41, .82, 1.41) 0.2s;
transform: scaleX(1.1) scaleY(1.35);
opacity: 1;
}
.meeek-bio-links-inner-paypal-v6 .meeek-bio-links-paypal::after{
content: '';
border: 0.1rem solid #43192d;
width: 100%;
height: 100%;
display: inline-block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
opacity: 0;
transition: all .4s;
}
.meeek-bio-links-inner-paypal-v6 .meeek-bio-links-paypal-paragraph{
transform: skew(20deg)!important;
}
.meeek-bio-links-inner-paypal-v7 .meeek-bio-links-paypal{
border-radius: 20px;
padding:20px 0px;
opacity: 0.8;
justify-content:center;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.5);
transition: 0.2s;
border:none;
font-size: 30px;
}
.meeek-bio-links-inner-paypal-v7 .meeek-bio-links-paypal:hover{
transition: cubic-bezier(.07, 1.41, .82, 1.41) 0.2s;
transform: scale(1.02);
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.5);
}
.meeek-bio-links-inner-paypal-v8 .meeek-bio-links-paypal{
border-radius: 50px;
border:none;
padding:0px 10px;
margin:20px 0px;
justify-content: space-between;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
transition: 0.2s;
padding: 25px 0px 25px 20px;
}
.meeek-bio-links-inner-paypal-v8 .meeek-bio-links-paypal:hover{
rotate: 5deg;
transition: cubic-bezier(.07, 1.41, .82, 1.41) 0.2s;
box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.1);
} .meeek-bio-links-venmo-image{
width:25px;
height:25px;
vertical-align:baseline!important;
}
.meeek-bio-links-inner-venmo a{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
}
.meeek-bio-links-inner-venmo .meeek-bio-links-venmo:hover{
transition: cubic-bezier(.07, 1.41, .82, 1.41) 0.2s;
transform: scale(1.02);
box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.05);
}
.meeek-bio-links-inner-venmo .meeek-bio-links-venmo{
background-color: #276d9f;
position: relative;
color: #fff;
border-radius: 5px;
width: 100%;
border: 2px solid #000;
margin: 20px 0px;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
transition: 0.2s;		
padding: 25px 0px 25px 20px;
text-align: center;
font-size: 20px;
font-weight: 500;
}
.meeek-bio-links-inner-venmo-v2 .meeek-bio-links-venmo{	
padding: 20px 58px 20px 60px;
border-radius: 50px;
}
.meeek-bio-links-inner-venmo-v2 .meeek-bio-links-venmo:hover{
color:#1e2330;
background: transparent;
}
.meeek-bio-links-inner-venmo-v3 .meeek-bio-links-venmo{
box-shadow: 10px 10px #003727;
border-radius: 50px;
}
.meeek-bio-links-inner-venmo-v3 .meeek-bio-links-venmo:hover{
box-shadow: 10px 10px #003727;
}
.meeek-bio-links-inner-venmo-v4 .meeek-bio-links-venmo{
border-radius:50px;
}
.meeek-bio-links-inner-venmo-v4 .meeek-bio-links-venmo:hover{
background: transparent;
border:2px solid #fff;
color:fff;
}
.meeek-bio-links-inner-venmo-v5 .meeek-bio-links-venmo{
box-shadow: 10px 10px #000;
}
.meeek-bio-links-inner-venmo-v5 .meeek-bio-links-venmo:hover{
box-shadow: 10px 10px #000;
}
.meeek-bio-links-inner-venmo-v6 .meeek-bio-links-venmo{
border:0.2rem solid #43192d;
justify-content:center;
transition: 0.2s;
transform: skew(-20deg)!important;
max-width: 100%;
}
.meeek-bio-links-inner-venmo-v6 .meeek-bio-links-venmo:hover::after{
transition: cubic-bezier(.07, 1.41, .82, 1.41) 0.2s;
transform: scaleX(1.1) scaleY(1.35);
opacity: 1;
}
.meeek-bio-links-inner-venmo-v6 .meeek-bio-links-venmo::after{
content: '';
border: 0.1rem solid #43192d;
width: 100%;
height: 100%;
display: inline-block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
opacity: 0;
transition: all .4s;
}
.meeek-bio-links-inner-venmo-v6 .meeek-bio-links-venmo-paragraph{
transform: skew(20deg)!important;
}
.meeek-bio-links-inner-venmo-v7 .meeek-bio-links-venmo{
border-radius: 20px;
padding:20px 0px;
opacity: 0.8;
justify-content:center;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.5);
transition: 0.2s;
border:none;
font-size: 30px;
}
.meeek-bio-links-inner-venmo-v7 .meeek-bio-links-venmo:hover{
transition: cubic-bezier(.07, 1.41, .82, 1.41) 0.2s;
transform: scale(1.02);
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.5);
}
.meeek-bio-links-inner-venmo-v8 .meeek-bio-links-venmo{
border-radius: 50px;
border:none;
padding:0px 10px;
margin:20px 0px;
justify-content: space-between;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
transition: 0.2s;
padding: 25px 0px 25px 20px;
}
.meeek-bio-links-inner-venmo-v8 .meeek-bio-links-venmo:hover{
rotate: 5deg;
transition: cubic-bezier(.07, 1.41, .82, 1.41) 0.2s;
box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.1);
} .meeek-bio-links-inner-phone a{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
}
.meeek-bio-links-inner-phone .meeek-bio-links-phone:hover{
transition: cubic-bezier(.07, 1.41, .82, 1.41) 0.2s;
transform: scale(1.02);
box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.05);
}
.meeek-bio-links-inner-phone .meeek-bio-links-phone{
background-color: #1877F2;
position: relative;
color: #fff;
border-radius: 5px;
width: 100%;
border: 2px solid #000;
margin: 20px 0px;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
transition: 0.2s;		
padding: 25px 0px 25px 20px;
text-align: center;
font-size: 20px;
font-weight: 500;
}
.meeek-bio-links-inner-phone-v2 .meeek-bio-links-phone{	
padding: 20px 58px 20px 60px;
border-radius: 50px;
}
.meeek-bio-links-inner-phone-v2 .meeek-bio-links-phone:hover{
color:#1e2330;
background: transparent;
}
.meeek-bio-links-inner-phone-v3 .meeek-bio-links-phone{
box-shadow: 10px 10px #003727;
border-radius: 50px;
}
.meeek-bio-links-inner-phone-v3 .meeek-bio-links-phone:hover{
box-shadow: 10px 10px #003727;
}
.meeek-bio-links-inner-phone-v4 .meeek-bio-links-phone{
border-radius:50px;
}
.meeek-bio-links-inner-phone-v4 .meeek-bio-links-phone:hover{
background: transparent;
border:2px solid #fff;
color:fff;
}
.meeek-bio-links-inner-phone-v5 .meeek-bio-links-phone{
box-shadow: 10px 10px #000;
}
.meeek-bio-links-inner-phone-v5 .meeek-bio-links-phone:hover{
box-shadow: 10px 10px #000;
}
.meeek-bio-links-inner-phone-v6 .meeek-bio-links-phone{
border:0.2rem solid #43192d;
justify-content:center;
transition: 0.2s;
transform: skew(-20deg)!important;
max-width: 100%;
}
.meeek-bio-links-inner-phone-v6 .meeek-bio-links-phone:hover::after{
transition: cubic-bezier(.07, 1.41, .82, 1.41) 0.2s;
transform: scaleX(1.1) scaleY(1.35);
opacity: 1;
}
.meeek-bio-links-inner-phone-v6 .meeek-bio-links-phone::after{
content: '';
border: 0.1rem solid #43192d;
width: 100%;
height: 100%;
display: inline-block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
opacity: 0;
transition: all .4s;
}
.meeek-bio-links-inner-phone-v6 .meeek-bio-links-phone-paragraph{
transform: skew(20deg)!important;
}
.meeek-bio-links-inner-phone-v7 .meeek-bio-links-phone{
border-radius: 20px;
padding:20px 0px;
opacity: 0.8;
justify-content:center;
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.5);
transition: 0.2s;
border:none;
font-size: 30px;
}
.meeek-bio-links-inner-phone-v7 .meeek-bio-links-phone:hover{
transition: cubic-bezier(.07, 1.41, .82, 1.41) 0.2s;
transform: scale(1.02);
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.5);
}
.meeek-bio-links-inner-phone-v8 .meeek-bio-links-phone{
border-radius: 50px;
border:none;
padding:0px 10px;
margin:20px 0px;
justify-content: space-between;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
transition: 0.2s;
padding: 25px 0px 25px 20px;
}
.meeek-bio-links-inner-phone-v8 .meeek-bio-links-phone:hover{
rotate: 5deg;
transition: cubic-bezier(.07, 1.41, .82, 1.41) 0.2s;
box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.1);
} [data-accordion-element-meeek-accordion-content] {
height: auto;
overflow: hidden;
transition: height 0.5s;
}
.meeek-accordion-card-inner {
position: relative;
transition: all 0.3s;
margin-bottom: 1px;
}
.meeek-accordion-title {
position: relative;
background: #3F51B5;
padding: 20px 75px 20px 30px;
font-size: 20px;
line-height: 30px;
color: #fff;
overflow: hidden;
transition: background 0.3s;
}
.meeek-accordion-title:hover{
cursor: pointer;
}
.meeek-selected .meeek-accordion-title {
cursor: pointer;
border-bottom: 1px solid #ddd;
}
.meeek-accordion-title:before, .meeek-accordion-title:after {
content: "";
position: absolute;
right: 0;
top: 50%;
margin-top: -1px;
margin-right: 30px;
width: 20px;
height: 2px;
background: #fff;
transition: transform 0.3s;
}
.meeek-accordion-title:before {
transform: rotate(0deg);
-webkit-animation: close-line-one-in 0.8s forwards;
animation: close-line-one-in 0.8s forwards;
}
.meeek-selected .meeek-accordion-title:before {
-webkit-animation: close-line-one-out 0.8s forwards;
animation: close-line-one-out 0.8s forwards;
}
.meeek-accordion-title:after {
transform: rotate(90deg);
-webkit-animation: close-line-two-in 0.8s forwards;
animation: close-line-two-in 0.8s forwards;
}
.meeek-selected .meeek-accordion-title:after {
-webkit-animation: close-line-two-out 0.8s forwards;
animation: close-line-two-out 0.8s forwards;
}
.meeek-accordion-content {
opacity: 0;
transform: translateY(20px);
transition: all ease-out 0.4s 0.1s;
}
.meeek-selected .meeek-accordion-content {
transform: translateY(0);
opacity: 1;
}
.meeek-collapsed .meeek-accordion-content {
display: none;
}
.meeek-accordion-content{
margin: 0px;
padding: 30px;
background: #fff;
}
@-webkit-keyframes close-line-one-out {
0%, 50% {
transform: translateX(0);
}
75% {
transform: translateX(50px);
}
76% {
transform: translateX(50px) translateY(50px);
}
100% {
transform: rotate(45deg);
}
}
@keyframes close-line-one-out {
0%, 50% {
transform: translateX(0);
}
75% {
transform: translateX(50px);
}
76% {
transform: translateX(50px) translateY(50px);
}
100% {
transform: rotate(45deg);
}
}
@-webkit-keyframes close-line-one-in {
0%, 20% {
transform: rotate(45deg);
}
60% {
transform: translateX(50px) translateY(50px) rotate(45deg);
}
61% {
transform: translateX(50px);
}
100% {
transform: rotate(0deg);
}
}
@keyframes close-line-one-in {
0%, 20% {
transform: rotate(45deg);
}
60% {
transform: translateX(50px) translateY(50px) rotate(45deg);
}
61% {
transform: translateX(50px);
}
100% {
transform: rotate(0deg);
}
}
@-webkit-keyframes close-line-two-out {
0%, 50% {
transform: rotate(90deg);
}
75% {
transform: translateY(-50px) rotate(90deg);
}
76% {
transform: translateY(-50px) translateX(50px) rotate(90deg);
}
100% {
transform: rotate(135deg);
}
}
@keyframes close-line-two-out {
0%, 50% {
transform: rotate(90deg);
}
75% {
transform: translateY(-50px) rotate(90deg);
}
76% {
transform: translateY(-50px) translateX(50px) rotate(90deg);
}
100% {
transform: rotate(135deg);
}
}
@-webkit-keyframes close-line-two-in {
0% {
transform: rotate(135deg);
}
50% {
transform: translateY(-50px) translateX(50px) rotate(135deg);
}
51% {
transform: translateY(-50px) rotate(90deg);
}
100% {
transform: rotate(90deg);
}
}
@keyframes close-line-two-in {
0% {
transform: rotate(135deg);
}
50% {
transform: translateY(-50px) translateX(50px) rotate(135deg);
}
51% {
transform: translateY(-50px) rotate(90deg);
}
100% {
transform: rotate(90deg);
}
}