.et_divi_100_custom_hamburger_menu__icon {
position: relative;
display: block;
width: 1.875rem;
height: 1.875rem;
box-sizing: border-box;
cursor: pointer;
padding: 0.25rem;
clear: both;
}
.et_divi_100_custom_hamburger_menu__icon div {
background: #000;
width: 100%;
height: 0.125rem;
margin: 0.25rem auto;
border-radius: 10px;
-webkit-transition: 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
transition: 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
-webkit-transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
-webkit-transform: 0;
transform: 0;
-webkit-transform-origin: center;
transform-origin: center;
}
.et_divi_100_custom_hamburger_menu__icon div:before, .et_divi_100_custom_hamburger_menu__icon div:after {
-webkit-transition: 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
transition: 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
-webkit-transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
} .et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
width: 0;
margin-left: 0;
opacity: 1;
}
.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
-webkit-animation-name: T1S3DF;
animation-name: T1S3DF;
}
@-webkit-keyframes T1S3DF {
0% {
-webkit-transform: none;
transform: none;
}
40% {
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
80% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
@keyframes T1S3DF {
0% {
-webkit-transform: none;
transform: none;
}
40% {
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
80% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
-webkit-animation-name: T1S3L;
animation-name: T1S3L;
}
@-webkit-keyframes T1S3L {
0% {
-webkit-transform: none;
transform: none;
}
40% {
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
80% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
@keyframes T1S3L {
0% {
-webkit-transform: none;
transform: none;
}
40% {
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
80% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
-webkit-animation-name: T1S4DF;
animation-name: T1S4DF;
}
@-webkit-keyframes T1S4DF {
0% {
margin-right: 0;
-webkit-transform: none;
transform: none;
}
20% {
width: 100%;
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
40% {
width: 0;
margin-right: 0;
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
80% {
width: 0;
margin-right: auto;
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
90% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
@keyframes T1S4DF {
0% {
margin-right: 0;
-webkit-transform: none;
transform: none;
}
20% {
width: 100%;
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
40% {
width: 0;
margin-right: 0;
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
80% {
width: 0;
margin-right: auto;
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
90% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
-webkit-animation-name: T1S4L;
animation-name: T1S4L;
}
@-webkit-keyframes T1S4L {
0% {
margin-left: 0;
-webkit-transform: none;
transform: none;
}
20% {
width: 100%;
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
40% {
width: 0;
margin-left: 0;
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
80% {
width: 0;
margin-left: auto;
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
90% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
@keyframes T1S4L {
0% {
margin-left: 0;
-webkit-transform: none;
transform: none;
}
20% {
width: 100%;
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
40% {
width: 0;
margin-left: 0;
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
80% {
width: 0;
margin-left: auto;
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
90% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
-webkit-animation-name: T1S5DF;
animation-name: T1S5DF;
}
@-webkit-keyframes T1S5DF {
0% {
margin-right: 0;
-webkit-transform: none;
transform: none;
-webkit-transform-origin: top right;
transform-origin: top right;
}
25% {
width: 100%;
-webkit-transform: translateY(0.375rem) rotate(10deg);
transform: translateY(0.375rem) rotate(10deg);
}
30% {
width: 100%;
-webkit-transform: translateY(0.375rem) rotate(10deg);
transform: translateY(0.375rem) rotate(10deg);
}
40% {
width: 0%;
-webkit-transform: translateY(0.375rem) rotate(10deg);
transform: translateY(0.375rem) rotate(10deg);
}
50% {
width: 0%;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
90% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
@keyframes T1S5DF {
0% {
margin-right: 0;
-webkit-transform: none;
transform: none;
-webkit-transform-origin: top right;
transform-origin: top right;
}
25% {
width: 100%;
-webkit-transform: translateY(0.375rem) rotate(10deg);
transform: translateY(0.375rem) rotate(10deg);
}
30% {
width: 100%;
-webkit-transform: translateY(0.375rem) rotate(10deg);
transform: translateY(0.375rem) rotate(10deg);
}
40% {
width: 0%;
-webkit-transform: translateY(0.375rem) rotate(10deg);
transform: translateY(0.375rem) rotate(10deg);
}
50% {
width: 0%;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
90% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
-webkit-animation-name: T1S5DM;
animation-name: T1S5DM;
width: 0%;
}
@-webkit-keyframes T1S5DM {
0% {
width: 100%;
opacity: 1;
}
40% {
width: 100%;
}
50% {
width: 0%;
opacity: 1;
}
}
@keyframes T1S5DM {
0% {
width: 100%;
opacity: 1;
}
40% {
width: 100%;
}
50% {
width: 0%;
opacity: 1;
}
}
.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
-webkit-animation-name: T1S5L;
animation-name: T1S5L;
}
@-webkit-keyframes T1S5L {
0% {
margin-left: 0;
-webkit-transform: none;
transform: none;
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
}
25% {
width: 100%;
-webkit-transform: translateY(-0.375rem) rotate(10deg);
transform: translateY(-0.375rem) rotate(10deg);
}
30% {
width: 100%;
-webkit-transform: translateY(-0.375rem) rotate(10deg);
transform: translateY(-0.375rem) rotate(10deg);
}
40% {
width: 0%;
-webkit-transform: translateY(-0.375rem) rotate(10deg);
transform: translateY(-0.375rem) rotate(10deg);
}
50% {
width: 0%;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
90% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
@keyframes T1S5L {
0% {
margin-left: 0;
-webkit-transform: none;
transform: none;
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
}
25% {
width: 100%;
-webkit-transform: translateY(-0.375rem) rotate(10deg);
transform: translateY(-0.375rem) rotate(10deg);
}
30% {
width: 100%;
-webkit-transform: translateY(-0.375rem) rotate(10deg);
transform: translateY(-0.375rem) rotate(10deg);
}
40% {
width: 0%;
-webkit-transform: translateY(-0.375rem) rotate(10deg);
transform: translateY(-0.375rem) rotate(10deg);
}
50% {
width: 0%;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
90% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
} .et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div, .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
background: 0;
}
.et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div:before, .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:before, .et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div:after, .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:after {
content: '';
display: block;
background: #000;
width: 2px;
min-width: 2px;
height: 2px;
border-radius: 10px;
margin: 0 2px 0 0;
}
.et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu__icon div:after, .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:after {
width: 100%;
margin: 0;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child), .et_divi_100_custom_hamburger_menu--style-2.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
opacity: 1;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--style-2.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after, .et_divi_100_custom_hamburger_menu--style-2.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {
width: 0;
min-width: 0;
margin-left: 0;
opacity: 1;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
-webkit-animation-name: T2S3DF;
animation-name: T2S3DF;
}
@-webkit-keyframes T2S3DF {
0% {
-webkit-transform: none;
transform: none;
}
20% {
-webkit-transform: none;
transform: none;
}
40% {
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
80% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
@keyframes T2S3DF {
0% {
-webkit-transform: none;
transform: none;
}
20% {
-webkit-transform: none;
transform: none;
}
40% {
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
80% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before {
-webkit-animation-name: T2S3DFB;
animation-name: T2S3DFB;
}
@-webkit-keyframes T2S3DFB {
0% {
width: 100%;
-webkit-transform: none;
transform: none;
}
20% {
-webkit-transform: none;
transform: none;
}
}
@keyframes T2S3DFB {
0% {
width: 100%;
-webkit-transform: none;
transform: none;
}
20% {
-webkit-transform: none;
transform: none;
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {
-webkit-animation-name: T2S3DMA;
animation-name: T2S3DMA;
}
@-webkit-keyframes T2S3DMA {
0% {
width: 100%;
-webkit-transform: none;
transform: none;
}
20% {
-webkit-transform: none;
transform: none;
}
}
@keyframes T2S3DMA {
0% {
width: 100%;
-webkit-transform: none;
transform: none;
}
20% {
-webkit-transform: none;
transform: none;
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
-webkit-animation-name: T2S3DL;
animation-name: T2S3DL;
}
@-webkit-keyframes T2S3DL {
0% {
-webkit-transform: none;
transform: none;
}
20% {
-webkit-transform: none;
transform: none;
}
40% {
-webkit-transform: translateY(-0.25rem);
transform: translateY(-0.25rem);
}
80% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
@keyframes T2S3DL {
0% {
-webkit-transform: none;
transform: none;
}
20% {
-webkit-transform: none;
transform: none;
}
40% {
-webkit-transform: translateY(-0.25rem);
transform: translateY(-0.25rem);
}
80% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before {
-webkit-animation-name: T2S3DFB;
animation-name: T2S3DFB;
}
@keyframes T2S3DFB {
0% {
width: 100%;
-webkit-transform: none;
transform: none;
}
20% {
-webkit-transform: none;
transform: none;
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after, .et_divi_100_custom_hamburger_menu--style-3.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {
-webkit-animation-name: T2S3DMA;
animation-name: T2S3DMA;
}
@keyframes T2S3DMA {
0% {
width: 100%;
-webkit-transform: none;
transform: none;
}
20% {
-webkit-transform: none;
transform: none;
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
-webkit-transform: none;
transform: none;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {
width: 0%;
min-width: 0;
margin: 0 auto;
opacity: 0;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child), .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
position: relative;
opacity: 1;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {
position: absolute;
width: 100%;
-webkit-transition: all 0.3s linear transform 0.3s 0.3s linear;
transition: all 0.3s linear transform 0.3s 0.3s linear;
-webkit-transform-origin: center;
transform-origin: center;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after, .et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {
width: 100%;
min-width: 0;
opacity: 0;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
-webkit-transform: none;
transform: none;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
position: relative;
-webkit-animation-name: T2S5DF;
animation-name: T2S5DF;
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
@-webkit-keyframes T2S5DF {
20% {
-webkit-transform: none;
transform: none;
}
}
@keyframes T2S5DF {
20% {
-webkit-transform: none;
transform: none;
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {
position: absolute;
width: 0;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:before {
left: 0;
-webkit-animation-name: T2S5DFB;
animation-name: T2S5DFB;
}
@-webkit-keyframes T2S5DFB {
20% {
width: 0%;
}
}
@keyframes T2S5DFB {
20% {
width: 0%;
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child:after {
right: 0;
-webkit-animation-name: T2S5DFA;
animation-name: T2S5DFA;
}
@-webkit-keyframes T2S5DFA {
20% {
width: 0%;
}
}
@keyframes T2S5DFA {
20% {
width: 0%;
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child), .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
position: relative;
opacity: 1;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {
margin: 0 auto;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):before {
display: none;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child):after {
-webkit-animation-name: T2S5DL;
animation-name: T2S5DL;
width: 2px;
}
@-webkit-keyframes T2S5DL {
20% {
-webkit-transform: 100%;
transform: 100%;
}
}
@keyframes T2S5DL {
20% {
-webkit-transform: 100%;
transform: 100%;
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
position: relative;
-webkit-animation-name: T2S5DL;
animation-name: T2S5DL;
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
@keyframes T2S5DL {
20% {
-webkit-transform: none;
transform: none;
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {
position: absolute;
width: 0;
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:before {
left: 0;
-webkit-animation-name: T2S5DFB;
animation-name: T2S5DFB;
}
@keyframes T2S5DFB {
20% {
width: 0%;
}
}
.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after, .et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child:after {
right: 0;
-webkit-animation-name: T2S5DMA;
animation-name: T2S5DMA;
}
@-webkit-keyframes T2S5DMA {
20% {
width: 0%;
}
}
@keyframes T2S5DMA {
20% {
width: 0%;
}
} .et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:before {
width: 100%;
margin: 0 2px 0 0;
}
.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu__icon div:after {
width: 2px;
margin: 0;
} .et_divi_100_custom_hamburger_menu--type-4 .et_divi_100_custom_hamburger_menu__icon div {
width: 2px;
margin-right: auto;
margin-left: auto;
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
-webkit-animation-name: T4S2DF;
animation-name: T4S2DF;
}
@-webkit-keyframes T4S2DF {
0% {
-webkit-transform: none;
transform: none;
}
20% {
width: 2px;
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
40% {
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
80% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
@keyframes T4S2DF {
0% {
-webkit-transform: none;
transform: none;
}
20% {
width: 2px;
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
40% {
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
80% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
-webkit-animation-name: T4S2L;
animation-name: T4S2L;
}
@-webkit-keyframes T4S2L {
0% {
-webkit-transform: none;
transform: none;
}
20% {
width: 2px;
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
40% {
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
80% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
@keyframes T4S2L {
0% {
-webkit-transform: none;
transform: none;
}
20% {
width: 2px;
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
40% {
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
80% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled {
-webkit-animation: T4S30.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);
animation: T4S30.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);
}
@-webkit-keyframes T4S3 {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes T4S3 {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
-webkit-animation-name: T4S3DF;
animation-name: T4S3DF;
}
@-webkit-keyframes T4S3DF {
0% {
-webkit-transform: none;
transform: none;
}
40% {
width: 2px;
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
80% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
@keyframes T4S3DF {
0% {
-webkit-transform: none;
transform: none;
}
40% {
width: 2px;
-webkit-transform: translateY(0.375rem);
transform: translateY(0.375rem);
}
80% {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
-webkit-animation-name: T4S3L;
animation-name: T4S3L;
}
@-webkit-keyframes T4S3L {
0% {
-webkit-transform: none;
transform: none;
}
40% {
width: 2px;
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
80% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
@keyframes T4S3L {
0% {
-webkit-transform: none;
transform: none;
}
40% {
width: 2px;
-webkit-transform: translateY(-0.375rem);
transform: translateY(-0.375rem);
}
80% {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled {
-webkit-animation: T4S40.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);
animation: T4S40.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);
}
@-webkit-keyframes T4S4 {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes T4S4 {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
-webkit-animation-name: T4S4DF;
animation-name: T4S4DF;
}
@-webkit-keyframes T4S4DF {}
@keyframes T4S4DF {}.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
transition: 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
-webkit-transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
width: 2px;
-webkit-transform: none;
transform: none;
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
width: 100%;
opacity: 1;
}
.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
-webkit-transform: translateY(4px);
transform: translateY(4px);
} .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div {
width: 100%;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
animation-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
}
.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:after, .et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:before {
width: 100%;
}
.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
-webkit-transform: translateY(0.375rem) rotate(45deg);
transform: translateY(0.375rem) rotate(45deg);
}
.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:not(:first-child):not(:last-child) {
opacity: 0;
}
.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
-webkit-transform: translateY(-0.375rem) rotate(-45deg);
transform: translateY(-0.375rem) rotate(-45deg);
}
.et_divi_100_custom_hamburger_menu .mobile_menu_bar:before, .et_divi_100_custom_hamburger_menu .mobile_menu_bar:after {
display: none;
}
@media (max-width: 980px) {
.et_divi_100_custom_hamburger_menu .mobile_menu_bar {
padding-bottom: 0;
margin-bottom: 26px;
}
}