/* DJ-MEGAMENU GENERAL STYLES */ .dj-megamenu-codeDESIGN { padding: 0px 0px 0px 0px !important; margin: 0px 20px 0px 0px !important; list-style: none; height: auto; position: relative; z-index: 500; width: auto; float: left; } .dj-megamenu-codeDESIGN:after { content: ''; clear: both; display: table; } .dj-megamenu-codeDESIGN li.dj-up { position: relative; display: block; float: left; padding: 0 !important; margin: 0 !important; } body.website_body_featured .dj-megamenu-codeDESIGN li { /* ANIMATED HOVER FROM LEFT */ /* background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.0) 50%); background-size: 200% 100%; background-position: right bottom; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; */ } body.website_body_featured .dj-megamenu-codeDESIGN li:hover { background-position: left bottom; } .dj-megamenu-codeDESIGN li a.dj-up_a { display: block; float: left; height: 60px; font: normal 16px/20px 'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 600; color: #ffffff; text-transform: uppercase; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 8px 0px 8px; cursor: pointer; background: transparent; /* border-right: 1px solid #000; border-left: 1px solid #555; */ -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; /* text-shadow: 1px 1px 2px #010101; */ } body.website_body_featured .layout_navigation_horizontal .dj-megamenu-codeDESIGN li a.dj-up_a, body.website_body_subpages .layout_navigation_horizontal .dj-megamenu-codeDESIGN li a.dj-up_a { font-weight: 500; color: #ffffff; } body.website_body_featured .layout_navigation_horizontal_fixed .dj-megamenu-codeDESIGN li a.dj-up_a, body.website_body_subpages .layout_navigation_horizontal_fixed .dj-megamenu-codeDESIGN li a.dj-up_a { font-weight: 500; color: #ffffff; } /* HIGHLIGHT WELCOME ITEM */ body.website_body_featured .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-443 a.dj-up_a, body.website_body_subpages .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-443 a.dj-up_a, body.website_body_featured .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-444 a.dj-up_a, body.website_body_subpages .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-444 a.dj-up_a { font-weight: 700; color: var(--ci_color_white); } body.website_body_featured div.layout_navigation_horizontal_fixed .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-443 a.dj-up_a, body.website_body_subpages .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-443 a.dj-up_a, body.website_body_featured div.layout_navigation_horizontal_fixed .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-444 a.dj-up_a, body.website_body_subpages .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-444 a.dj-up_a { font-weight: 700; color: var(--ci_color_white); } body.website_body_featured .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-443 a.dj-up_a:hover, body.website_body_featured .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-444 a.dj-up_a:hover { font-weight: 700; color: var(--ci_color_white); } body.website_body_subpages .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-443 a.dj-up_a:hover, body.website_body_subpages .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-444 a.dj-up_a:hover { font-weight: 700; color: var(--ci_color_white); } .dj-megamenu-codeDESIGN li a.dj-up_a::after { width: 100%; height: 2px; content: ""; position: absolute; top: 58px; /* 100% */ left: 0; background: #74a21c; -moz-transition: transform 0.5; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transform: scaleX(0); transform-origin: right; } .dj-megamenu-codeDESIGN li a.dj-up_a:hover::after { transform: scaleX(1); transform-origin: left; } .dj-megamenu-codeDESIGN li.first a.dj-up_a { border-left: 0; } .dj-megamenu-codeDESIGN li:last-child a.dj-up_a { border-right: 0; } .dj-megamenu-codeDESIGN li a.dj-up_a span { float: left; display: block; padding: 0px 0px 0px !important; height: 60px; line-height: 60px; background: transparent; } .dj-megamenu-codeDESIGN li a.dj-up_a.withsubtitle span { line-height: 48px; } .dj-megamenu-codeDESIGN li a.dj-up_a span.dj-drop { padding: 0px 20px 0px 0px !important; } .dj-megamenu-codeDESIGN li a.dj-up_a .arrow { display: inline-block; font-family: 'Font Awesome 5 Pro'; font-weight: 100; position: absolute; right: 6px; top: calc(50% - 9px); line-height: 1; font-style: normal; font-weight: normal; } .dj-megamenu-codeDESIGN li a.dj-up_a .arrow:before { content: "\f078"; font-size: 1.2em; font-weight: 400; color: var(--ci_color_white); transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } body.website_body_featured .dj-megamenu-codeDESIGN li a.dj-up_a:hover .arrow:before, body.website_body_featured .dj-megamenu-codeDESIGN li:hover a.dj-up_a .arrow:before { color: #74a21c; } body.website_body_subpages .dj-megamenu-codeDESIGN li a.dj-up_a:hover .arrow:before, body.website_body_subpages .dj-megamenu-codeDESIGN li:hover a.dj-up_a .arrow:before { color: #74a21c; } .dj-megamenu-codeDESIGN li:hover a.dj-up_a .arrow, .dj-megamenu-codeDESIGN li.hover a.dj-up_a .arrow, .dj-megamenu-codeDESIGN li.active a.dj-up_a .arrow { top: calc(50% - 9px); } .dj-megamenu-codeDESIGN li a.dj-up_a small.subtitle { display: block; font-size: 12px; font-weight: normal; line-height: 1; text-transform: none; color: #222222; margin-top: -12px; } .dj-megamenu-codeDESIGN li:hover a.dj-up_a, .dj-megamenu-codeDESIGN li.hover a.dj-up_a { color: #ffffff; } .dj-megamenu-codeDESIGN li.active a.dj-up_a { color: #ffffff; } .dj-megamenu-codeDESIGN li:hover a.dj-up_a small.subtitle, .dj-megamenu-codeDESIGN li.hover a.dj-up_a small.subtitle, .dj-megamenu-codeDESIGN li.active a.dj-up_a small.subtitle { color: #ffffff; } .layout_navigation_horizontal .dj-megamenu-codeDESIGN li:hover a.dj-up_a, .layout_navigation_horizontal .dj-megamenu-codeDESIGN li.hover a.dj-up_a, { color: #ffffff; } .layout_navigation_horizontal .dj-megamenu-codeDESIGN li.active a.dj-up_a { color: #ffffff; } body.website_body_subpages .layout_navigation_horizontal .dj-megamenu-codeDESIGN li:hover a.dj-up_a, body.website_body_subpages .layout_navigation_horizontal .dj-megamenu-codeDESIGN li.hover a.dj-up_a, body.website_body_subpages .layout_navigation_horizontal .dj-megamenu-codeDESIGN li.active:hover a.dj-up_a { color: #ffffff; font-weight: 600; } body.website_body_subpages .layout_navigation_horizontal .dj-megamenu-codeDESIGN li.active a.dj-up_a { color: var(--ci_color_white); font-weight: 600; } .layout_navigation_horizontal_fixed .dj-megamenu-codeDESIGN li:hover a.dj-up_a, .layout_navigation_horizontal_fixed .dj-megamenu-codeDESIGN li.hover a.dj-up_a, .layout_navigation_horizontal_fixed .dj-megamenu-codeDESIGN li.active a.dj-up_a { color: var(--ci_color_grey); } .dj-megamenu-codeDESIGN li.separator > a { cursor: default; } .dj-megamenu-codeDESIGN li a.dj-up_a span span.image-title { background: none; padding: 0px 0px 0px 0px !important; margin: 0px 0px 0px 15px; display: inline-block; float: none; height: auto; } .dj-megamenu-codeDESIGN li a.dj-up_a img { border: 0; margin: 0; max-height: 32px; vertical-align: middle; } .dj-megamenu-codeDESIGN li a.dj-up_a.withsubtitle img { margin-top: -24px; } /* DEFAULT LIST STYLING */ .dj-megamenu-codeDESIGN li:hover, .dj-megamenu-codeDESIGN li.hover { position: relative; z-index: 200; } /* HIDE SUBMENUS */ .dj-megamenu-codeDESIGN li div.dj-subwrap, .dj-megamenu-codeDESIGN li:hover div.dj-subwrap li div.dj-subwrap, .dj-megamenu-codeDESIGN li.hover div.dj-subwrap li div.dj-subwrap { position: absolute; left: -9999px; top: -9999px; margin: 0; padding: 0; list-style: none; } /* CUSTOM FONT AWESOME ITEMS */ .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-100 { /*display: none !important;*/ } .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-475 a { padding: 0px 30px 0px 8px; } .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-542 a { padding: 0px 34px 0px 12px; } .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-475:after, .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-542:after { content: "\f067"; font-family: 'Font Awesome 5 Pro'; font-weight: 100; font-size: 1.2em; color: var(--ci_color_accent_1); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block; position: absolute; right: 10px; top: calc(50% - 9px); -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-542:after { content: "\f017"; font-weight: 300; } /* DON`T DISPLAY THESE ITEMS */ @media only screen and (max-width: 1280px) { .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-184, .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-184.first, .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-443, .dj-megamenu-codeDESIGN.horizontalMenu li.dj-up.itemid-443.first { display: none !important; } } /* SHOW FIRST LEVEL SUBMENU */ .dj-megamenu-codeDESIGN li:hover div.dj-subwrap, .dj-megamenu-codeDESIGN li.hover div.dj-subwrap { left: 0; top: 100%; height: auto; z-index: 300; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .dj-megamenu-codeDESIGN li div.dj-subwrap ul.dj-submenu li { background: #ffffff; background: rgba(255, 255, 255, 1.0); -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } /* SUBMENU TRANSPARENCY */ /* body.website_body_featured .dj-megamenu-codeDESIGN li div.dj-subwrap ul.dj-submenu li { background: #ffffff; background: rgba(255, 255, 255, 0.4); } .layout_navigation_horizontal_fixed .dj-megamenu-codeDESIGN li div.dj-subwrap ul.dj-submenu li { background: #ffffff; background: rgba(255, 255, 255, 0.8); } .dj-megamenu-codeDESIGN li div.dj-subwrap ul.dj-submenu li:hover { background: #ffffff; background: rgba(255, 255, 255, 1.0); } body.website_body_featured .dj-megamenu-codeDESIGN li div.dj-subwrap ul.dj-submenu li:hover { background: #ffffff; background: rgba(255, 255, 255, 0.8); } */ /* SHOW HIGHER LEVEL SUBMENUS */ .dj-megamenu-codeDESIGN li:hover div.dj-subwrap li:hover > div.dj-subwrap, .dj-megamenu-codeDESIGN li.hover div.dj-subwrap li.hover > div.dj-subwrap { background: #ffffff; background: rgba(255, 255, 255, 0.4); left: 100%; top: 0px; margin: 0px 0px 0px 0px; height: auto; z-index: 400; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* SUBMENU ELEMENTS STYLES - DROP DOWN */ .dj-megamenu-codeDESIGN li div.dj-subcol { float: left; } .dj-megamenu-codeDESIGN li ul.dj-submenu { width: auto; height: auto; font: 400 12px/20px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; margin 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .dj-megamenu-codeDESIGN li ul.dj-submenu li:first-child > a:after, .dj-megamenu-codeDESIGN li ul.dj-submenu li:first-child > span.separator:after { /* ARROW UP SUBMENU */ content: ''; position: absolute; left: 8px; top: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #ffffff; } .dj-megamenu-codeDESIGN li ul.dj-submenu li ul.dj-submenu li:first-child > a:after, .dj-megamenu-codeDESIGN li ul.dj-submenu li ul.dj-submenu li:first-child > span.separator:after { display: none; border-left: none; border-right: none; border-bottom: none; } .dj-megamenu-codeDESIGN li ul.dj-submenu > li { list-style: none outside; display: block; height: auto; position: relative; width: auto; /* border-top: 1px solid #3a3a3a; */ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 240px; height: 32px; } .dj-megamenu-codeDESIGN li ul.dj-submenu > li.first { border: 0; } .dj-megamenu-codeDESIGN li ul.dj-submenu > li > a { display: block; color: #939398; text-decoration: none; text-transform: uppercase; margin 0px 0px 0px 0px; padding: 6px 0px 6px 0px; border-left: 0px solid #74a21c; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .dj-megamenu-codeDESIGN li ul.dj-submenu > li > a:hover { border-left: 4px solid #74a21c; } /* SUBMENU ARROW */ .dj-megamenu-codeDESIGN li ul.dj-submenu > li:before { content: "\f105"; font-family: 'Font Awesome 5 Pro'; font-weight: 100; font-size: 1.4em; color: #74a21c; float: left; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; margin: 0px 10px 0px 10px; padding: 6px 0px 0px 0px; } .dj-megamenu-codeDESIGN li ul.dj-submenu > li:hover:before { color: #74a21c; margin: 0px 10px 0px 20px; padding: 6px 0px 0px 0px; } .dj-megamenu-codeDESIGN li.first ul.dj-submenu > li:before { /*padding: 0px 0px 0px 0px;*/ } .dj-megamenu-codeDESIGN li ul.dj-submenu > li > a span.image-title { } .dj-megamenu-codeDESIGN li ul.dj-submenu > li > a .dj-icon { float: left; border: 0; margin: 0px 15px 8px 0px; vertical-align: middle; max-height: 16px; } .dj-megamenu-codeDESIGN li ul.dj-submenu > li > a small.subtitle { color: #242424; display: block; font-size: 10px; line-height: 1; } .dj-megamenu-codeDESIGN li ul.dj-submenu > li > a:hover, .dj-megamenu-codeDESIGN li ul.dj-submenu > li > a.active, .dj-megamenu-codeDESIGN li ul.dj-submenu > li.hover:not(.subtree) > a { color: #242424; } .dj-megamenu-codeDESIGN li ul.dj-submenu > li > a:hover small.subtitle, .dj-megamenu-codeDESIGN li ul.dj-submenu > li > a.active small.subtitle, .dj-megamenu-codeDESIGN li ul.dj-submenu > li.hover:not(.subtree) > a small.subtitle { color: #242424; } .dj-megamenu-codeDESIGN li ul.dj-submenu > li.parent > a .arrow { display: inline-block; font-family: 'Font Awesome 5 Pro'; font-weight: 100; position: absolute; right: 10px; top: 6px; font-size: 1.4em; font-style: normal; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .dj-megamenu-codeDESIGN li ul.dj-submenu > li.parent > a .arrow:before { content: "\f105"; } .dj-megamenu-codeDESIGN li ul.dj-submenu > li.parent:not(.subtree) > a:hover .arrow { right: 4px; } .dj-megamenu-codeDESIGN li ul.dj-submenu > li.subtree > a .arrow:before { content: "\f107"; } /* SUBMENU ELEMENTS STYLES - TREE */ .dj-megamenu-codeDESIGN li ul.dj-subtree { list-style: none outside; padding: 0 !important; margin: 5px 0 5px 25px !important; } .dj-megamenu-codeDESIGN li ul.dj-subtree > li { list-style: square outside; padding: 0; margin: 0; color: #666666; } .dj-megamenu-codeDESIGN li ul.dj-subtree > li > a { display: block; font-size: 12px; font-weight: normal; line-height: 13px; color: #c3c3c3; text-decoration: none; padding: 5px 0; } .dj-megamenu-codeDESIGN li ul.dj-subtree > li > a:hover { background: transparent; color: #ffffff; } .dj-megamenu-codeDESIGN li ul.dj-subtree > li.active > a { text-decoration: underline; } .dj-megamenu-codeDESIGN li ul.dj-subtree > li > a small.subtitle { color: #666666; display: block; font-size: 0.9em; line-height: 1; } /* MODULES LOADED INTO MENU */ .dj-megamenu-codeDESIGN .modules-wrap { padding: 0px 10px; color: #d2d2d2; } .dj-megamenu-codeDESIGN .modules-wrap p { display: block !important; padding: 0 !important; } /* STICKY MENU */ .dj-megamenu-codeDESIGN.dj-megamenu-fixed { position: fixed; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); transform: translateZ(0); } .dj-megamenu-codeDESIGN.dj-megamenu-sticky { position: fixed; top: 0; left: 0; width: 100%; height: auto; } .dj-megamenu-codeDESIGN .dj-stickylogo { position: absolute; z-index: 550; } .dj-megamenu-codeDESIGN .dj-stickylogo img { max-height: 100%; width: auto; } .dj-megamenu-codeDESIGN .dj-stickylogo.dj-align-center { position: static; text-align: center; margin: 10px 0; } .dj-megamenu-codeDESIGN .dj-stickylogo.dj-align-left { left: 20px; max-height: 50px; margin: 5px 0; } .dj-megamenu-codeDESIGN .dj-stickylogo.dj-align-right { right: 20px; max-height: 50px; margin: 5px 0; } /* FULL WIDTH SUBMENU */ .dj-megamenu-codeDESIGN li.dj-up.fullsub { position: static !important; } .dj-megamenu-codeDESIGN li.dj-up.fullsub a.dj-up_a { position: relative; } .dj-megamenu-codeDESIGN .djsubrow_separator { clear: both; /* border-bottom: 1px solid #3a3a3a; */ padding: 0 0 20px; margin: 0 0 20px; } /* VERTICAL MENU ORIENTATION */ .dj-megamenu-codeDESIGN.verticalMenu { height: auto; max-width: 360px; z-index: 400; } .dj-megamenu-codeDESIGN.verticalMenu li.dj-up { float: none; } .dj-megamenu-codeDESIGN.verticalMenu li a.dj-up_a { float: none; height: auto; padding-top: 15px; padding-bottom: 15px; border-left: 0px; border-right: 0px; border-bottom: 1px solid #000; border-top: 1px solid #555; } .dj-megamenu-codeDESIGN.verticalMenu li.first a.dj-up_a { border-top: 0; } .dj-megamenu-codeDESIGN.verticalMenu li:last-child a.dj-up_a { border-bottom: 0; } .dj-megamenu-codeDESIGN.verticalMenu li a.dj-up_a small.subtitle { margin-top: 0; } .dj-megamenu-codeDESIGN.verticalMenu li a.dj-up_a > span { display: table-row; } .dj-megamenu-codeDESIGN.verticalMenu li a.dj-up_a span { float: none; height: auto; line-height: 20px; } .dj-megamenu-codeDESIGN.verticalMenu li a.dj-up_a span .dj-icon { display: table-cell; vertical-align: middle; } .dj-megamenu-codeDESIGN.verticalMenu li a.dj-up_a span span.image-title { display: table-cell; vertical-align: middle; padding: 0 15px !important; margin: 0; } .dj-megamenu-codeDESIGN.verticalMenu li a.dj-up_a .arrow:before { content: "\f105"; } .dj-megamenu-codeDESIGN.verticalMenu li:hover div.dj-subwrap, .dj-megamenu-codeDESIGN.verticalMenu li.hover div.dj-subwrap, .dj-megamenu-codeDESIGN.verticalMenu li:hover div.dj-subwrap.open-right, .dj-megamenu-codeDESIGN.verticalMenu li.hover div.dj-subwrap.open-right { right: auto !important; left: 100% !important; top: 0; } .dj-megamenu-codeDESIGN.verticalMenu li:hover div.dj-subwrap.open-left, .dj-megamenu-codeDESIGN.verticalMenu li.hover div.dj-subwrap.open-left { left: auto !important; right: 100% !important; } /* CUSTOM MENU INTEMS */ .dj-megamenu-codeDESIGN > li.first a { padding: 0px 12px 0px 12px; } body.website_body_subpages .dj-megamenu-codeDESIGN > li.first a { /*padding: 0px 12px 0px 0px;*/ } .dj-megamenu-codeDESIGN li.itemid-298 a:after { display: inline-block; font-family: 'Font Awesome 5 Pro'; font-weight: 100; position: absolute; top: 20px; font-size: 1.4em; content: "\f7f5"; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 12px; }