.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;
}
}@font-face{font-family:flexslider-icon;font-style:normal;font-weight:400;src:url(//www.conectatec.com/wp-content/plugins/js_composer/assets/lib/vendor/dist/flexslider/fonts/flexslider-icon.eot);src:url(//www.conectatec.com/wp-content/plugins/js_composer/assets/lib/vendor/dist/flexslider/fonts/flexslider-icon.eot?#iefix) format("embedded-opentype"),url(//www.conectatec.com/wp-content/plugins/js_composer/assets/lib/vendor/dist/flexslider/fonts/flexslider-icon.woff) format("woff"),url(//www.conectatec.com/wp-content/plugins/js_composer/assets/lib/vendor/dist/flexslider/fonts/flexslider-icon.ttf) format("truetype"),url(//www.conectatec.com/wp-content/plugins/js_composer/assets/lib/vendor/dist/flexslider/fonts/flexslider-icon.svg#flexslider-icon) format("svg")}.flex-container a:hover,.flex-slider a:hover{outline:none}.flex-control-nav,.flex-direction-nav,.slides,.slides>li{list-style:none;margin:0;padding:0}.flex-pauseplay span{text-transform:capitalize}.flexslider{margin:0;padding:0}.flexslider .slides>li{-webkit-backface-visibility:hidden;display:none}.flexslider .slides img{display:block;width:100%}.flexslider .slides:after{clear:both;content:"\0020";display:block;height:0;line-height:0;visibility:hidden}html[xmlns] .flexslider .slides{display:block}* html .flexslider .slides{height:1%}.no-js .flexslider .slides>li:first-child{display:block}.flexslider{background:#fff;border:4px solid #fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px "" #0003;-moz-box-shadow:0 1px 4px "" #0003;-o-box-shadow:0 1px 4px "" #0003;box-shadow:0 1px 4px "" #0003;margin:0 0 60px;position:relative;zoom:1}.flexslider .slides{zoom:1}.flexslider .slides img{height:auto;-moz-user-select:none}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}@-moz-document url-prefix(){.loading .flex-viewport{max-height:none}}.carousel li{margin-right:5px}.flex-direction-nav{*height:0}.flex-direction-nav a{color:#000c;cursor:pointer;display:block;height:40px;margin:-20px 0 0;opacity:0;overflow:hidden;position:absolute;text-decoration:none;text-shadow:1px 1px 0 #ffffff4d;top:50%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:40px;z-index:10}.flex-direction-nav a:before{color:#000c;content:"\f001";display:inline-block;font-family:flexslider-icon;font-size:40px;text-shadow:1px 1px 0 #ffffff4d}.flex-direction-nav a.flex-next:before{content:"\f002"}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-direction-nav .flex-prev{left:10px;opacity:.7}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{cursor:default;filter:alpha(opacity=0);opacity:0!important;z-index:-1}.flex-pauseplay a{bottom:5px;color:#000;cursor:pointer;display:block;height:20px;left:10px;opacity:.8;overflow:hidden;position:absolute;width:20px;z-index:10}.flex-pauseplay a:before{content:"\f004";display:inline-block;font-family:flexslider-icon;font-size:20px}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:"\f003"}.flex-control-nav{bottom:-40px;position:absolute;text-align:center;width:100%}.flex-control-nav li{display:inline-block;*display:inline;margin:0 6px;zoom:1}.flex-control-paging li a{background:#666;background:#00000080;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-box-shadow:inset 0 0 3px #0000004d;-moz-box-shadow:inset 0 0 3px #0000004d;-o-box-shadow:inset 0 0 3px #0000004d;box-shadow:inset 0 0 3px #0000004d;cursor:pointer;display:block;height:11px;text-indent:-9999px;width:11px}.flex-control-paging li a:hover{background:#333;background:#000000b3}.flex-control-paging li a.flex-active{background:#000;background:#000000e6;cursor:default}.flex-control-thumbs{margin:5px 0 0;overflow:hidden;position:static}.flex-control-thumbs li{float:left;margin:0;width:25%}.flex-control-thumbs img{cursor:pointer;display:block;height:auto;opacity:.7;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;-moz-user-select:none;width:100%}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{cursor:default;opacity:1}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{left:10px;opacity:1}.flex-direction-nav .flex-next{opacity:1;right:10px}}.lb-loader,.lightbox{text-align:center;line-height:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(//www.conectatec.com/wp-content/plugins/js_composer/assets/lib/vendor/dist/lightbox2/dist/images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(//www.conectatec.com/wp-content/plugins/js_composer/assets/lib/vendor/dist/lightbox2/dist/images/prev.png) left 48% no-repeat;opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(//www.conectatec.com/wp-content/plugins/js_composer/assets/lib/vendor/dist/lightbox2/dist/images/next.png) right 48% no-repeat;opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(//www.conectatec.com/wp-content/plugins/js_composer/assets/lib/vendor/dist/lightbox2/dist/images/close.png) top right no-repeat;text-align:right;outline:0;opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;opacity:1}