/*
Theme Name: pn_franzgoeslbauer_at_2020 (perfect:net Divi Child)
Theme URI: http://www.perfectnet.at/
Template: Divi
Author: perfect:net (Urs)
Author URI: http://www.perfectnet.at
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 1.2.0
Updated: 2020-10-15 13:37:00
*/

/*** CUSTOM VARS ***/
:root {
    --pn-highlight-color1:#;
    --pn-background-color1:#;
    --pn-background-color1-nonopac:#;
    --pn-background-dark1: #;
    --pn-background-light1: #;
    --pn-text-on-dark1: #;
    --pn-text-on-light1: #;
    /*desktop*/
    --menu-bg-color-lighter:rgba(255,255,255,0.0);
    --menu-bg-color-lighter-non-opacity:rgba(60,60,60,1);
    --menu-bg-color-darker: rgba(255,255,255,0.95); /*weiss wenig opac */
    --menu-bg-color-darker-non-opacity:rgba(0,0,0,1); /*mobile fullwidth header color _ none if floating*/
    --menu-border-color:rgba(0,0,255,0.8);
    --submenu-border-color:rgba(128,128,128,0.9);
    --top-menu-float-border-style:10px solid;
    --top-menu-float-border-color:rgba(0,0,0,0.8);
    --top-menu-fullw-border-style:1px solid; /* DO NOT SET TO "0px"!!! _BUGS WITH GALLERY _ONLY DISABLE WITH BORDER-COLOR OPACITY 0!!! */
    --top-menu-fullw-border-color:rgba(0,0,0,0);
    --menu-text-color-lighter:rgba(255,255,255,0.8);
    --menu-text-color-darker:#;
    --menu-text-color-active:#; 
    /*mobile+tab*/
    --top-menu-mobile-bg-color-fixed:rgba(0,0,0,0.9);
    --top-menu-mobile-floating-border-color:rgba(0,0,0,0.9);
    --top-menu-mobile-floating-border-style: 1px solid;
    --top-menu-mobile-fullwidth-border-style: 1px solid;
    /*diverse variablen*/
    --pn_box-shadow-menu:0px 12px 18px -6px rgba(0,0,0,0.3) !important;
}

/* _SAMPLE only
#foo {
    color: var(--main-color);
}*/


/* pn - custom divider */
.pn_hr {
  overflow: hidden;
  margin: 30px 0px;
  height: 1px;
  background: var(--pn-highlight-color2);
  font-size: 0;
  line-height: 0;
  opacity: .1;
}
/* pn - custom divider */

/* line break at mobile */
.pn_m_br {
  display: none;
}
@media (max-width: 980px) {
  .pn_m_br{
    display: inline-block;
  }
}


/*** top menu style  ***/
/* PN theme menu addons _START*/
/*
header#main-header {
  box-shadow: var(--pn_box-shadow-menu) !important;
}
header#main-header.et-fixed-header {
  box-shadow: var(--pn_box-shadow-menu) !important;
  opacity: .975 !important;
}*/
/* PN theme menu addons _ENDE*/

/* pn dev info */
.pndevinfo {color: var(--pn_highlight-text-color); font-weight: 700;}
/* pn dev info **/

