/* Extend hover area BELOW parent item without changing layout */
.elementor-nav-menu > li.menu-item-has-children {
position: relative;
}
/* Invisible hover bridge below the parent */
/*.elementor-nav-menu > li.menu-item-has-children::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 20px;
top: 100%;
background: transparent;
pointer-events: auto;
}*/
/* Keep submenu visible when hovering parent OR submenu */
.elementor-nav-menu > li.menu-item-has-children:hover > .elementor-nav-menu--dropdown,
.elementor-nav-menu--dropdown:hover {
opacity: 1 !important;
visibility: visible !important;
display: block !important;
pointer-events: auto !important;
}
.elementor-message.elementor-message-success.elementor-message-svg {
background: #f1fff6;
color: #0a6b2f;
border-left: 4px solid #18bb60;
padding: 14px 18px;
font-size: 14px;
margin-top: 25px;
border-radius: 4px;
width: 65%; /* smaller width */
}
body .contact-form .elementor-form-fields-wrapper select {
background-image: url('data:image/svg+xml,');
}
.elementor-field.elementor-select-wrapper.remove-before.elementor-error {
display: inline-block;
}
.elementor-field.elementor-select-wrapper.remove-before.elementor-error span{
padding: 15px;
}
body .diangoptics-our-solutions .our-solution-slider .solution-card .elementor-widget-icon+.elementor-element {
min-height: 325px !important;
}
.diagnoptics-news-section .swiper-slide a.elementor-button.elementor-button-link {
margin-bottom: 20px;
}
.type-news .news-tag-block a {
margin-top: 20px;
display: inline-block;
margin-bottom: 0 !important;
}
.diagnoptics-topbar .elementor-heading-title {
color: #000 !important;
}
.age-reader-scanner.diagnoptics-topbar .elementor-heading-title {
color: #fff !important;
}
.current_page_item > a, .current-menu-item > a,
.current-menu-parent > a {
font-weight: 600 !important;
}
.sub-menu > li > a {
margin: 0 !important;
width: 100% !important;
}
.sub-menu > li > a:hover {
background-color: #efefef !important;
}
.diagnoptics-header nav ul > li .sub-menu li a:after {
display: none !important;
}
/* Common CSS */
.diagnoptics-container .e-con-inner {
max-width: 1200px !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
.diagnoptics-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* Common CSS End */
/* Header CSS */
.diagnoptics-topbar a.elementor-button {
border: 1px solid;
padding: 7px 20px;
line-height: normal;
}
.diagnoptics-topbar .elementor-widget-button {
line-height: normal;
}
.diagnoptics-header nav ul > li > a span.sub-arrow svg {
fill: #b41e30;
}
.diagnoptics-header .e-con-inner {
padding-top: 0;
padding-bottom: 0;
}
.diagnoptics-header nav ul > li > a:after {
display: none;
}
.diagnoptics-header nav ul > li .sub-menu {
box-shadow: 0px 1px 5px 1px #ccc;
min-width: 220px !important;
}
.diagnoptics-header nav ul > li:last-child .sub-menu{
left: auto !important;
right: 0px !important;
}
.diagnoptics-header nav ul > li .sub-menu li a {
padding-left: 0px !important;
position: relative;
padding-top: 13px !important;
padding-bottom: 13px !important;
border-bottom: 1px solid #D7E8EB;
width: calc(100% - 15px);
display: flex;
align-items: center;
margin: 0 auto !important;
gap: 0 !important;
flex-grow: revert !important;
}
.diagnoptics-header nav ul > li .sub-menu li {
border: 0 !important;
}
.diagnoptics-header nav ul > li .sub-menu li a:after {
content: '';
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: right;
background-size: 14px;
display: flex;
position: absolute;
right: 10px;
top: 17px;
width: 25px;
height: 25px;
transform: rotate(-90deg);
}
/* Header CSS End */
/* Menu css Start */
/* -------------------------------
SCROLL LOCK
--------------------------------*/
body.menu-open {
overflow: hidden;
}
body .elementor-nav-menu .sub-arrow .e-font-icon-svg.fa-svg-chevron-down{
height: 15px;
width: 15px;
}
/* -------------------------------
HEADER (always visible)
--------------------------------*/
header,
.elementor-location-header {
position: relative;
z-index: 1100;
}
/* -------------------------------
MENU (above overlay)
--------------------------------*/
.elementor-nav-menu--dropdown {
z-index: 1200;
}
/* -------------------------------
OVERLAY (ONLY PAGE CONTENT)
--------------------------------*/
.menu-overlay {
position: fixed;
top: 80px; /* adjust based on your header height */
left: 0;
width: 100%;
height: calc(100% - 80px);
background: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease;
z-index: 1000;
}
body.menu-open .menu-overlay {
opacity: 1;
visibility: visible;
}
/* -------------------------------
SUBMENU VISIBILITY
--------------------------------*/
.elementor-nav-menu--dropdown .sub-menu {
display: none !important;
opacity: 0;
visibility: hidden;
height: 0;
overflow: hidden;
transition: all 0.3s ease;
}
.elementor-nav-menu--dropdown .menu-item.elementor-active > .sub-menu {
display: block !important;
opacity: 1;
visibility: visible;
height: auto;
}
/* -------------------------------
SUBMENU STYLE
--------------------------------*/
.elementor-nav-menu--dropdown .sub-menu {
padding-left: 20px;
border-left: 2px solid #e5e5e5;
background: #f9f9f9;
}
.elementor-nav-menu--dropdown .sub-menu .menu-item a {
font-size: 14px;
padding: 10px 15px;
}
/* -------------------------------
MENU ITEM LAYOUT
--------------------------------*/
.elementor-nav-menu--dropdown .menu-item > a {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 50px;
}
/* -------------------------------
LARGE CLICKABLE ARROW
--------------------------------*/
body .elementor-nav-menu--dropdown .sub-arrow {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%) rotate(0deg);
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.3s ease;
padding-inline-end: 10px;
margin-block-start: 0;
margin-block-end: 0;
}
/* -------------------------------
ARROW ROTATION (SMOOTH BOTH WAYS)
--------------------------------*/
.menu-item.elementor-active > a .sub-arrow {
transform: translateY(-50%) rotate(180deg);
}
/* Menu css End */
/* Footer CSS */
.diagnoptics-footer,
.footer-middle {
justify-content: space-between !important;
}
.diagnoptics-footer > .elementor-element {
width: auto !important;
gap: 0;
}
.diagnoptics-footer > .elementor-element >.elementor-widget-text-editor > p {
max-width: 309px;
margin-top: 47px;
}
.diagnoptics-footer .elementor-heading-title {
margin-bottom: 55px;
}
.diagnoptics-footer ul li a {
margin-bottom: 12px;
}
.diagnoptics-container.diagnoptics-footer.footer-middle {
margin-top: 8px;
align-items: center;
}
.footer-middle path.cls-1 {
fill: #E7BE58;
}
.diagnoptics-footer .elementor-icon-box-content h3.elementor-icon-box-title {
margin: 0;
padding-left: 9px;
}
.footer-bottom .elementor-element ul {
justify-content: flex-end;
}
.footer-bottom .elementor-element ul li a {
margin-bottom:0;
}
.footer-bottom .elementor-element ul li::after {
height: 12px !important;
}
.footer-middle .elementor-widget-social-icons path.cls-1 {
fill: #054c5f;
}
.diagnoptics-footer .footer-bottom .e-rating-wrapper::after {
font-size: 20px;
color: #fff;
margin-left: 5px;
content: "" attr(content) "";
font-family: 'Raleway';
position: relative;
top: -7px;
padding-left: 3px;
font-weight: 600;
}
.diagnoptics-publications .has_eae_slider.elementor-element.backend-list > .elementor-element.elementor-widget-icon-box {
cursor: pointer;
}
.diagnoptics-publications .has_eae_slider.elementor-element.backend-list > .elementor-element.elementor-widget-icon-box:hover {
background-color: #054C5F;
color: #fff;
}
.diagnoptics-publications .has_eae_slider.elementor-element.backend-list > .elementor-element.elementor-widget-icon-box:hover .s0 {
fill: #fff;
}
.diagnoptics-publications .has_eae_slider.elementor-element.backend-list > .elementor-element.elementor-widget-icon-box:hover .elementor-icon-box-title {
color: #fff !important;
}
.diagnoptics-footer.diagnoptics-container .elementor-widget-nav-menu ul>li>a:hover {
font-weight: 600 !important;
}
.diagnoptics-footer.diagnoptics-container .elementor-widget-nav-menu ul>li>a {
transition: revert !important;
}
/* Footer CSS End */
/* Responisve */
@media(min-width: 1024px) {
.main-heading-text .elementor-heading-title {
font-size: 40px !important;
line-height: 50px !important;
font-weight: 600 !important;
}
.elementor-widget-text-editor p,
.elementor-widget-text-editor,
.elementor-icon-box-description,
footer a.elementor-item,
.timeline-content p,
.contact-form .elementor-field-type-acceptance span.elementor-field-option label,
.elementor-widget-theme-post-excerpt {
font-size: 18px !important;
}
.elementor-widget-text-editor p,
.elementor-widget-text-editor,
.elementor-icon-box-description,
.timeline-content p,
.contact-form .elementor-field-type-acceptance span.elementor-field-option label,
.elementor-widget-theme-post-excerpt {
line-height: 34px !important;
}
.subheading-main-text .elementor-heading-title {
font-size: 24px !important;
font-weight: 700 !important;
}
}
@media(max-width: 1250px) {
body .diangoptics-our-solutions .our-solution-slider .solution-card .elementor-widget-icon+.elementor-element {
min-height: 380px !important;
}
}
@media(max-width: 1080px) {
body .diangoptics-our-solutions .our-solution-slider .solution-card .elementor-widget-icon+.elementor-element {
min-height: 454px !important;
}
}
@media(max-width: 123px) {
body .diangoptics-our-solutions .our-solution-slider .solution-card .elementor-widget-icon+.elementor-element {
min-height: 320px !important;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.diagnoptics-header nav ul > li > a {
margin: 0 8px !important;
font-size: 18px !important;
}
.diagnoptics-header img{
width: 200px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
.diagnoptics-header nav ul > li > a {
margin: 0 8px !important;
}
.diagnoptics-header img{
width: 182px !important;
}
}
@media(max-width:992px) {
.diagnoptics-footer .elementor-heading-title {
margin-bottom: 25px;
}
.diagnoptics-footer > .elementor-element >.elementor-widget-text-editor > p {
margin-top: 18px;
}
.diagnoptics-footer ul li a {
font-size: 16px !important;
}
}
@media(max-width:767px) {
.contact-form select {
text-align-last: center;
}
.archive.post-type-archive-news .diagnoptics-news .elementor-loop-container > .elementor .e-con-inner > .has_eae_slider > div {
text-align: left;
}
.archive.post-type-archive-news .diagnoptics-news .elementor-loop-container > .elementor .e-con-inner > .has_eae_slider {
margin-bottom: 25px;
}
.diagnoptics-header .e-con-inner {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.diagnoptics-header img{
width: 200px !important;
}
.diagnoptics-header .elementor-widget-nav-menu {
padding-right: 0 !important;
}
.diagnoptics-header .elementor-widget-nav-menu .elementor-menu-toggle {
padding: 0;
}
.diagnoptics-container.diagnoptics-footer.footer-middle .elementor-element,
.diagnoptics-footer > .elementor-element {
width: 100% !important;
}
.diagnoptics-container.diagnoptics-footer.footer-middle .elementor-icon-box-wrapper {
flex-direction: row;
justify-content: flex-start !important;
align-items: flex-start !important;
margin-bottom: 16px;
}
.diagnoptics-container.diagnoptics-footer.footer-middle .elementor-icon-box-wrapper .elementor-icon-box-content {
width: auto;
flex: revert;
}
.footer-bottom.diagnoptics-container {
justify-content: center !important;
text-align: center;
gap: 0;
}
.footer-bottom.diagnoptics-container .elementor-widget-rating {
margin: 0 auto 18px !important;
}
.footer-bottom.diagnoptics-container .elementor-element ul {
justify-content: center;
margin-inline: 0 !important;
}
.diagnoptics-footer.footer-bottom ul li a {
font-size: 14px !important;
}
}
/* Responsive */