.thegem-menu-custom .menu-custom-header {
margin-top: 0;
margin-bottom: 11px;
}
.thegem-menu-custom .menu-custom-header.main-menu-item {
color: var(--thegem-to-h6-color);
}
.thegem-menu-custom .menu-custom-header a, .thegem-menu-custom .menu-custom-header > span {
display: flex;
align-items: center;
}
.thegem-menu-custom .menu-custom-header:not(:hover) a {
color: inherit;
}
.thegem-menu-custom .menu-custom-header .separator {
display: flex;
font-size: 0;
line-height: 0;
margin-top: 14px;
}
.thegem-menu-custom .menu-custom-header .separator span {
width: 200px;
display: block;
background-color: var(--thegem-to-divider-color, #dfe5e8);
}
.thegem-menu-custom .menu-custom-header.light {
font-family: var(--thegem-to-light-title-font-family);
font-style: var(--thegem-to-light-title-font-style);
font-weight: normal;
}
.thegem-menu-custom ul.nav-menu-custom,
.thegem-menu-custom ul.nav-menu-custom ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.thegem-menu-custom.thegem-menu-custom--vertical.thegem-menu-custom--flex-start ul.nav-menu-custom ul {
padding-left: 30px;
}
.thegem-menu-custom.thegem-menu-custom--vertical.thegem-menu-custom--flex-end ul.nav-menu-custom ul {
padding-right: 30px;
}
.thegem-menu-custom.thegem-menu-custom--vertical.thegem-menu-custom--center ul.nav-menu-custom ul {
padding-top: 20px;
padding-bottom: 20px;
}
.thegem-menu-custom ul.nav-menu-custom li {
margin: 0;
}
.thegem-menu-custom ul.nav-menu-custom li.default-colors {
color: #3c3950;
}
.thegem-menu-custom ul.nav-menu-custom li a,
.thegem-menu-custom ul.nav-menu-custom li > span {
display: flex !important;
align-items: center;
padding: 0.5em 0.7em;
margin-left: -0.7em;
margin-right: -0.7em;
transition: all 0.3s;
}
.thegem-menu-custom ul.nav-menu-custom li:not(:hover) a {
color: inherit;
}
.thegem-menu-custom .icon {
display: block;
width: 16px;
margin-right: 12px;
text-align: center;
flex: none;
}
.thegem-menu-custom .icon i {
display: block;
font-size: inherit;
}
.thegem-menu-custom .label {
color: #ffffff;
background-color: var(--thegem-to-styled-color1, #00BCD4);
font-size: var(--thegem-to-h6-font-size-tiny, 7px);
line-height: 1;
padding: 0.3em 0.5em;
margin: 0 0 0 10px;
vertical-align: middle;
} .thegem-menu-custom.thegem-menu-custom--horizontal ul.nav-menu-custom{
display: flex;
flex-wrap: wrap;
}
.thegem-menu-custom.thegem-menu-custom--horizontal ul.nav-menu-custom li{
position: relative;
}
.thegem-menu-custom.thegem-menu-custom--horizontal.menu-separator ul.nav-menu-custom li:not(:last-child):before{
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 1px;
height: 100%;
background-color: var(--thegem-to-box-border-color);
z-index: 2;
}
.thegem-menu-custom.thegem-menu-custom--vertical.vertical-menu-separator ul.nav-menu-custom > li {
position: relative;
}
.thegem-menu-custom.thegem-menu-custom--vertical.vertical-menu-separator ul.nav-menu-custom > li:not(:last-child):before{
content: '';
position: absolute;
left: 50%;
transform: translate(-50%, 50%);
bottom: 0;
height: 1px;
width: 100%;
background-color: var(--thegem-to-box-border-color);
z-index: 2;
}
.thegem-menu-custom.thegem-menu-custom--horizontal ul.nav-menu-custom li a,
.thegem-menu-custom.thegem-menu-custom--horizontal ul.nav-menu-custom li > span {
margin: 0;
}
.thegem-menu-custom.thegem-menu-custom--horizontal.thegem-menu-custom--left ul.nav-menu-custom li:first-child a,
.thegem-menu-custom.thegem-menu-custom--horizontal.thegem-menu-custom--left ul.nav-menu-custom li:first-child > span {
margin-left: -0.7em;
}
.thegem-menu-custom.thegem-menu-custom--horizontal.thegem-menu-custom--right ul.nav-menu-custom li:last-child a,
.thegem-menu-custom.thegem-menu-custom--horizontal.thegem-menu-custom--right ul.nav-menu-custom li:last-child > span {
margin-right: -0.7em;
}
.thegem-menu-custom.menu-indicator ul.nav-menu-custom li a i.indicator{
position: relative;
display: flex;
align-items: center;
}
.thegem-menu-custom.menu-indicator ul.nav-menu-custom li a i.indicator:before{
content: "\e601";
font-family: "thegem-icons";
font-weight: normal;
font-style: normal;
line-height: inherit;
font-size: inherit;
}
.thegem-menu-custom .menu-custom-header .icon{
width: auto;
} .thegem-menu-custom ul.nav-menu-custom li > a{
position: relative;
z-index: 1;
}
.thegem-menu-custom ul.nav-menu-custom li > a .text{
position: relative;
display: inline-flex;
}
.thegem-menu-custom ul.nav-menu-custom li > a:after,
.thegem-menu-custom ul.nav-menu-custom li > a:before,
.thegem-menu-custom ul.nav-menu-custom li > a .text:before,
.thegem-menu-custom ul.nav-menu-custom li > a .text:after{
display: block;
position: absolute;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
-o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
transition-timing-function: cubic-bezier(.58,.3,.005,1);
}
.thegem-menu-custom ul.nav-menu-custom li > a:before {
z-index: -1;
}
.thegem-menu-custom ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after,
.thegem-menu-custom ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after{
opacity: 0;
}
.thegem-menu-custom ul.nav-menu-custom li:hover > a{
background-color: transparent;
} .thegem-menu-custom.style-hover-background ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-active-background ul.nav-menu-custom li.menu-item-active > a:before,
.thegem-menu-custom.style-active-background ul.nav-menu-custom li.menu-item-current > a:before,
.thegem-menu-custom.style-active-background ul.nav-menu-custom li.collapsed > a:before,
.thegem-menu-custom.style-hover-background ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after,
.thegem-menu-custom.style-active-background ul.nav-menu-custom li.menu-item-active > a:after,
.thegem-menu-custom.style-active-background ul.nav-menu-custom li.menu-item-current > a:after,
.thegem-menu-custom.style-active-background ul.nav-menu-custom li.collapsed > a:after {
content: '';
transition: 0.3s;
}
.thegem-menu-custom.style-hover-background ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a,
.thegem-menu-custom.style-active-background ul.nav-menu-custom li.menu-item-active > a,
.thegem-menu-custom.style-active-background ul.nav-menu-custom li.menu-item-current > a,
.thegem-menu-custom.style-active-background ul.nav-menu-custom li.collapsed > a {
color: var(--thegem-to-menu-level1-light-active-color);
}
.thegem-menu-custom.style-hover-background ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before{
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--thegem-to-menu-level1-color-hover);
z-index: -1;
}
.thegem-menu-custom.style-active-background ul.nav-menu-custom li.menu-item-active > a:before,
.thegem-menu-custom.style-active-background ul.nav-menu-custom li.menu-item-current > a:before,
.thegem-menu-custom.style-active-background ul.nav-menu-custom li.collapsed > a:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--thegem-to-menu-level1-color-hover);
z-index: -1;
}
.thegem-menu-custom.style-hover-background.style-hover-type-background-underline ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after,
.thegem-menu-custom.style-active-background.style-active-type-background-underline ul.nav-menu-custom li.menu-item-active > a:after,
.thegem-menu-custom.style-active-background.style-active-type-background-underline ul.nav-menu-custom li.menu-item-current > a:after,
.thegem-menu-custom.style-active-background.style-active-type-background-underline ul.nav-menu-custom li.collapsed > a:after {
height: 2px;
left: 0;
right: 0;
bottom: 0;
background-color: var(--thegem-to-menu-level2-border-color, #DFE5E8);
z-index: 2;
}
.thegem-menu-custom.style-hover-background.style-hover-type-background-underline ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a,
.thegem-menu-custom.style-active-background.style-active-type-background-underline ul.nav-menu-custom li.menu-item-active > a,
.thegem-menu-custom.style-active-background.style-active-type-background-underline ul.nav-menu-custom li.menu-item-current > a,
.thegem-menu-custom.style-active-background.style-active-type-background-underline ul.nav-menu-custom li.collapsed > a {
color: var(--thegem-to-menu-level1-color-hover, #00BCD4);
}
.thegem-menu-custom.style-hover-background.style-hover-type-background-rounded ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a,
.thegem-menu-custom.style-active-background.style-active-type-background-rounded ul.nav-menu-custom li.menu-item-active > a,
.thegem-menu-custom.style-active-background.style-active-type-background-rounded ul.nav-menu-custom li.menu-item-current > a,
.thegem-menu-custom.style-active-background.style-active-type-background-rounded ul.nav-menu-custom li.collapsed > a {
color: var(--thegem-to-menu-level1-light-active-color);
}
.thegem-menu-custom.style-hover-background.style-hover-type-background-rounded ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before,
.thegem-menu-custom.style-active-background.style-active-type-background-rounded ul.nav-menu-custom li.menu-item-active > a:before,
.thegem-menu-custom.style-active-background.style-active-type-background-rounded ul.nav-menu-custom li.menu-item-current > a:before,
.thegem-menu-custom.style-active-background.style-active-type-background-rounded ul.nav-menu-custom li.collapsed > a:before {
background-color: var(--thegem-to-menu-level1-color-hover, #00BCD4);
border-radius: 20px;
}
.thegem-menu-custom.style-hover-background.style-hover-animation-grow ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-grow ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
transform: scale(0.5);
}
.thegem-menu-custom.style-hover-background.style-hover-animation-grow ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-grow ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:after {
transform: scale(1);
opacity: 1;
}
.thegem-menu-custom.style-hover-background.style-hover-animation-shrink ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-shrink ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
transform: scale(1.2);
transition: 0.3s;
}
.thegem-menu-custom.style-hover-background.style-hover-animation-shrink ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-shrink ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:after {
transition: opacity 0.15s, transform 0.4s;
}
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-left ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-left ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
left: 100%;
}
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-right ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-right ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
right: 100%;
}
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-up ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-up ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
top: 100%;
}
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-down ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-down ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
bottom: 100%;
}
.thegem-menu-custom.style-hover-background.style-hover-animation-none,
.thegem-menu-custom.style-hover-background.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a {
transition-duration: 0s;
}
.thegem-menu-custom.style-hover-background.style-hover-animation-none:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-none:after,
.thegem-menu-custom.style-hover-background.style-hover-animation-none:hover,
.thegem-menu-custom.style-hover-background.style-hover-animation-none:focus,
.thegem-menu-custom.style-hover-background.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
transition-duration: 0s;
} .thegem-menu-custom.style-hover-text ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a {
color: var(--thegem-to-menu-level1-color-hover);
}
.thegem-menu-custom.style-active-text ul.nav-menu-custom li.menu-item-active > a,
.thegem-menu-custom.style-active-text ul.nav-menu-custom li.menu-item-current > a,
.thegem-menu-custom.style-active-text ul.nav-menu-custom li.collapsed > a {
color: var(--thegem-to-menu-level1-color-hover);
} .thegem-menu-custom.style-hover-lined ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom li.menu-item-active > a .text:before,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom li.menu-item-current > a .text:before,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom li.collapsed > a .text:before {
content: '';
top: 0;
}
.thegem-menu-custom.style-hover-lined ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom li.menu-item-active > a .text:after,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom li.menu-item-current > a .text:after,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom li.collapsed > a .text:after {
content: '';
bottom: 0;
}
.thegem-menu-custom.style-hover-lined.style-hover-type-line-underline-1 ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-hover-lined.style-hover-type-line-underline-2 ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-hover-lined.style-hover-type-line-overline-1 ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after,
.thegem-menu-custom.style-hover-lined.style-hover-type-line-overline-2 ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after,
.thegem-menu-custom.style-active-lined.style-active-type-line-underline-1 ul.nav-menu-custom li.menu-item-active > a .text:before,
.thegem-menu-custom.style-active-lined.style-active-type-line-underline-2 ul.nav-menu-custom li.menu-item-active > a .text:before,
.thegem-menu-custom.style-active-lined.style-active-type-line-overline-1 ul.nav-menu-custom li.menu-item-active > a .text:after,
.thegem-menu-custom.style-active-lined.style-active-type-line-overline-2 ul.nav-menu-custom li.menu-item-active > a .text:after,
.thegem-menu-custom.style-active-lined.style-active-type-line-underline-1 ul.nav-menu-custom li.menu-item-current > a .text:before,
.thegem-menu-custom.style-active-lined.style-active-type-line-underline-2 ul.nav-menu-custom li.menu-item-current > a .text:before,
.thegem-menu-custom.style-active-lined.style-active-type-line-overline-1 ul.nav-menu-custom li.menu-item-current > a .text:after,
.thegem-menu-custom.style-active-lined.style-active-type-line-overline-2 ul.nav-menu-custom li.menu-item-current > a .text:after,
.thegem-menu-custom.style-active-lined.style-active-type-line-underline-1 ul.nav-menu-custom li.collapsed > a .text:before,
.thegem-menu-custom.style-active-lined.style-active-type-line-underline-2 ul.nav-menu-custom li.collapsed > a .text:before,
.thegem-menu-custom.style-active-lined.style-active-type-line-overline-1 ul.nav-menu-custom li.collapsed > a .text:after,
.thegem-menu-custom.style-active-lined.style-active-type-line-overline-2 ul.nav-menu-custom li.collapsed > a .text:after {
content: none;
}
.thegem-menu-custom.style-hover-lined ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a{
color: var(--thegem-to-menu-level1-color-hover);
}
.thegem-menu-custom.style-active-lined ul.nav-menu-custom li.menu-item-active > a,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom li.menu-item-current > a,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom li.collapsed > a {
color: var(--thegem-to-menu-level1-color-hover);
}
.thegem-menu-custom.style-hover-lined ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a .text:before,
.thegem-menu-custom.style-hover-lined ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a .text:after{
height: 2px;
width: 100%;
left: 0;
background-color: var(--thegem-to-menu-level1-color-hover, #00BCD4);
z-index: 2;
}
.thegem-menu-custom.style-active-lined ul.nav-menu-custom li.menu-item-active > a .text:before,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom li.menu-item-current > a .text:before,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom li.collapsed > a .text:before,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom li.menu-item-active > a .text:after,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom li.menu-item-current > a .text:after,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom li.collapsed > a .text:after {
height: 2px;
width: 100%;
left: 0;
background-color: var(--thegem-to-menu-level1-color-hover, #00BCD4);
z-index: 2;
}
.thegem-menu-custom.style-hover-lined.style-hover-type-line-top-bottom ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-active-lined.style-active-type-line-top-bottom ul.nav-menu-custom li.menu-item-active > a .text:before,
.thegem-menu-custom.style-active-lined.style-active-type-line-top-bottom ul.nav-menu-custom li.menu-item-current > a .text:before,
.thegem-menu-custom.style-active-lined.style-active-type-line-top-bottom ul.nav-menu-custom li.collapsed > a .text:before,
.thegem-menu-custom.style-hover-lined.style-hover-type-line-top-bottom ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after,
.thegem-menu-custom.style-active-lined.style-active-type-line-top-bottom ul.nav-menu-custom li.menu-item-active > a .text:after,
.thegem-menu-custom.style-active-lined.style-active-type-line-top-bottom ul.nav-menu-custom li.menu-item-current > a .text:after,
.thegem-menu-custom.style-active-lined.style-active-type-line-top-bottom ul.nav-menu-custom li.collapsed > a .text:after {
background-color: var(--thegem-to-menu-level1-color-hover, #00BCD4);
}
.thegem-menu-custom.style-hover-lined.style-hover-animation-grow ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-hover-lined.style-hover-animation-grow ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after {
height: 0;
width: 0;
left: 50%;
}
.thegem-menu-custom.style-hover-lined.style-hover-animation-drop-out ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before {
top: 10px;
}
.thegem-menu-custom.style-hover-lined.style-hover-animation-drop-out ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after {
bottom: 10px;
}
.thegem-menu-custom.style-hover-lined.style-hover-animation-drop-in ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before {
top: -10px;
}
.thegem-menu-custom.style-hover-lined.style-hover-animation-drop-in ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after {
bottom: -10px;
}
.thegem-menu-custom.style-hover-lined.style-hover-animation-none,
.thegem-menu-custom.style-hover-lined.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text {
transition-duration: 0s;
}
.thegem-menu-custom.style-hover-lined.style-hover-animation-none:before,
.thegem-menu-custom.style-hover-lined.style-hover-animation-none:after,
.thegem-menu-custom.style-hover-lined.style-hover-animation-none:hover,
.thegem-menu-custom.style-hover-lined.style-hover-animation-none:focus,
.thegem-menu-custom.style-hover-lined.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-hover-lined.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after,
.thegem-menu-custom.style-hover-lined.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:hover,
.thegem-menu-custom.style-hover-lined.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:focus {
transition-duration: 0s;
}
.thegem-menu-custom.style-hover-lined.style-hover-animation-slide-right ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-hover-lined.style-hover-animation-slide-right ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after {
width: 10px;
left: -20px;
}
.thegem-menu-custom.style-hover-lined.style-hover-animation-slide-left ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-hover-lined.style-hover-animation-slide-left ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after {
width: 10px;
left: calc(100% + 20px);
} .thegem-menu-custom.style-hover-framed.style-hover-type-frame-rounded ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom li.menu-item-active > a,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom li.menu-item-current > a,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom li.collapsed > a,
.thegem-menu-custom.style-hover-framed.style-hover-type-frame-rounded ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom li.menu-item-active > a:before,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom li.menu-item-current > a:before,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom li.collapsed > a:before,
.thegem-menu-custom.style-hover-framed.style-hover-type-frame-rounded ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom li.menu-item-active > a:after,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom li.menu-item-current > a:after,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom li.collapsed > a:after {
border-radius: 20px;
}
.thegem-menu-custom.style-hover-framed ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom li.menu-item-active > a,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom li.menu-item-current > a {
color: var(--thegem-to-menu-level1-color-hover, #00BCD4);
}
.thegem-menu-custom.style-hover-framed ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom li.menu-item-active > a:before,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom li.menu-item-current > a:before,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom li.collapsed > a:before,
.thegem-menu-custom.style-hover-framed ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom li.menu-item-active > a:after,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom li.menu-item-current > a:after,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom li.collapsed > a:after {
background: transparent;
left: 0;
top: 0;
bottom: 0;
right: 0;
border: 2px solid var(--thegem-to-menu-level1-color-hover, #00BCD4);
}
.thegem-menu-custom.style-hover-framed ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom li.menu-item-active > a:before,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom li.menu-item-current > a:before,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom li.collapsed > a:before {
content: '';
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-grow ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before {
transform: scale(0.75);
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-shrink ul.nav-menu-custom li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before {
transform: scale(1.25);
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-grow ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-framed.style-hover-animation-shrink ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before {
transition: opacity 0.2s, transform 0.4s;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
width: 2px;
height: 2px;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before {
border-width: 0 0 2px 2px;
transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
content: '';
top: initial;
bottom: 0;
left: initial;
right: 0;
border-width: 2px 2px 0 0;
transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before,
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:after {
width: 100% !important;
height: 100% !important;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before {
transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:after {
transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-corners ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-framed.style-hover-animation-corners ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
width: 2px;
height: 2px;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-corners ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before {
border-width: 2px 0 0 2px;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-corners ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
content: '';
top: initial;
bottom: 0;
left: initial;
right: 0;
border-width: 0 2px 2px 0;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-corners ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before,
.thegem-menu-custom.style-hover-framed.style-hover-animation-corners ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:after {
width: 100% !important;
height: 100% !important;
transition: opacity 0.002s, width 0.4s, height 0.4s;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-none,
.thegem-menu-custom.style-hover-framed.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a {
transition-duration: 0s;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-none:before,
.thegem-menu-custom.style-hover-framed.style-hover-animation-none:after,
.thegem-menu-custom.style-hover-framed.style-hover-animation-none:hover,
.thegem-menu-custom.style-hover-framed.style-hover-animation-none:focus,
.thegem-menu-custom.style-hover-framed.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-framed.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after,
.thegem-menu-custom.style-hover-framed.style-hover-animation-none ul.nav-menu-custom li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a {
transition-duration: 0s;
} .thegem-menu-custom.thegem-menu-custom--clickable ul.nav-menu-custom ul {
display: none;
list-style-type: none;
}
.thegem-menu-custom.thegem-menu-custom--clickable ul.nav-menu-custom a .text{
position: relative;
display: inline-flex;
align-items: center;
}
.thegem-menu-custom.thegem-menu-custom--clickable ul.nav-menu-custom li.menu-item-has-children > a .indicator,
.thegem-menu-custom.thegem-menu-custom--clickable ul.nav-menu-custom li.menu-item-has-children > ul > li.show-parent > a .indicator {
position: relative;
display: flex;
align-items: center;
}
.thegem-menu-custom.thegem-menu-custom--clickable:not(.hide-indicator) ul.nav-menu-custom li.menu-item-has-children > a .indicator:before,
.thegem-menu-custom.thegem-menu-custom--clickable:not(.hide-indicator) ul.nav-menu-custom li.menu-item-has-children > ul > li.show-parent > a .indicator:before {
content: "\e602";
font-family: "thegem-icons";
font-weight: normal;
font-style: normal;
line-height: inherit;
font-size: inherit;
width: 1em;
}
.thegem-menu-custom.thegem-menu-custom--clickable:not(.hide-indicator) ul.nav-menu-custom li.menu-item-has-children > ul > li.show-parent > a .indicator:before {
content: "\e601";
}
.thegem-menu-custom.thegem-menu-custom--clickable:not(.hide-indicator).submenu-inlicator-alignment-before ul.nav-menu-custom li > a .indicator,
.thegem-menu-custom.thegem-menu-custom--clickable:not(.hide-indicator).thegem-menu-custom--flex-end.submenu-inlicator-alignment-stretch ul li > a .indicator {
order: -1;
}
.thegem-menu-custom.thegem-menu-custom--clickable:not(.hide-indicator).submenu-inlicator-alignment-stretch ul.nav-menu-custom li > a .text {
width: 100%;
justify-content: space-between;
}
@media (min-width: 768px) {
.thegem-menu-custom.thegem-menu-custom--clickable:not(.hide-indicator) ul.nav-menu-custom li.menu-item-has-children > ul > li.show-parent {
display: none;
}
} .thegem-menu-custom.thegem-menu-custom--dropdown ul.nav-menu-custom ul {
position: absolute;
opacity: 0;
visibility: hidden;
top: 100%;
left: 0;
transition: all 0.3s;
width: 240px;
border: 1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8);
border-top: 0 none;
}
.thegem-menu-custom.thegem-menu-custom--dropdown ul.nav-menu-custom li:hover > ul {
opacity: 1;
visibility: visible;
}
.thegem-menu-custom.thegem-menu-custom--dropdown ul.nav-menu-custom ul ul {
top: -1px;
left: 100%;
}
.thegem-menu-custom.thegem-menu-custom--dropdown.thegem-menu-custom--flex-start ul.nav-menu-custom > li:first-child > ul {
margin-left: -0.7em;
}
.thegem-menu-custom.thegem-menu-custom--dropdown ul.nav-menu-custom ul li {
border-top: 1px solid var(--thegem-to-menu-level2-border-color, #dfe5e8);
}
.thegem-menu-custom.thegem-menu-custom--dropdown ul.nav-menu-custom ul li:before {
display: none;
}
.thegem-menu-custom.thegem-menu-custom--dropdown ul.nav-menu-custom ul a {
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0.8em 1.5em;
background: #fff;
}
.thegem-menu-custom.thegem-menu-custom--dropdown:not(.hide-indicator) ul.nav-menu-custom li.menu-item-has-children > a .indicator:before {
content: "\e602";
font-family: "thegem-icons";
font-weight: normal;
font-style: normal;
line-height: inherit;
font-size: inherit;
width: 1em;
vertical-align: top;
}
.thegem-menu-custom.thegem-menu-custom--dropdown:not(.hide-indicator) ul.nav-menu-custom ul li.menu-item-has-children > a .indicator:before {
content: "\e601";
}
.thegem-menu-custom.thegem-menu-custom--dropdown ul.nav-menu-custom ul li > a .text {
width: 100%;
justify-content: space-between;
}
.thegem-menu-custom.list-inlicator-alignment-after ul.nav-menu-custom li .icon,
.thegem-menu-custom.thegem-menu-custom--flex-end.list-inlicator-alignment-stretch ul.nav-menu-custom li .icon {
order: 1;
margin-right: 0;
}
.thegem-menu-custom.list-inlicator-alignment-stretch ul.nav-menu-custom li > a,
.thegem-menu-custom.list-inlicator-alignment-stretch ul.nav-menu-custom li > span {
width: 100%;
justify-content: space-between !important;
}
.thegem-menu-custom.list-inlicator-alignment-stretch ul.nav-menu-custom li icon {
margin-right: 0;
}@font-face{font-family:Mono Social Icons Font;font-style:normal;font-weight:400;src:url(//www.schwarzercardiotek.com/wp-content/plugins/js_composer/assets/css/lib/monosocialiconsfont/fonts/MonoSocialIconsFont.eot);src:url(//www.schwarzercardiotek.com/wp-content/plugins/js_composer/assets/css/lib/monosocialiconsfont/fonts/MonoSocialIconsFont.eot) format("embedded-opentype"),url(//www.schwarzercardiotek.com/wp-content/plugins/js_composer/assets/css/lib/monosocialiconsfont/fonts/MonoSocialIconsFont.woff) format("woff"),url(//www.schwarzercardiotek.com/wp-content/plugins/js_composer/assets/css/lib/monosocialiconsfont/fonts/MonoSocialIconsFont.svg) format("svg");src:url(//www.schwarzercardiotek.com/wp-content/plugins/js_composer/assets/css/lib/monosocialiconsfont/fonts/MonoSocialIconsFont.ttf) format("truetype")}.vc-mono,.vc-mono:before{font-family:Mono Social Icons Font;-webkit-text-rendering:optimizeLegibility;-moz-text-rendering:optimizeLegibility;-ms-text-rendering:optimizeLegibility;-o-text-rendering:optimizeLegibility;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;-ms-font-feature-settings:"liga";font-feature-settings:"liga";font-variant-ligatures:common-ligatures}.vc-mono:before{font-size:2em!important;font-style:normal;word-wrap:normal;text-transform:none}.vc-mono-fivehundredpx:before{content:"fivehundredpx"}.vc-mono-aboutme:before{content:"aboutme"}.vc-mono-addme:before{content:"addme"}.vc-mono-amazon:before{content:"amazon"}.vc-mono-aol:before{content:"aol"}.vc-mono-appstorealt:before{content:"appstorealt"}.vc-mono-appstore:before{content:"appstore"}.vc-mono-apple:before{content:"apple"}.vc-mono-bebo:before{content:"bebo"}.vc-mono-behance:before{content:"behance"}.vc-mono-bing:before{content:"bing"}.vc-mono-blip:before{content:"blip"}.vc-mono-blogger:before{content:"blogger"}.vc-mono-coroflot:before{content:"coroflot"}.vc-mono-daytum:before{content:"daytum"}.vc-mono-delicious:before{content:"delicious"}.vc-mono-designbump:before{content:"designbump"}.vc-mono-designfloat:before{content:"designfloat"}.vc-mono-deviantart:before{content:"deviantart"}.vc-mono-diggalt:before{content:"diggalt"}.vc-mono-digg:before{content:"digg"}.vc-mono-dribble:before{content:"dribble"}.vc-mono-drupal:before{content:"drupal"}.vc-mono-ebay:before{content:"ebay"}.vc-mono-email:before{content:"email"}.vc-mono-emberapp:before{content:"emberapp"}.vc-mono-etsy:before{content:"etsy"}.vc-mono-facebook:before{content:"facebook"}.vc-mono-feedburner:before{content:"feedburner"}.vc-mono-flickr:before{content:"flickr"}.vc-mono-foodspotting:before{content:"foodspotting"}.vc-mono-forrst:before{content:"forrst"}.vc-mono-foursquare:before{content:"foursquare"}.vc-mono-friendsfeed:before{content:"friendsfeed"}.vc-mono-friendstar:before{content:"friendstar"}.vc-mono-gdgt:before{content:"gdgt"}.vc-mono-github:before{content:"github"}.vc-mono-githubalt:before{content:"githubalt"}.vc-mono-googlebuzz:before{content:"googlebuzz"}.vc-mono-googleplus:before{content:"googleplus"}.vc-mono-googletalk:before{content:"googletalk"}.vc-mono-gowallapin:before{content:"gowallapin"}.vc-mono-gowalla:before{content:"gowalla"}.vc-mono-grooveshark:before{content:"grooveshark"}.vc-mono-heart:before{content:"heart"}.vc-mono-hyves:before{content:"hyves"}.vc-mono-icondock:before{content:"icondock"}.vc-mono-icq:before{content:"icq"}.vc-mono-identica:before{content:"identica"}.vc-mono-imessage:before{content:"imessage"}.vc-mono-itunes:before{content:"itunes"}.vc-mono-lastfm:before{content:"lastfm"}.vc-mono-linkedin:before{content:"linkedin"}.vc-mono-meetup:before{content:"meetup"}.vc-mono-metacafe:before{content:"metacafe"}.vc-mono-mixx:before{content:"mixx"}.vc-mono-mobileme:before{content:"mobileme"}.vc-mono-mrwong:before{content:"mrwong"}.vc-mono-msn:before{content:"msn"}.vc-mono-myspace:before{content:"myspace"}.vc-mono-newsvine:before{content:"newsvine"}.vc-mono-paypal:before{content:"paypal"}.vc-mono-photobucket:before{content:"photobucket"}.vc-mono-picasa:before{content:"picasa"}.vc-mono-pinterest:before{content:"pinterest"}.vc-mono-podcast:before{content:"podcast"}.vc-mono-posterous:before{content:"posterous"}.vc-mono-qik:before{content:"qik"}.vc-mono-quora:before{content:"quora"}.vc-mono-reddit:before{content:"reddit"}.vc-mono-retweet:before{content:"retweet"}.vc-mono-rss:before{content:"rss"}.vc-mono-scribd:before{content:"scribd"}.vc-mono-sharethis:before{content:"sharethis"}.vc-mono-skype:before{content:"skype"}.vc-mono-slashdot:before{content:"slashdot"}.vc-mono-slideshare:before{content:"slideshare"}.vc-mono-smugmug:before{content:"smugmug"}.vc-mono-soundcloud:before{content:"soundcloud"}.vc-mono-spotify:before{content:"spotify"}.vc-mono-squidoo:before{content:"squidoo"}.vc-mono-stackoverflow:before{content:"stackoverflow"}.vc-mono-star:before{content:"star"}.vc-mono-stumbleupon:before{content:"stumbleupon"}.vc-mono-technorati:before{content:"technorati"}.vc-mono-tumblr:before{content:"tumblr"}.vc-mono-twitterbird:before{content:"twitterbird"}.vc-mono-twitter:before{content:"twitter"}.vc-mono-viddler:before{content:"viddler"}.vc-mono-vimeo:before{content:"vimeo"}.vc-mono-virb:before{content:"virb"}.vc-mono-www:before{content:"www"}.vc-mono-wikipedia:before{content:"wikipedia"}.vc-mono-windows:before{content:"windows"}.vc-mono-wordpress:before{content:"wordpress"}.vc-mono-xing:before{content:"xing"}.vc-mono-yahoobuzz:before{content:"yahoobuzz"}.vc-mono-yahoo:before{content:"yahoo"}.vc-mono-yelp:before{content:"yelp"}.vc-mono-youtube:before{content:"youtube"}.vc-mono-instagram:before{content:"instagram"}