/*** fonts ***/
/** customer-fonts inside stylesheet **/
/*@font-face {
  font-family: 'TeX Gyre Bonum';
  font-display: swap;
  src: local('TeX Gyre Bonum'), local('TeX-Gyre-Bonum'), local('texgyrebounum-regular'),
       url('fonts/texgyrebonum-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/texgyrebonum-regular-webfont.woff2') format('woff2'),
       url('fonts/texgyrebonum-regular-webfont.woff') format('woff'),
       url('fonts/texgyrebonum-regular-webfont.ttf') format('truetype'),
       url('fonts/texgyrebonum-regular-webfont.svg#tex_gyre_bonumregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TeX Gyre Bonum';
  font-display: swap;
  src: local('TeX Gyre Bonum Italic'), local('TeX-Gyre-Bonum-Italic'), local('texgyrebounum-italic'),
       url('fonts/texgyrebonum-italic-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/texgyrebonum-italic-webfont.woff2') format('woff2'),
       url('fonts/texgyrebonum-italic-webfont.woff') format('woff'),
       url('fonts/texgyrebonum-italic-webfont.ttf') format('truetype'),
       url('fonts/texgyrebonum-italic-webfont.svg#tex_gyre_bonumitalic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'TeX Gyre Bonum';
  font-display: swap;
  src: local('TeX Gyre Bonum Bold'), local('TeX-Gyre-Bonum-Bold'), local('texgyrebounum-bold'),
       url('fonts/texgyrebonum-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/texgyrebonum-bold-webfont.woff2') format('woff2'),
       url('fonts/texgyrebonum-bold-webfont.woff') format('woff'),
       url('fonts/texgyrebonum-bold-webfont.ttf') format('truetype'),
       url('fonts/texgyrebonum-bold-webfont.svg#tex_gyre_bonumbold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'TeX Gyre Bonum';
  font-display: swap;
  src: local('TeX Gyre Bonum Bold Italic'), local('TeX-Gyre-Bonum-Bold-Italic'), local('texgyrebounum-bolditalic'),
       url('fonts/texgyrebonum-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/texgyrebonum-bolditalic-webfont.woff2') format('woff2'),
       url('fonts/texgyrebonum-bolditalic-webfont.woff') format('woff'),
       url('fonts/texgyrebonum-bolditalic-webfont.ttf') format('truetype'),
       url('fonts/texgyrebonum-bolditalic-webfont.svg#tex_gyre_bonumbold_italic') format('svg');
  font-weight: bold;
  font-style: italic;
}*/
/** customer-fonts inside stylesheet _ENDE **/


@font-face {
  font-display: swap !important;
}
@font-face {
  font-family: 'FontAwesome';
  font-display: swap !important;
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-display: swap !important;
}
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-display: swap !important;
}
@font-face {
  font-family: 'ETmodules';
  font-display: swap !important;
}


.pn_hr {
  background: var(--pn_body_dark-font-color) !important;
}


