body {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #f27474;
}
p a:hover {
text-decoration: underline;
}
button {
cursor: pointer;
}
button:focus {
outline: none;
}
ul {
list-style-type: none;
margin: 0;
}
.global-header {
background-color: #fff;
box-shadow: 0 1px 15px 0 rgba(192,72,25,0.32);
height: 80px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
}
.global-header .logo {
width: 162px;
height: 36px;
background-image: url(//365.wp-stg.com/assets/images/logo.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
float: left;
margin-top: 22px;
margin-left: 15px;
}
@media all and (max-width: 600px) {
.global-header .logo {
float: none;
height: 29px;
display: block;
margin: 0 auto;
margin-top: 10px;
}
}
.global-header nav {
font-size: 17px;
color: #f27474;
float: right;
margin-top: 29px;
}
@media all and (max-width: 600px) {
.global-header nav {
float: none;
text-align: center;
font-size: 16px;
margin-top: 10px;
}
}
.global-header nav a {
position: relative;
cursor: pointer;
}
.global-header nav a::before {
content: "";
background-color: #f27474;
height: 3px;
border-radius: 2px;
position: absolute;
left: 0;
right: 0;
bottom: -5px;
display: none;
}
.global-header nav a:hover::before {
display: block;
}
.global-header nav .github-icon {
width: 26px;
height: 25px;
background-image: url(//365.wp-stg.com/assets/images/github.svg);
display: inline-block;
vertical-align: middle;
position: relative;
top: -3px;
}
.global-header ul {
white-space: nowrap;
padding: 0;
}
.global-header ul li {
display: inline-block;
margin: 0 15px;
}
.highlight {
background-color: #f8f8f8;
padding: 10px 23px;
font-size: 14px;
line-height: normal;
color: rgba(0,0,0,0.62);
overflow-x: auto;
}
.highlight .editor {
font-family: 'Inconsolata', monospace;
}
.highlight .line {
margin: 6px 0;
}
.highlight.bash .line::before {
content: "$ ";
opacity: 0.5;
}
.highlight .string {
color: #8858d2;
}
.highlight .html.name.tag {
color: #4ac14a;
}
.highlight .html.attribute-name {
color: #b646c1;
}
.highlight .js.name.function {
color: #f27474;
}
.highlight .js.boolean,
.highlight .js.numeric {
color: #4ac14a;
}
.highlight .js.control,
.highlight .js.assignment {
color: #b646c1;
}
.highlight .js.storage,
.highlight .js.variable {
color: #00a9ff;
}
.highlight .js.comment {
color: rgba(0,0,0,0.3);
}
.highlight .js.function {
color: inherit;
}
.highlight .js.variable.other,
.highlight .js.variable.parameter {
color: inherit;
}
.highlight .js.storage.class,
.highlight .js.class + * + .storage.modifier {
color: #b646c1;
}
.highlight .css.selector {
color: #4ac14a;
}
.highlight .css.property-name {
color: #00a9ff;
}
.highlight .css.property-value {
color: #8858d2;
}
.highlight .css.separator,
.highlight .css.terminator {
color: rgba(0,0,0,0.62);
}
.landing-top {
height: 370px;
position: relative;
padding-top: 80px;
}
@media all and (max-width: 1000px) {
.landing-top {
height: 600px;
}
}
.landing-top .bg {
background-image: linear-gradient(-132deg, #ff7d79 0%, #f28b74 92%);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-clip-path: url(#top-transition-clip-shape);
clip-path: url(#top-transition-clip-shape);
will-change: transform;  }
@media all and (max-width: 600px) {
.landing-top .bg {
-webkit-clip-path: none;
clip-path: none;
}
}
.landing-top .swal-modal-example {
transform: none;
opacity: 1;
height: 292px;
width: 409px;
margin: 20px;
background-color: #fff;
box-shadow: 0 5px 22px 0 rgba(0,0,0,0.2);
border-radius: 8px;
margin-top: 59px;
text-align: center;
display: inline-block;
vertical-align: middle;
overflow: hidden;
transition: height 0.3s;
position: absolute;
z-index: 10;
top: 0;
left: 0;
}
@media all and (max-width: 1000px) {
.landing-top .swal-modal-example {
position: relative;
display: block;
margin: 20px auto;
}
}
@media all and (max-width: 450px) {
.landing-top .swal-modal-example {
width: 100%;
}
}
.landing-top .swal-modal-example[data-type="success"] {
height: 292px;
}
.landing-top .swal-modal-example[data-type="warning"] {
height: 325px;
}
.landing-top .swal-modal-example .swal-title {
padding-top: 10px;
}
.landing-top .swal-modal-example .swal-text {
color: rgba(0,0,0,0.48);
margin-top: 6px;
}
.landing-top .modal-content-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: 2;
pointer-events: none;
opacity: 0;
transition: opacity 0.2s;
}
.landing-top .modal-content-overlay.show {
opacity: 1;
}
.landing-top .example-content {
display: none;
}
.landing-top .example-content.show {
display: block;
}
.landing-top .desc {
display: inline-block;
position: relative;
color: #fff;
margin-left: 50px;
max-width: calc(100% - 409px - 112px);
vertical-align: middle;
margin-top: 61px;
padding-left: 473px;
}
@media all and (max-width: 1000px) {
.landing-top .desc {
display: block;
max-width: none;
padding-left: 0;
margin-left: 0;
text-align: center;
}
}
.landing-top h2 {
font-size: 30px;
line-height: 51px;
font-weight: 300;
}
@media all and (max-width: 380px) {
.landing-top h2 {
font-size: 25px;
margin-top: -20px;
}
}
.landing-top .text-rotater {
display: block;
height: 57px;
overflow: hidden;
}
.landing-top .text-rotater span {
display: block;
transition: transform 0.4s;
}
.landing-top .text-rotater.slide-up span {
transform: translateY(-51px);
}
.landing-top .install {
background: rgba(120,40,40,0.32);
border-radius: 7px;
max-width: 357px;
padding: 12px;
}
@media all and (max-width: 1000px) {
.landing-top .install {
margin: 0 auto;
text-align: left;
}
}
.landing-top .install .button {
background: rgba(255,255,255,0.39);
width: 12px;
height: 12px;
border-radius: 50%;
display: inline-block;
}
.landing-top .install .command {
font-family: 'Inconsolata', monospace;
padding: 12px;
padding-left: 30px;
}
.landing-top .install .command::before {
content: "$";
opacity: 0.5;
transform: rotate(8deg);
font-size: 20px;
position: absolute;
margin-left: -27px;
margin-top: -2px;
}
.comparison-container {
padding-bottom: 70px;
text-align: center;
}
.comparison-container h3 {
font-size: 22px;
color: #b49993;
font-weight: 400;
display: block;
text-align: center;
margin-top: 93px;
margin-bottom: 80px;
}
.comparison-container .code-container {
text-align: center;
width: calc(50% - 60px);
display: inline-block;
vertical-align: middle;
}
@media all and (max-width: 600px) {
.comparison-container .code-container {
width: 100%;
}
}
.comparison-container .versus {
width: 35px;
height: 33px;
background-image: url(//365.wp-stg.com/assets/images/vs.svg);
display: inline-block;
vertical-align: middle;
margin: 0 30px;
}
@media all and (max-width: 600px) {
.comparison-container .versus {
margin: 30px;
margin-bottom: -10px;
}
}
.comparison-container h5 {
font-size: 13px;
color: rgba(0,0,0,0.21);
text-transform: uppercase;
text-align: left;
margin-bottom: 15px;
}
.comparison-container h5.swal-logo {
text-indent: -9999999px;
margin-top: 2px;
}
.comparison-container h5.swal-logo::after {
content: "";
background-image: url(//365.wp-stg.com/assets/images/logo-small.svg);
width: 91px;
height: 20px;
display: block;
}
.comparison-container .highlight {
text-align: left;
padding: 16px 23px;
}
.comparison-container .highlight span {
margin: 0 -4px;
}
.comparison-container .remark {
font-size: 20px;
color: #f27474;
margin-top: 80px;
}
.comparison-container .get-started-button {
background-color: #f27474;
color: #fff;
border-radius: 8px;
font-size: 22px;
padding: 14px 55px;
margin: 20px 0;
display: inline-block;
}
.customize-container {
background-color: #999eaf;
text-align: center;
color: #fff;
text-align: center;
background-image: url(//365.wp-stg.com/assets/images/pattern.png);
background-image: -webkit-image-set(url(//365.wp-stg.com/assets/images/pattern.png) 1x, url(//365.wp-stg.com/assets/images/pattern@2x.png) 2x);
padding: 40px 0;
-webkit-clip-path: url(#customization-transition-clip-shape);
clip-path: url(#customization-transition-clip-shape);
will-change: transform; }
@media all and (max-width: 600px) {
.customize-container {
-webkit-clip-path: none;
clip-path: none;
}
}
.customize-container h3 {
font-weight: 400;
font-size: 20px;
padding: 50px 0;
}
.customize-container .example-modals {
background-image: url(//365.wp-stg.com/assets/images/modal-examples.png);
background-image: -webkit-image-set(url(//365.wp-stg.com/assets/images/modal-examples.png) 1x, url(//365.wp-stg.com/assets/images/modal-examples@2x.png) 2x);
height: 284px;
background-size: auto 100%;
background-position: 0 0;
animation: scrollExamples 80s infinite linear;
}
.customize-container .view-api-button {
border: 3px solid #fff;
border-radius: 6px;
color: #fff;
padding: 12px 52px;
font-size: 18px;
margin-top: 60px;
display: inline-block;
}
@-moz-keyframes scrollExamples {
0% {
background-position: 0 0;
}
100% {
background-position: -2146px 0;
}
}
@-webkit-keyframes scrollExamples {
0% {
background-position: 0 0;
}
100% {
background-position: -2146px 0;
}
}
@-o-keyframes scrollExamples {
0% {
background-position: 0 0;
}
100% {
background-position: -2146px 0;
}
}
@keyframes scrollExamples {
0% {
background-position: 0 0;
}
100% {
background-position: -2146px 0;
}
}
.page-content {
$mobile-breakpoint: 880px;
}
.page-content table {
border-collapse: collapse;
border: none;
width: 100%;
}
.page-content th {
font-size: 17px;
color: rgba(0,0,0,0.34);
padding: 20px 15px;
text-transform: capitalize;
font-weight: 400;
}
.page-content thead > tr {
border-bottom: 2px solid rgba(0,0,0,0.1);
}
.page-content tr {
text-align: left;
box-shadow: 0px -1px 0px rgba(0,0,0,0.15);
}
.page-content tr:first-child {
box-shadow: none;
}
.page-content td {
padding: 17px;
}
.page-content td:first-child > code {
color: #2e9fef;
background: none;
border: none;
font-size: 16px;
padding: 0;
}
@media all and (min-width: mobile-breakpoint) {
.page-content tbody tr:nth-child(1) {
box-shadow: none;
}
}
@media all and (max-width: mobile-breakpoint) {
.page-content table,
.page-content thead,
.page-content tbody,
.page-content th,
.page-content td,
.page-content tr {
display: block;
}
.page-content thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.page-content tr {
margin-top: -1px;
box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.27);
}
.page-content td { border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: mobile-padding;
min-height: 20px;
}
.page-content td::before { position: absolute; top: 15px;
left: 15px;
width: mobile-padding;
width: calc((mobile-padding - 35px));
overflow: hidden;
text-overflow: ellipsis;
padding-right: 10px;
white-space: nowrap;
color: rgba(0,0,0,0.54);
font-family: page-font;
font-size: 16px;
text-transform: capitalize;
content: attr(data-name);
}
}
.doc-container {
overflow: hidden;
}
.side-menu {
width: 225px;
float: left;
padding-left: 20px;
position: fixed;
top: 88px;
}
@media all and (max-width: 600px) {
.side-menu {
float: none;
position: static;
margin-top: 120px;
text-align: center;
width: 100%;
margin-bottom: -60px;
padding-left: 0;
}
}
.side-menu .title {
font-size: 20px;
color: rgba(0,0,0,0.63);
font-weight: 600;
margin-top: 50px;
margin-bottom: 36px;
}
.side-menu a {
font-size: 17px;
color: rgba(0,0,0,0.42);
display: block;
margin: 18px 0;
}
.side-menu a:hover {
color: rgba(0,0,0,0.6);
}
.page-content {
float: left;
width: calc(100% - 225px - 20px);
margin-left: 225px;
min-height: 220px;
margin-top: 16px;
font-size: 16px;
color: rgba(0,0,0,0.59);
line-height: 29px;
}
@media all and (max-width: 600px) {
.page-content {
float: none;
margin-left: 0;
width: 100%;
}
}
.page-content h1 {
padding-top: 90px;
border-bottom: 1px solid rgba(0,0,0,0.15);
padding-bottom: 20px;
margin-bottom: 0;
}
.page-content h1::before {
content: "#";
position: absolute;
margin-left: -23px;
font-size: 24px;
margin-top: 3px;
color: #f38270;
font-weight: 500;
}
.page-content h1 a {
font-size: 30px;
color: rgba(0,0,0,0.85);
font-weight: 600;
}
.page-content h2,
.page-content h3 {
font-size: 20px;
margin-top: -70px;
padding-top: 100px;
}
.page-content h2 a,
.page-content h3 a {
color: rgba(0,0,0,0.7);
}
.page-content ul {
list-style-type: disc;
margin-bottom: 20px;
}
.page-content ul li {
margin: 5px 0;
}
.page-content img {
max-width: 100%;
}
.page-content.api > ul {
list-style-type: none;
padding-left: 30px;
}
.page-content.api > ul > li h3::before {
content: "";
width: 8px;
height: 8px;
position: absolute;
border-radius: 50%;
background-color: #f27474;
margin-left: -27px;
margin-top: 12px;
}
.page-content code {
font-family: 'Inconsolata', monospace;
padding: 3px 6px;
border-radius: 2px;
border: 1px solid rgba(0,0,0,0.12);
background: #f8f8f8;
font-size: 14px;
color: #f27474;
}
.page-content kbd {
display: inline-block;
padding: 3px 5px;
font-size: 11px;
line-height: 10px;
color: #444d56;
vertical-align: middle;
background-color: #fafbfc;
border: solid 1px #c6cbd1;
border-bottom-color: #959da5;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #959da5;
font-family: sans-serif;
}
.page-content preview-button { display: block;
height: 44px;
}
.page-content button.preview {
margin: 20px auto;
width: 110px;
display: block;
position: relative;
z-index: 2;
}
.page-content figcaption {
font-style: italic;
}
.swal-modal.red-bg {
background-color: rgba(255,0,0,0.28);
}
.mood-btn {
background: none;
border: none;
width: 28px;
height: 28px;
background-image: url(//365.wp-stg.com/assets/images/mood-sad.png);
background-size: 28px 28px;
padding: 4px;
background-position: center center;
box-sizing: content-box;
background-repeat: no-repeat;
margin: 0 7px;
position: relative;
overflow: hidden;
border-radius: 3px;
}
.mood-btn:hover::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.03);
}
.mood-btn[data-rating="2"] {
background-image: url(//365.wp-stg.com/assets/images/mood-neutral.png);
}
.mood-btn[data-rating="3"] {
background-image: url(//365.wp-stg.com/assets/images/mood-happy.png);
}
body {
font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif;
}
svg.hidden {
display: block;
}
.page-container {
max-width: 1000px;
margin: 0 auto;
padding: 0 10px;
position: relative;
}
.preview {
background-color: #a3dd82;
box-shadow: 0 2px 8px 0 rgba(0,0,0,0.07);
border-radius: 4px;
border: none;
color: #fff;
font-size: 15px;
color: #fff;
padding: 9px 18px;
margin-top: 20px;
}
.preview::before {
content: "";
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 10px solid #fff;
display: inline-block;
margin-right: 5px;
}
.preview:hover {
background-color: #98d973;
}
footer {
padding: 40px 20px;
text-align: center;
color: #728194;
}
footer .love-icon {
background-image: url(//365.wp-stg.com/assets/images/heart-icon.svg);
width: 22px;
height: 20px;
display: inline-block;
vertical-align: middle;
margin: 0 5px;
position: relative;
top: -2px;
}.popup-template .modal {
opacity: 0;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.popup-template .modal.is-open {
opacity: 1;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}.mega-menu-last-modified-1704881877 { content: 'Wednesday 10th January 2024 10:17:57 UTC'; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu ul, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li, #mega-menu-wrap-primary-menu #mega-menu-primary-menu p, #mega-menu-wrap-primary-menu #mega-menu-primary-menu img:not(.mega-menu-logo), #mega-menu-wrap-primary-menu #mega-menu-primary-menu div, #mega-menu-wrap-primary-menu #mega-menu-primary-menu a {
color: #333;
font-family: inherit;
font-size: 14px;
background: none;
border: 0;
border-radius: 0;
margin: 0;
opacity: 1;
padding: 0;
position: relative;
right: auto;
top: auto;
bottom: auto;
left: auto;
text-align: left;
text-transform: none;
vertical-align: baseline;
box-shadow: none;
list-style-type: none;
line-height: 1.7;
box-sizing: border-box;
float: none;
overflow: visible;
display: block;
min-height: 0;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
text-decoration: none;
width: auto;
clip: auto;
height: auto;
outline: none;
visibility: inherit;
pointer-events: auto;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu ul:before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li:before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu p:before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu img:not(.mega-menu-logo):before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu div:before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu a:before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu ul:after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li:after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu p:after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu img:not(.mega-menu-logo):after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu div:after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu a:after {
display: none;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu table, #mega-menu-wrap-primary-menu #mega-menu-primary-menu td, #mega-menu-wrap-primary-menu #mega-menu-primary-menu tr, #mega-menu-wrap-primary-menu #mega-menu-primary-menu th {
border: 0;
margin: 0;
padding: 0;
background: none;
}
#mega-menu-wrap-primary-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-row, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-column, #mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu span.mega-menu-badge {
transition: none;
border-radius: 0;
box-shadow: none;
background: none;
border: 0;
bottom: auto;
box-sizing: border-box;
clip: auto;
color: #333;
display: block;
float: none;
font-family: inherit;
font-size: 14px;
height: auto;
left: auto;
line-height: 1.7;
list-style-type: none;
margin: 0;
min-height: auto;
max-height: none;
min-width: auto;
max-width: none;
opacity: 1;
outline: none;
overflow: visible;
padding: 0;
position: relative;
pointer-events: auto;
right: auto;
text-align: left;
text-decoration: none;
text-indent: 0;
text-transform: none;
transform: none;
top: auto;
vertical-align: baseline;
visibility: inherit;
width: auto;
word-wrap: break-word;
white-space: normal;
}
#mega-menu-wrap-primary-menu:before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu:before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu ul.mega-sub-menu:before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item:before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-row:before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-column:before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link:before, #mega-menu-wrap-primary-menu #mega-menu-primary-menu span.mega-menu-badge:before, #mega-menu-wrap-primary-menu:after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu:after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu ul.mega-sub-menu:after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item:after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-row:after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-column:after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link:after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu span.mega-menu-badge:after {
display: none;
}
#mega-menu-wrap-primary-menu {
border-radius: 0;
}
@media only screen and (min-width: 769px) {
#mega-menu-wrap-primary-menu {
background: rgba(255, 255, 255, 0.1);
}
}
#mega-menu-wrap-primary-menu.mega-keyboard-navigation .mega-menu-toggle:focus, #mega-menu-wrap-primary-menu.mega-keyboard-navigation .mega-toggle-block:focus, #mega-menu-wrap-primary-menu.mega-keyboard-navigation .mega-toggle-block a:focus, #mega-menu-wrap-primary-menu.mega-keyboard-navigation .mega-toggle-block .mega-search input[type=text]:focus, #mega-menu-wrap-primary-menu.mega-keyboard-navigation .mega-toggle-block button.mega-toggle-animated:focus, #mega-menu-wrap-primary-menu.mega-keyboard-navigation #mega-menu-primary-menu a:focus, #mega-menu-wrap-primary-menu.mega-keyboard-navigation #mega-menu-primary-menu input:focus, #mega-menu-wrap-primary-menu.mega-keyboard-navigation #mega-menu-primary-menu li.mega-menu-item a.mega-menu-link:focus {
outline: 3px solid #109cde;
outline-offset: -3px;
}
#mega-menu-wrap-primary-menu.mega-keyboard-navigation .mega-toggle-block button.mega-toggle-animated:focus {
outline-offset: 2px;
}
#mega-menu-wrap-primary-menu.mega-keyboard-navigation > li.mega-menu-item > a.mega-menu-link:focus {
background: rgba(255, 255, 255, 0.1);
color: #222;
font-weight: normal;
text-decoration: none;
border-color: #fff;
}
@media only screen and (max-width: 768px) {
#mega-menu-wrap-primary-menu.mega-keyboard-navigation > li.mega-menu-item > a.mega-menu-link:focus {
color: #fff;
background: #333;
}
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu {
visibility: visible;
text-align: left;
padding: 0px 0px 0px 0px;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link {
cursor: pointer;
display: inline;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link .mega-description-group {
vertical-align: middle;
display: inline-block;
transition: none;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link .mega-description-group .mega-menu-title, #mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link .mega-description-group .mega-menu-description {
transition: none;
line-height: 1.5;
display: block;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link .mega-description-group .mega-menu-description {
font-style: italic;
font-size: 0.8em;
text-transform: none;
font-weight: normal;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link {
display: flex;
align-items: center;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link:before {
flex: 0 0 auto;
align-self: flex-start;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link {
display: block;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-icon-top > a.mega-menu-link {
display: table-cell;
vertical-align: middle;
line-height: initial;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-icon-top > a.mega-menu-link:before {
display: block;
margin: 0 0 6px 0;
text-align: center;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-icon-top > a.mega-menu-link > span.mega-title-below {
display: inline-block;
transition: none;
}
@media only screen and (max-width: 768px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-icon-top > a.mega-menu-link {
display: block;
line-height: 40px;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-icon-top > a.mega-menu-link:before {
display: inline-block;
margin: 0 6px 0 0;
text-align: left;
}
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-icon-right > a.mega-menu-link:before {
float: right;
margin: 0 0 0 6px;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-animating > ul.mega-sub-menu {
pointer-events: none;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-disable-link > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu li.mega-disable-link > a.mega-menu-link {
cursor: inherit;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link {
cursor: pointer;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu p {
margin-bottom: 10px;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu input, #mega-menu-wrap-primary-menu #mega-menu-primary-menu img {
max-width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item > ul.mega-sub-menu {
display: block;
visibility: hidden;
opacity: 1;
pointer-events: auto;
}
@media only screen and (max-width: 768px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item > ul.mega-sub-menu {
display: none;
visibility: visible;
opacity: 1;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
display: block;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu.mega-menu-item.mega-toggle-on li.mega-hide-sub-menu-on-mobile > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-hide-sub-menu-on-mobile > ul.mega-sub-menu {
display: none;
}
}
@media only screen and (min-width: 769px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade"] li.mega-menu-item > ul.mega-sub-menu {
opacity: 0;
transition: opacity 200ms ease-in, visibility 200ms ease-in;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
opacity: 1;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
opacity: 0;
transform: translate(0, 10px);
transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
opacity: 1;
transform: translate(0, 0);
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="slide_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="slide_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
transform: translate(0, 10px);
transition: transform 200ms ease-in, visibility 200ms ease-in;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="slide_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="slide_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="slide_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect="slide_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
transform: translate(0, 0);
}
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-collapse-children > ul.mega-sub-menu {
display: none;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-collapse-children.mega-toggle-on > ul.mega-sub-menu {
display: block;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu.mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu.mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
visibility: visible;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
visibility: inherit;
opacity: 1;
display: block;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-1-columns > ul.mega-sub-menu > li.mega-menu-item {
float: left;
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-2-columns > ul.mega-sub-menu > li.mega-menu-item {
float: left;
width: 50%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-3-columns > ul.mega-sub-menu > li.mega-menu-item {
float: left;
width: 33.33333%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-4-columns > ul.mega-sub-menu > li.mega-menu-item {
float: left;
width: 25%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-5-columns > ul.mega-sub-menu > li.mega-menu-item {
float: left;
width: 20%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-6-columns > ul.mega-sub-menu > li.mega-menu-item {
float: left;
width: 16.66667%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item a[class^='dashicons']:before {
font-family: dashicons;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item a.mega-menu-link:before {
display: inline-block;
font: inherit;
font-family: dashicons;
position: static;
margin: 0 6px 0 0px;
vertical-align: top;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: inherit;
background: transparent;
height: auto;
width: auto;
top: auto;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-hide-text a.mega-menu-link:before {
margin: 0;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-hide-text li.mega-menu-item a.mega-menu-link:before {
margin: 0 6px 0 0;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-align-bottom-left.mega-toggle-on > a.mega-menu-link {
border-radius: 0;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-align-bottom-right > ul.mega-sub-menu {
right: 0;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-align-bottom-right.mega-toggle-on > a.mega-menu-link {
border-radius: 0;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu.mega-menu-item {
position: static;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item {
margin: 0 0px 0 0;
display: inline-block;
height: auto;
vertical-align: middle;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-item-align-right {
float: right;
}
@media only screen and (min-width: 769px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-item-align-right {
margin: 0 0 0 0px;
}
}
@media only screen and (min-width: 769px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-item-align-float-left {
float: left;
}
}
@media only screen and (min-width: 769px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:hover {
background: rgba(255, 255, 255, 0.1);
color: #222;
font-weight: normal;
text-decoration: none;
border-color: #fff;
}
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
background: rgba(255, 255, 255, 0.1);
color: #222;
font-weight: normal;
text-decoration: none;
border-color: #fff;
}
@media only screen and (max-width: 768px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
color: #fff;
background: #333;
}
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
line-height: 66px;
height: 66px;
padding: 0px 10px 0px 10px;
vertical-align: baseline;
width: auto;
display: block;
color: #222;
text-transform: none;
text-decoration: none;
text-align: left;
background: rgba(0, 0, 0, 0);
border: 0;
border-radius: 0;
font-family: inherit;
font-size: 16px;
font-weight: normal;
outline: none;
}
@media only screen and (min-width: 769px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-multi-line > a.mega-menu-link {
line-height: inherit;
display: table-cell;
vertical-align: middle;
}
}
@media only screen and (max-width: 768px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-multi-line > a.mega-menu-link br {
display: none;
}
}
@media only screen and (max-width: 768px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item {
display: list-item;
margin: 0;
clear: both;
border: 0;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-item-align-right {
float: none;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
border-radius: 0;
border: 0;
margin: 0;
line-height: 40px;
height: 40px;
padding: 0 10px;
background: transparent;
text-align: left;
color: #fff;
font-size: 14px;
}
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
width: 100%;
float: left;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
float: left;
min-height: 1px;
}
@media only screen and (min-width: 769px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-1 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-2 {
width: 50%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-2 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-3 {
width: 33.33333%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-3 {
width: 66.66667%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-3 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-4 {
width: 25%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-4 {
width: 50%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-4 {
width: 75%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-4 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-5 {
width: 20%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-5 {
width: 40%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-5 {
width: 60%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-5 {
width: 80%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-5 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-6 {
width: 16.66667%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-6 {
width: 33.33333%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-6 {
width: 50%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-6 {
width: 66.66667%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-6 {
width: 83.33333%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-6 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-7 {
width: 14.28571%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-7 {
width: 28.57143%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-7 {
width: 42.85714%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-7 {
width: 57.14286%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-7 {
width: 71.42857%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-7 {
width: 85.71429%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-7 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-8 {
width: 12.5%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-8 {
width: 25%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-8 {
width: 37.5%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-8 {
width: 50%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-8 {
width: 62.5%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-8 {
width: 75%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-8 {
width: 87.5%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-8 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-9 {
width: 11.11111%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-9 {
width: 22.22222%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-9 {
width: 33.33333%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-9 {
width: 44.44444%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-9 {
width: 55.55556%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-9 {
width: 66.66667%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-9 {
width: 77.77778%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-9 {
width: 88.88889%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-9 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-10 {
width: 10%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-10 {
width: 20%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-10 {
width: 30%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-10 {
width: 40%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-10 {
width: 50%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-10 {
width: 60%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-10 {
width: 70%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-10 {
width: 80%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-10 {
width: 90%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-10-of-10 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-11 {
width: 9.09091%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-11 {
width: 18.18182%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-11 {
width: 27.27273%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-11 {
width: 36.36364%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-11 {
width: 45.45455%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-11 {
width: 54.54545%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-11 {
width: 63.63636%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-11 {
width: 72.72727%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-11 {
width: 81.81818%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-10-of-11 {
width: 90.90909%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-11-of-11 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-12 {
width: 8.33333%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-12 {
width: 16.66667%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12 {
width: 25%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-12 {
width: 33.33333%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-12 {
width: 41.66667%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-12 {
width: 50%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-12 {
width: 58.33333%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-12 {
width: 66.66667%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-12 {
width: 75%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-10-of-12 {
width: 83.33333%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-11-of-12 {
width: 91.66667%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-12-of-12 {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
width: 50%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-clear {
clear: left;
}
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
padding: 15px 30px 15px 30px;
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
z-index: 999;
border-radius: 0;
background: #fff;
border: 0;
padding: 0px 0px 0px 0px;
position: absolute;
width: 150%;
max-width: none;
left: 0;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 768px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
float: left;
position: static;
width: 100%;
}
}
@media only screen and (min-width: 769px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-1 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-2 {
width: 50%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-2 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-3 {
width: 33.33333%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-3 {
width: 66.66667%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-3 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-4 {
width: 25%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-4 {
width: 50%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-4 {
width: 75%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-4 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-5 {
width: 20%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-5 {
width: 40%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-5 {
width: 60%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-5 {
width: 80%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-5 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-6 {
width: 16.66667%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-6 {
width: 33.33333%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-6 {
width: 50%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-6 {
width: 66.66667%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-6 {
width: 83.33333%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-6 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-7 {
width: 14.28571%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-7 {
width: 28.57143%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-7 {
width: 42.85714%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-7 {
width: 57.14286%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-7 {
width: 71.42857%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-7 {
width: 85.71429%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-7 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-8 {
width: 12.5%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-8 {
width: 25%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-8 {
width: 37.5%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-8 {
width: 50%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-8 {
width: 62.5%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-8 {
width: 75%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-8 {
width: 87.5%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-8 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-9 {
width: 11.11111%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-9 {
width: 22.22222%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-9 {
width: 33.33333%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-9 {
width: 44.44444%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-9 {
width: 55.55556%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-9 {
width: 66.66667%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-9 {
width: 77.77778%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-9 {
width: 88.88889%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-9 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-10 {
width: 10%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-10 {
width: 20%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-10 {
width: 30%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-10 {
width: 40%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-10 {
width: 50%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-10 {
width: 60%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-10 {
width: 70%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-10 {
width: 80%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-10 {
width: 90%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-10-of-10 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-11 {
width: 9.09091%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-11 {
width: 18.18182%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-11 {
width: 27.27273%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-11 {
width: 36.36364%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-11 {
width: 45.45455%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-11 {
width: 54.54545%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-11 {
width: 63.63636%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-11 {
width: 72.72727%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-11 {
width: 81.81818%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-10-of-11 {
width: 90.90909%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-11-of-11 {
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-12 {
width: 8.33333%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-12 {
width: 16.66667%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-12 {
width: 25%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-12 {
width: 33.33333%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-12 {
width: 41.66667%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-12 {
width: 50%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-12 {
width: 58.33333%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-12 {
width: 66.66667%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-12 {
width: 75%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-10-of-12 {
width: 83.33333%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-11-of-12 {
width: 91.66667%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-12-of-12 {
width: 100%;
}
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu .mega-description-group .mega-menu-description {
margin: 5px 0;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item ul.mega-sub-menu {
clear: both;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
margin-left: 10px;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu {
margin-left: 10px;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
color: #333;
font-family: inherit;
font-size: 14px;
display: block;
float: left;
clear: none;
padding: 15px 30px 15px 30px;
vertical-align: top;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-menu-clear, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-clear {
clear: left;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
color: #333;
font-family: inherit;
font-size: 16px;
text-transform: capitalize;
text-decoration: underline;
font-weight: bold;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
vertical-align: top;
display: block;
visibility: inherit;
border: 0;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title:hover, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title:hover {
border-color: rgba(0, 0, 0, 0);
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { color: #222;
font-family: inherit;
font-size: 16px;
text-transform: capitalize;
text-decoration: none;
font-weight: bold;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
vertical-align: top;
display: block;
border-top: 0px solid #333;
border-left: 0px solid #333;
border-right: 0px solid #333;
border-bottom: 1px solid #333;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
border-color: #333;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus { color: #222;
font-weight: bold;
text-decoration: none;
background: rgba(0, 0, 0, 0);
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover > span.mega-title-below, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover > span.mega-title-below, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus > span.mega-title-below, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus > span.mega-title-below {
text-decoration: none;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link { color: #666;
font-family: inherit;
font-size: 15px;
text-transform: none;
text-decoration: none;
font-weight: normal;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
vertical-align: top;
display: block;
border: 0;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {
border-color: rgba(0, 0, 0, 0);
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link {
display: flex;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus { color: #666;
font-weight: normal;
text-decoration: none;
background: rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 768px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
border: 0;
padding: 10px;
border-radius: 0;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
width: 50%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li:nth-child(odd) {
clear: left;
}
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
color: #666;
font-family: inherit;
font-size: 15px;
text-transform: none;
text-decoration: none;
font-weight: normal;
margin: 0;
border: 0;
padding: 0px 0px 5px 0px;
vertical-align: top;
display: block;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
color: #666;
font-weight: normal;
text-decoration: none;
background: rgba(0, 0, 0, 0);
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu {
z-index: 999;
position: absolute;
width: 245px;
max-width: none;
padding: 0px 0px 0px 0px;
border: 0;
background: #fff;
border-radius: 0;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 768px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu {
float: left;
position: static;
width: 100%;
padding: 0;
border: 0;
border-radius: 0;
}
}
@media only screen and (max-width: 768px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
clear: both;
}
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
display: block;
background: #fff;
color: #666;
font-family: inherit;
font-size: 14px;
font-weight: normal;
padding: 0px 0px 10px 10px;
line-height: 20px;
text-decoration: none;
text-transform: none;
vertical-align: baseline;
white-space: pre-wrap;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
@media only screen and (max-width: 768px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
@media only screen and (max-width: 768px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
background: #fff;
font-weight: normal;
text-decoration: none;
color: #666;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
position: absolute;
left: 100%;
top: 0;
}
@media only screen and (max-width: 768px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
position: static;
left: 0;
width: 100%;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
padding-left: 20px;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu ul.mega-sub-menu a.mega-menu-link {
padding-left: 30px;
}
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
content: '\f140';
font-family: dashicons;
font-weight: normal;
display: inline-block;
margin: 0 0 0 6px;
vertical-align: top;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: rotate(0);
color: inherit;
position: relative;
background: transparent;
height: auto;
width: auto;
right: auto;
line-height: inherit;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
display: inline;
height: auto;
width: auto;
background: transparent;
position: relative;
pointer-events: auto;
left: auto;
min-width: auto;
line-height: inherit;
color: inherit;
font-size: inherit;
padding: 0;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
float: right;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-collapse-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
content: '\f142';
}
@media only screen and (max-width: 768px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
float: right;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
content: '\f142';
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-hide-sub-menu-on-mobile > a.mega-menu-link > span.mega-indicator {
display: none;
}
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu:not(.mega-menu-tabbed) li.mega-menu-item-has-children:not(.mega-collapse-children) > a.mega-menu-link > span.mega-indicator, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-hide-arrow > a.mega-menu-link > span.mega-indicator {
display: none;
}
@media only screen and (min-width: 769px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-flyout li.mega-menu-item a.mega-menu-link > span.mega-indicator:after {
content: '\f139';
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link {
text-align: right;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link > span.mega-indicator {
float: left;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link > span.mega-indicator:after {
content: '\f141';
margin: 0 6px 0 0;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link:before {
float: right;
margin: 0 0 0 6px;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-flyout.mega-align-bottom-right ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
left: -100%;
top: 0;
}
}
@media only screen and (min-width: 769px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu.mega-menu-accordion > li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
float: right;
}
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li[class^='mega-lang-item'] > a.mega-menu-link > img {
display: inline;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link > img.wpml-ls-flag, #mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link > img.iclflag {
display: inline;
margin-right: 8px;
}
@media only screen and (max-width: 768px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-hide-on-mobile, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-hide-on-mobile, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-hide-on-mobile {
display: none;
}
}
@media only screen and (min-width: 769px) {
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-hide-on-desktop, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-hide-on-desktop, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-hide-on-desktop {
display: none;
}
}
@media only screen and (max-width: 768px) {
#mega-menu-wrap-primary-menu:after {
content: "";
display: table;
clear: both;
}
}
#mega-menu-wrap-primary-menu .mega-menu-toggle {
display: none;
z-index: 1;
cursor: pointer;
background: #222;
border-radius: 2px 2px 2px 2px;
line-height: 40px;
height: 40px;
text-align: left;
user-select: none;
-webkit-tap-highlight-color: transparent;
outline: none;
white-space: nowrap;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle img {
max-width: 100%;
padding: 0;
}
@media only screen and (max-width: 768px) {
#mega-menu-wrap-primary-menu .mega-menu-toggle {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-blocks-left, #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-blocks-center, #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-blocks-right {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-preferred-size: 33.33%;
-webkit-flex-basis: 33.33%;
flex-basis: 33.33%;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-blocks-left {
-webkit-box-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block {
margin-left: 6px;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block:only-child {
margin-right: 6px;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-blocks-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-blocks-center .mega-toggle-block {
margin-left: 3px;
margin-right: 3px;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-blocks-right {
-webkit-box-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
margin-right: 6px;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
margin-left: 6px;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 100%;
outline: 0;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
#mega-menu-wrap-primary-menu .mega-menu-toggle + #mega-menu-primary-menu {
background: #222;
padding: 0px 0px 0px 0px;
display: none;
position: absolute;
width: 100%;
z-index: 9999999;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle.mega-menu-open + #mega-menu-primary-menu {
display: block;
}
}
#mega-menu-wrap-primary-menu .mega-menu-toggle { }
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1 { cursor: pointer;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
transform: scale(0.8);
align-self: center;
outline: 0;
background: none;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative;
outline: 0;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner {
display: block;
top: 50%;
margin-top: -2px;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
width: 40px;
height: 4px;
background-color: #ddd;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
content: "";
display: block;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before {
top: -10px;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
bottom: -10px;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner {
top: 2px;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
top: 20px;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
#mega-menu-wrap-primary-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity: 0;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
transform: translate3d(0, -20px, 0) rotate(-90deg);
}
#mega-menu-wrap-primary-menu {
clear: both;
}
.wp-block {}