/*** DESKTOP VIEW bzw. ALLES UNDEFINIERTES _START ***/
#BorlabsCookieBox {
  overflow-wrap: initial !important;
}
#BorlabsCookieBox ._brlbs-bar, #BorlabsCookieBox ._brlbs-box {
  opacity: .975 !important;
  border-radius: 0px 0px 0 0 !important;  
  box-shadow: 0 -4px 8px rgba(0,0,0,0.2) !important;
}
#BorlabsCookieBox .cookie-box ._brlbs-btn {
  font-family: var(--pn_font_body) !important;
  font-weight: 400 !important;
  -webkit-transition: all .2s;
  transition: all .2s;
  border: 6px transparent solid;
  padding: 0.75em 1em !important;
  word-wrap: none !important;
  overflow-wrap: initial !important;
  -moz-hyphens: none !important;
  -o-hyphens: none !important;
  -webkit-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
}
@media (max-width: 1200px) {
  #BorlabsCookieBox .cookie-box ._brlbs-btn {
    border: 2px transparent solid;
    padding: 0.75em .7em !important;
  }
}
#BorlabsCookieBox .cookie-box ._brlbs-btn:hover {
}
.BorlabsCookie ._brlbs-content-blocker {
  line-height: unset !important;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed {
    height: 50vh;
    max-height: 100%;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail {
  filter: saturate(0) blur(15px);
  width: 100vw !important;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed img._brlbs-thumbnail {
  height: 100% !important;
}
#BorlabsCookieBox h3, #BorlabsCookieBox ._brlbs-h3 {
  font-family: var(--pn_font_head) !important;
}


/* nextgen _ ngg gallery simple-lightbox _START */
/*
.sl-wrapper { z-index: 999992 !important; }
.sl-wrapper .sl-close, .sl-wrapper .sl-navigation button, .sl-wrapper .sl-counter { z-index: 999996 !important; color: var(--pn_highlight-text-color) !important; }
.sl-overlay { z-index: 999991 !important; }
.sl-wrapper .sl-image { z-index: 999995 !important; }
.sl-spinner { z-index: 999999 !important; }
*/
/* nextgen _ ngg gallery simple-lightbox _END */



/* generelle styles */
/*** back 2 top button ***/
.et_pb_scroll_top:before {
  content: "6";
  display: inline-block !important;
  -webkit-transition: all 500ms ease 0ms !important;
  transition: all 500ms ease 0ms !important;
}
.et_pb_scroll_top {
  -webkit-transition: all 500ms ease 0ms !important;
  transition: all 500ms ease 0ms !important;
}
.et_pb_scroll_top.et-hidden {
  opacity: 0;
}
.et_pb_scroll_top.et-hidden:hover, .et_pb_scroll_top.et-hidden:focus { opacity: 0 !important; pointer-events: none !important; }
.et_pb_scroll_top.et-visible {
  opacity: 1;
}
.et_pb_scroll_top.et-pb-icon {
  text-align: center;
  background: #2C2C2C !important;
  text-decoration: none;
  box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3) !important;
  position: fixed;
  z-index: 99999999 !important;
  bottom: 70px !important; /*160 with borlabs footer bar*/
  right: 0px !important;
  -webkit-border-radius: 5px 0 0 5px !important;
  -moz-border-radius: 5px 0 0 5px !important;
  border-radius: 5px 0 0 5px !important;
  font-size: 30px !important;
  padding: 5px !important;
  color: #ffffff !important;
  -webkit-transition: all 500ms ease 0ms !important;
  transition: all 500ms ease 0ms !important;
}
.et_pb_scroll_top.et-pb-icon:hover {
  opacity: .85;
  transition: all 300ms ease 0ms !important;
  transform: translateX(0px) translateY(-5px)!important;
}

@media (max-width: 360px) {
  .et_pb_scroll_top.et-pb-icon {
    bottom: 15px !important;
    right: 0px !important;
  }
}
/* back 2 top button */

@media all and (min-width: 981px) {
  .pn_row_equal,
  .pn_row-equal {
    align-items: center !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    direction: ltr;
  }
}

/* button styling */
/*
.et_pb_button_helper_class .et_pb_button,
.et_pb_button_helper_class .et_pb_button:hover {
  padding: 20px !important;
  opacity: 1 !important;
}
.et_pb_button {
  font-family: var(--pn_font_head) !important;
  font-weight: 400 !important;
  min-width: 240px !important;
  line-height: 1.5em !important;
  text-transform: uppercase;
}
.et_pb_button:hover {
  transform: scale(1.04) !important;
}
.et_pb_button h2 {
  padding-bottom: unset !important;
}
.et_pb_button > a:hover {
}
.et_pb_button:hover {
}
*/


.pn_hide {
  display: none;
}


@media (min-width: 981px) {
/** top theme-builder zusatz **/
/* MENU SPACING THEME BUILDER */
  .et-menu-nav > ul > li {
    padding-top: 5px;
    padding-bottom: 20px;
  }
  .et_pb_sticky .et-menu-nav > ul > li {
    padding-top: 5px;
    padding-bottom: 15px;
  }
/* MENU SPACING THEME BUILDER _ende */

/* DISABLE MENU AFTER ICON */
  .et-menu .menu-item-has-children>a:first-child {
    padding-right: 0;
  }
  .et-menu .menu-item-has-children>a:first-child:after {
    content: "" !important;
    right: unset;
    top: unset;
  }
/* DISABLE MENU AFTER ICON _ende*/

/* ### current menu item ### */
  #menu-top-menu li.current-menu-item > a,
  #menu-top-menu li.current_page_item > a,
  #menu-top-menu li.current-menu-parent > a,
  #menu-top-menu li.current_page_ancestor > a {
    color: #000000 !important;
  }
/* ## if ancor link ## */
  #menu-top-menu li.current-menu-item > a[href^="/#"],
  #menu-top-menu li.current-menu-item > a[href^="#"],
  #menu-top-menu li.current-menu-item > a[href$="musikverein"],
  #menu-top-menu li.current-menu-item > a[href$="feuerwehr"],
  #menu-top-menu li.current-menu-item > a[href$="kameradschaftsbund"] {
    color: #00000099 !important;
  }
/* #### current menu item _end #### */

/** top menu styling _schnellvariante **/
  .et-menu-nav > ul > li::after {
    content: '';
    background: #00000099 !important;
    position: absolute;
    left: 5px;
    bottom: 0px;
    width: calc(100% - 10px);
    height: 3px;
    -webkit-transition: transform 0.2s linear 0.15s, opacity 0.2s linear 0.2s;
    -moz-transition: transform 0.2s linear 0.15s, opacity 0.2s linear 0.2s;
    transition: transform 0.2s linear 0.15s, opacity 0.2s linear 0.2s;
    opacity: 0;
    pointer-events: none;
  }
  .et-menu-nav > ul > li:hover::after,
  .et-menu-nav > ul > li:focus::after {
    opacity: 1 !important;
/*    transform: translateX(0px) translateY(3px);*/
    -webkit-transition: transform 0.2s linear 0.15s, opacity 0.2s linear 0.2s;
    -moz-transition: transform 0.2s linear 0.15s, opacity 0.2s linear 0.2s;
    transition: transform 0.2s linear 0.15s, opacity 0.2s linear 0.2s;
  }
  
  #menu-top-menu li.current-menu-item::after,
  #menu-top-menu li.current_page_item::after,
  #menu-top-menu li.current-menu-ancestor::after,
  #menu-top-menu li.current-menu-parent::after,
  #menu-top-menu li.et-show-dropdown::after {
    transform: unset !important;
    opacity: 1;
    transform: translateX(0px) translateY(0px) !important;
  }
/* if ancor link */
  #menu-top-menu li.current-menu-item > a[href^="/#"]::after, 
  #menu-top-menu li.current-menu-item > a[href^="#"]::after {
    transform: unset !important;
    opacity: 0;
    transform: translateX(0px) translateY(0px) !important;
  }
  #menu-top-menu li.current-menu-item > a:hover::after,
  #menu-top-menu li.current-menu-item > a:focus::after,
  #menu-top-menu li.current_page_item > a:hover::after,
  #menu-top-menu li.current_page_item > a:focus::after {
    opacity: .7;
  }


/* SUB MENU */
  .nav li ul {
    left: 0 !important;
    margin-top: 2px;
    padding: 0 0 0 !important; /*10px 0 0*/
    border-top: unset;
  }
  #menu-top-menu li ul.sub-menu li.current-menu-item > a,
  .nav ul li a:hover {
    border-left: 0px #00000099 solid;
  }
  #menu-top-menu li li {
    padding: 0 0 !important;
  }
  #menu-top-menu li li {
    border-bottom: 1px transparent solid !important;
  }
  #menu-top-menu li li:last-child {
    border-bottom: unset !important;
  }
  #menu-top-menu li li a {
    padding: 6px 12px !important;
    min-width: 240px !important;
  }
/** top menu styling _ENDE **/
}

@media only screen and (min-width: 981px) {
}
/***** DESKTOP VIEW _END *****/

/***** MOBILE (+TAB) VIEW *****/
@media all and (max-width: 980px) {
/* ### custom mobile menu hamburger _START ### */
  .mobile_menu_bar:hover { opacity: .8; }
  .mobile_menu_bar:before { color: var(--pn_body_dark-font-color) !important; }
  .mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
    color: var(--pn_body_dark-font-color) !important;
  }
/* ### custom mobile menu hamburger _END ### */

/* ### current menu item ### */
  .current-menu-item > a,
  .current_page_item > a,
  .current-menu-parent {
    font-weight: 700 !important;
  }
/* ## if ancor link ## */
  .current-menu-item > a[href^="/#"],
  .current-menu-item > a[href^="#"],
  .current-menu-item > a[href*="vereine"] {
    font-weight: 500 !important;
  }
/* #### current menu item _end #### */


/* ### collapsing mobile menu styling ### */
  .et-l--header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; font-weight: unset !important;}
  .et-l--header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: left;
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
  }
  .et-l--header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    font-size: 16px;
    content: '\35';
    /*top: 13px; */
    /*left: -5px;  left align :before */
    right: 6%; /* right end align :after */
    transition: all .5s !important;
  }
  .et-l--header .et_mobile_menu .menu-item-has-children.visible > a:after {
    font-family: 'ETmodules';
    content: '\35';
    transform: rotate(90deg);
    transition: transform .5s !important;
  }
  .et-l--header .et_mobile_menu ul.sub-menu {
/*    display: none !important;*/
/*    visibility: hidden !important;*/
    opacity: 0;
    overflow: hidden;
    transition: all .3s ease-in-out;
    max-height: 0;
  }
  .et-l--header .et_mobile_menu .visible > ul.sub-menu {
/*    display: block !important;*/
/*    visibility: visible !important;*/
    opacity: 1;
    transition: all 1s ease-in-out;
    max-height: 1000px !important;
  }
/* ### collapsing mobile menu styling ### _ENDE */

/* ### Make Divi Centered and Centered Inline Logo Header Bars Look Like The Default Header Bar On Mobile ### */
/* align header container text to left */
    .et_header_style_centered #main-header .container,
    .et_header_style_split #main-header .container {
        text-align: left;
    }
/* set max width for logo container and bring it above the navigation bar to make it clickable */
    .et_header_style_centered header#main-header .logo_container,
    .et_header_style_split header#main-header .logo_container {
        position:relative;
        z-index: 2;
        max-width: 50%;
    }
/* move split header logo to left */
    .et_header_style_split header#main-header .logo_container {
        float: left;
    }
/* prevent the split header logo from shrinking by increasing its max width */
    .et_header_style_split #logo {
        max-width: 100%;
    }
/* adjust top navigation alignment */
    .et_header_style_centered #main-header div#et-top-navigation,
    .et_header_style_split #main-header div#et-top-navigation {
        position: absolute;
        bottom: 10px;
    }
/* make "select page bg color transparent" */
    .et_header_style_centered #main-header .mobile_nav,
    .et_header_style_split #main-header .mobile_nav {
         background-color: rgba(0, 0, 0, 0);
    }
/* remove mobile_nav left and right padding */
    .et_header_style_centered #main-header .mobile_nav,
    .et_header_style_split #main-header .mobile_nav {
         padding: 5px 0px;
    }
/* remove unnecessary top margin */
    .et_header_style_centered #et_mobile_nav_menu,
    .et_header_style_split #et_mobile_nav_menu {
        margin-top: 0px;
    }
/* hide "select page" container */
    .et_header_style_centered #main-header .mobile_nav .select_page,
    .et_header_style_split #main-header .mobile_nav .select_page {
        display: none;
    }
/* adjust vertical and right alignment of the mobile menu bar */
    .et_header_style_centered #main-header .mobile_menu_bar,
    .et_header_style_split #main-header .mobile_menu_bar {
        position: absolute; /*relative js_test*/
        right: 0px;
        top: -24px; /*none - js_test*/
        text-align: right;
    }
/* adjust dropdown menu top offset */
    .et_header_style_centered #main-header .et_mobile_menu,
    .et_header_style_split #main-header .et_mobile_menu {
        top: 40px; /*63 js_test*/
    }
    /* ### Make Divi Centered and Centered Inline Logo Header Bars Look Like The Default Header Bar On Mobile ### _ENDE */
}
@media (max-width: 980px) {
  .et_mobile_menu {
    padding: 3% !important;
  }
  .et_mobile_menu li:last-child a {
    border-bottom: unset !important;
  }
/* switch padding fa menu icons */
  ul#mobile_menu.et_mobile_menu i.fas {
    width: 17.5px;
    text-align: center;
    margin-right: 10px;
  }
}

/*** column stacking order mobile ***/
@media all and (max-width: 980px) {
  /*** wrap row in a flex box ***/
  .custom_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
  }
  /*** custom classes that will designate the order of columns in the flex box row ***/
  .first-on-mobile {
    -webkit-order: 1 !important;
    order: 1 !important;
  }
  .second-on-mobile {
    -webkit-order: 2 !important;
    order: 2 !important;
  }
  .third-on-mobile {
    -webkit-order: 3 !important;
    order: 3 !important;
  }
  .fourth-on-mobile {
    -webkit-order: 4 !important;
    order: 4 !important;
  }
  /*** add margin to last column ***/
  .custom_row:last-child .et_pb_column:last-child {
    margin-bottom: 0px !important;
  }
}
/*** column stacking order mobile _ende***/


/***** MOBILE (very verry small) VIEW *****/
@media (max-width: 319px) {
}




/* ### DIVI-100 HAMBURGER NEU */
/* ### https://codepen.io/collection/AWQwoK/?cursor=ZD0xJm89MSZwPTEmdj0xOQ== ### */
/* Menu */
.et_divi_100_custom_hamburger_menu {
  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 div {
  background: #000;
  width: 100%;
  height: 0.125rem;
  margin: 0.25rem auto;
  border-radius: 10px;
  transition: 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
  transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
  transform: 0;
  transform-origin: center;
}

.et_divi_100_custom_hamburger_menu div:before,
.et_divi_100_custom_hamburger_menu div:after {
  transition: 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
  transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
}


/* Type 1 */

.et_divi_100_custom_hamburger_menu--type-1.et_divi_100_custom_hamburger_menu--style-2 .et_divi_100_custom_hamburger_menu.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--toggled div:first-child {
  animation-name: T1S3DF;
}

@keyframes T1S3DF {
  0% {
    transform: none;
  }
  40% {
    transform: translateY(0.375rem);
  }
  80% {
    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.et_divi_100_custom_hamburger_menu--toggled div:last-child {
  animation-name: T1S3L;
}

@keyframes T1S3L {
  0% {
    transform: none;
  }
  40% {
    transform: translateY(-0.375rem);
  }
  80% {
    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.et_divi_100_custom_hamburger_menu--toggled div {
  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.et_divi_100_custom_hamburger_menu--toggled div:first-child {
  animation-name: T1S4DF;
}

@keyframes T1S4DF {
  0% {
    margin-right: 0;
    transform: none;
  }
  20% {
    width: 100%;
    transform: translateY(0.375rem);
  }
  40% {
    width: 0;
    margin-right: 0;
    transform: translateY(0.375rem);
  }
  80% {
    width: 0;
    margin-right: auto;
    transform: translateY(0.375rem) rotate(45deg);
  }
  90% {
    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.et_divi_100_custom_hamburger_menu--toggled div:last-child {
  animation-name: T1S4L;
}

@keyframes T1S4L {
  0% {
    margin-left: 0;
    transform: none;
  }
  20% {
    width: 100%;
    transform: translateY(-0.375rem);
  }
  40% {
    width: 0;
    margin-left: 0;
    transform: translateY(-0.375rem);
  }
  80% {
    width: 0;
    margin-left: auto;
    transform: translateY(-0.375rem) rotate(-45deg);
  }
  90% {
    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.et_divi_100_custom_hamburger_menu--toggled div {
  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.et_divi_100_custom_hamburger_menu--toggled div:first-child {
  animation-name: T1S5DF;
}

@keyframes T1S5DF {
  0% {
    margin-right: 0;
    transform: none;
    transform-origin: top right;
  }
  25% {
    width: 100%;
    transform: translateY(0.375rem) rotate(10deg);
  }
  30% {
    width: 100%;
    transform: translateY(0.375rem) rotate(10deg);
  }
  40% {
    width: 0%;
    transform: translateY(0.375rem) rotate(10deg);
  }
  50% {
    width: 0%;
    transform-origin: center;
    transform: translateY(0.375rem) rotate(45deg);
  }
  90% {
    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.et_divi_100_custom_hamburger_menu--toggled div:not(:first-child):not(:last-child) {
  animation-name: T1S5DM;
  width: 0%;
}

@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.et_divi_100_custom_hamburger_menu--toggled div:last-child {
  animation-name: T1S5L;
}

@keyframes T1S5L {
  0% {
    margin-left: 0;
    transform: none;
    transform-origin: bottom left;
  }
  25% {
    width: 100%;
    transform: translateY(-0.375rem) rotate(10deg);
  }
  30% {
    width: 100%;
    transform: translateY(-0.375rem) rotate(10deg);
  }
  40% {
    width: 0%;
    transform: translateY(-0.375rem) rotate(10deg);
  }
  50% {
    width: 0%;
    transform-origin: center;
    transform: translateY(-0.375rem) rotate(-45deg);
  }
  90% {
    transform: translateY(-0.375rem) rotate(-45deg);
  }
}


/* Type 2 */

.et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu div,
.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu div {
  display: flex;
  flex-direction: row;
  background: 0;
}

.et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu div:before,
.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu div:before,
.et_divi_100_custom_hamburger_menu--type-2 .et_divi_100_custom_hamburger_menu div:after,
.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu 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 div:after,
.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu 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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--toggled div:first-child {
  animation-name: T2S3DF;
}

@keyframes T2S3DF {
  0% {
    transform: none;
  }
  20% {
    transform: none;
  }
  40% {
    transform: translateY(0.375rem);
  }
  80% {
    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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--toggled div:first-child:before {
  animation-name: T2S3DFB;
}

@keyframes T2S3DFB {
  0% {
    width: 100%;
    transform: none;
  }
  20% {
    transform: none;
  }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--toggled div:first-child:after {
  animation-name: T2S3DMA;
}

@keyframes T2S3DMA {
  0% {
    width: 100%;
    transform: none;
  }
  20% {
    transform: none;
  }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--toggled div:last-child {
  animation-name: T2S3DL;
}

@keyframes T2S3DL {
  0% {
    transform: none;
  }
  20% {
    transform: none;
  }
  40% {
    transform: translateY(-0.25rem);
  }
  80% {
    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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--toggled div:last-child:before {
  animation-name: T2S3DFB;
}

@keyframes T2S3DFB {
  0% {
    width: 100%;
    transform: none;
  }
  20% {
    transform: none;
  }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-3 .et_divi_100_custom_hamburger_menu.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--toggled div:last-child:after {
  animation-name: T2S3DMA;
}

@keyframes T2S3DMA {
  0% {
    width: 100%;
    transform: none;
  }
  20% {
    transform: none;
  }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu.et_divi_100_custom_hamburger_menu--toggled div,
.et_divi_100_custom_hamburger_menu--style-4.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu.et_divi_100_custom_hamburger_menu--toggled div {
  transform: none;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-4 .et_divi_100_custom_hamburger_menu.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--toggled div:not(:first-child):not(:last-child):after {
  position: absolute;
  width: 100%;
  transition: all 0.3s linear transform 0.3s 0.3s linear;
  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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--toggled div:not(:first-child):not(:last-child):before {
  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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--toggled div:not(:first-child):not(:last-child):after {
  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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--toggled div,
.et_divi_100_custom_hamburger_menu--style-5.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu.et_divi_100_custom_hamburger_menu--toggled div {
  transform: none;
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--toggled div:first-child {
  position: relative;
  animation-name: T2S5DF;
  transform: translateY(0.375rem) rotate(45deg);
}

@keyframes T2S5DF {
  20% {
    transform: none;
  }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--toggled div:first-child:before {
  left: 0;
  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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--toggled div:first-child:after {
  right: 0;
  animation-name: T2S5DFA;
}

@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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--toggled div:not(:first-child):not(:last-child):after {
  animation-name: T2S5DL;
  width: 2px;
}

@keyframes T2S5DL {
  20% {
    transform: 100%;
  }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--toggled div:last-child {
  position: relative;
  animation-name: T2S5DL;
  transform: translateY(-0.375rem) rotate(-45deg);
}

@keyframes T2S5DL {
  20% {
    transform: none;
  }
}

.et_divi_100_custom_hamburger_menu--type-2.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--toggled div:last-child:before {
  left: 0;
  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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--toggled div:last-child:after {
  right: 0;
  animation-name: T2S5DMA;
}

@keyframes T2S5DMA {
  20% {
    width: 0%;
  }
}


/* Type 3 */

.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu div:before {
  width: 100%;
  margin: 0 2px 0 0;
}

.et_divi_100_custom_hamburger_menu--type-3 .et_divi_100_custom_hamburger_menu div:after {
  width: 2px;
  margin: 0;
}


/* Type 4 */

.et_divi_100_custom_hamburger_menu--type-4 .et_divi_100_custom_hamburger_menu 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.et_divi_100_custom_hamburger_menu--toggled div:first-child {
  animation-name: T4S2DF;
}

@keyframes T4S2DF {
  0% {
    transform: none;
  }
  20% {
    width: 2px;
    transform: translateY(0.375rem);
  }
  40% {
    transform: translateY(0.375rem);
  }
  80% {
    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.et_divi_100_custom_hamburger_menu--toggled div:last-child {
  animation-name: T4S2L;
}

@keyframes T4S2L {
  0% {
    transform: none;
  }
  20% {
    width: 2px;
    transform: translateY(-0.375rem);
  }
  40% {
    transform: translateY(-0.375rem);
  }
  80% {
    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.et_divi_100_custom_hamburger_menu--toggled {
  animation: T4S3 0.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);
}

@keyframes T4S3 {
  100% {
    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.et_divi_100_custom_hamburger_menu--toggled div {
  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.et_divi_100_custom_hamburger_menu--toggled div:first-child {
  animation-name: T4S3DF;
}

@keyframes T4S3DF {
  0% {
    transform: none;
  }
  40% {
    width: 2px;
    transform: translateY(0.375rem);
  }
  80% {
    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.et_divi_100_custom_hamburger_menu--toggled div:last-child {
  animation-name: T4S3L;
}

@keyframes T4S3L {
  0% {
    transform: none;
  }
  40% {
    width: 2px;
    transform: translateY(-0.375rem);
  }
  80% {
    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.et_divi_100_custom_hamburger_menu--toggled {
  animation: T4S4 0.6s cubic-bezier(0.28, 0.55, 0.385, 1.65);
}

@keyframes T4S4 {
  100% {
    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.et_divi_100_custom_hamburger_menu--toggled div:first-child {
  animation-name: T4S4DF;
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu.et_divi_100_custom_hamburger_menu--toggled {
  transform: rotate(45deg);
  transition: 0.3s 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.et_divi_100_custom_hamburger_menu--toggled div {
  width: 2px;
  transform: none;
}

.et_divi_100_custom_hamburger_menu--type-4.et_divi_100_custom_hamburger_menu--style-5 .et_divi_100_custom_hamburger_menu.et_divi_100_custom_hamburger_menu--toggled div:first-child {
  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.et_divi_100_custom_hamburger_menu--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.et_divi_100_custom_hamburger_menu--toggled div:last-child {
  transform: translateY(4px);
}


/* Toggled */

.et_divi_100_custom_hamburger_menu.et_divi_100_custom_hamburger_menu--toggled div {
  width: 100%;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
}

.et_divi_100_custom_hamburger_menu.et_divi_100_custom_hamburger_menu--toggled div:after,
.et_divi_100_custom_hamburger_menu.et_divi_100_custom_hamburger_menu--toggled div:before {
  width: 100%;
}

.et_divi_100_custom_hamburger_menu.et_divi_100_custom_hamburger_menu--toggled div:first-child {
  transform: translateY(0.375rem) rotate(45deg);
}

.et_divi_100_custom_hamburger_menu.et_divi_100_custom_hamburger_menu--toggled div:not(:first-child):not(:last-child) {
  opacity: 0;
}

.et_divi_100_custom_hamburger_menu.et_divi_100_custom_hamburger_menu--toggled div:last-child {
  transform: translateY(-0.375rem) rotate(-45deg);
}

.mobile_menu_bar {
  padding-bottom: 0;
  margin-bottom: 20px;
}
.et_pb_sticky .mobile_menu_bar {
  margin-bottom: 15px !important;
}

@media (max-width: 980px) {
  .et_pb_sticky .mobile_menu_bar {
    margin-bottom: 0px !important;
    position: absolute;
    right: 30px;
    top: -42px;
  }
}
@media (max-width: 767px) {
  .et_pb_sticky .mobile_menu_bar {
    margin-bottom: 0px !important;
    position: absolute;
    right: 30px;
    top: -38px;
  }
}
@media (max-width: 360px) {
  .pn_head_text-logo h1 {
    max-width: 280px !important;
    font-size: 24px !important;
    margin-bottom: 4px;
  }
  .et_pb_sticky .mobile_menu_bar {
    top: -37px;
  }
}

.mobile_menu_bar:before {
  display: none;
}