/*---Added by Ryan for accessibility popup---*/
body {position: relative;height: auto;}

body.dark-mode #content, body.dark-mode .ubermenu-skin-clean-white, body.dark-mode #navmainmenu, body.dark-mode div#values, body.dark-mode div#lifeatmynic, body.dark-mode div#vacancy, body.dark-mode div#application, body.dark-mode div#reseller, body.dark-mode .gform_wrapper.gf_browser_chrome input.button.gform_button_select_files, body.dark-mode .gform_wrapper .gform_fileupload_multifile .gform_drop_area, body.dark-mode #drop-us-a-message {
    background-color: #000000 !important;
    color: #ffffff !important;
}

body.dark-mode a {
    color:#ffbc32;
}



body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6, body.dark-mode p, body.dark-mode .postcategory a, body.dark-mode .accessibility-container a.bluebut, body.dark-mode a.bluebut, body.dark-mode .breadlink a, body.dark-mode .ubermenu-skin-clean-white .ubermenu-item-level-0 > .ubermenu-target, body.dark-mode ol.orangepoint li, body.dark-mode ul.orangepoint li, body.dark-mode .ubermenu-skin-clean-white .ubermenu-submenu .ubermenu-target, body.dark-mode .mainm .ubermenu-target-title.ubermenu-target-text, body.dark-mode .postheader *, body.dark-mode .postnext *, body.dark-mode .resellerbox *, body.dark-mode div#footer *, body.dark-mode .stickybox.socialshareicon ul li a {
    color: #ffffff !important;
}

body.dark-mode nav.ubermenu-skin-clean-white > ul.ubermenu-nav > li.ubermenu-current-menu-ancestor > a span.ubermenu-target-text {
    color: #ffbc32 !important;
}

body.dark-mode .accessibility-container, body.dark-mode .bgstac, body.dark-mode .mansofeed-item .contain, body.dark-mode .bg1, body.dark-mode .bg2, body.dark-mode .whitebox, body.dark-mode a.whiteboxgradient, body.dark-mode .sidebarwidget, body.dark-mode .ubermenu-skin-clean-white .ubermenu-item-level-0:hover > .ubermenu-target, body.dark-mode .postnext, body.dark-mode .resellerbox, body.dark-mode .wp-block-table tr, body.dark-mode tr {
    background-color: #353535 !important;
    background-image:none !important;
}

body.dark-mode .ubermenu-skin-clean-white .ubermenu-submenu.ubermenu-submenu-drop {
    background-color: #565656 !important;
    border: 1px solid #565656 !important;
}

body.dark-mode .accessibility-container .bluebut, body.dark-mode div#moresolutions > div:first-child, body.dark-mode div#breadcrumb div, body.dark-mode .wp-block-table tr:nth-child(even), body.dark-mode tr:nth-child(even) {
    background-image: none !important;
    background-color: #565656 !important;
}

body.dark-mode .accessibility-container .bluebut.active, .accessibility-container .bluebut.active {
    background-image: linear-gradient(to right, #01b8d7 0%, #055b99 50%) !important;
    background-image: -webkit-linear-gradient(to right, #01b8d7 0%, #055b99 50%) !important;
    background-color: #01b8d7 !important;
    background-size: 200% auto !important;
    padding: 18px 40px !important;
    border-radius: 35px !important;
    color: #ffffff !important;
    letter-spacing: 0px !important;
    border: 1px solid transparent !important;
    background-position: -10px !important;
}

body.dark-mode .mansofeed-item .contain *, body.dark-mode .whitebox *, body.dark-mode a.whiteboxgradient *, body.dark-mode .sidebarwidget * {
    color: #ffffff !important;
}



/*
body.dark-mode * {transition:0s;}
*/

body.dark-mode {background-color:#000000;}

body.dark-mode .mansofeed-item:hover .contain {
    transition-duration: 1s;
    box-shadow: 2px 2px 20px #ffffff4a;
}

body.dark-mode .bluebut:hover {
    background-size: 200% auto !important;
    transition:0.5s !important;
}

body.dark-mode g[fill="#ffffff"] rect {
    display: none !important;
}


/*---Mobile menu---*/
body.dark-mode .mm-panel, body.dark-mode .mm-panels {background-color:#565656 !important;}
body.dark-mode a.mm-listitem__text, body.dark-mode a.mm-navbar__title {color: #ffffff !important;}
body.dark-mode .mm-btn_next:after, body.dark-mode .mm-btn_prev:before, body.dark-mode .mm-listitem {border-color: #ffffff !important;}
body.dark-mode .mm-navbar {background-color: #565656 !important;border-color: #ffffff !important;}


/*---read only--*/
body.text-only *, body.text-only *:before, body.text-only *:after {
    background-color: #ffffff !important;
    display: block !important;
    height: initial !important;
    width: initial;
    padding: 0px !important;
    margin: 0px !important;
    color: #000000 !important;
    position: inherit !important;
    background-image: none !important;
    grid-column: inherit !important;
    grid-row: inherit !important;
    min-height: initial !important;
    opacity: 1 !important;
    text-align: left !important;
    visibility: visible !important;
    transition: inherit !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    left: initial !important;
    right: initial !important;
    top: initial !important;
    bottom: initial !important;
    line-height: initial !important;
    background-size: initial !important;
    text-shadow: none !important;
    float: none !important;
    max-width: 100% !important;
}

body.text-only p > a {
    display: inline-block !important;
}

body.text-only a, body.text-only button, body.text-only .gridbox .orangebut {
    color: #006a7f !important;
    font-weight:700 !important;
    border:0px !important;
    margin-right:10px !important;
}


body.text-only a.mobile-menu-toggle, body.text-only div#navmainmenu.clearfix::after, body.text-only .menusearch, body.text-only #navmainmenu .mainmenu, body.text-only .stickybox.socialshareicon ul li:before, body.text-only div#postnext, body.text-only div#myOverlay2, body.text-only style, body.text-only script, body.text-only div#mobilemenu, body.text-only div#myOverlay, body.text-only div#scroll, body.text-only a.whiteboxgradient:after, body.text-only div#breadcrumb, body.text-only div#ajaxsearchlitesettings1, body.text-only .bg1, body.text-only .bg2 {
    display: none !important;
}

body.text-only .postcategory a span, body.text-only .mansofeed-item .postcta {
    color: #006a7f !important;
    text-decoration: underline;
}

body.text-only .wow{animation-name: none !important;visibility: visible !important;}
a.dis-textonly {display:none;}
body.text-only a.dis-textonly {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    padding: 10px !important;
    display: block !important;
    font-size: 12px !important;
    line-height: 20px !important;
    color: #ffffff !important;
    background-color: #000000 !important;
    z-index: 1000000;
}

body.text-only img, body.text-only div#accessibility-popup, body.text-only .slick-slide, body.text-only ul.slick-dots, body.text-only .slick-arrow, body.text-only .mansofeed-item > div a:first-child {display: none !important;}
body.text-only .slick-slide:first-child {display: block !important;}
body.text-only div.logo img {max-width:150px !important;display: block !important;}
body.text-only #navmainmenu .logo {
    max-width: 170px !important;
    display: block !important;
    transform: none !important;
}
body.text-only div.logo img, body.text-only div.logo {
    display: block !important;
    width: 100% !important;
}
body.text-only input[type="text"] {border-bottom: 1px solid #000000 !important;}
body.text-only h1, body.text-only h2, body.text-only .gridbox .box:first-child .gridboxtitle {font-size: 24px !important;line-height: 30px !important;}
body.text-only a.posttag, body.text-only span.postdate, body.text-only .posttag:after {display: inline-block !important;}
body.text-only ol.orangepoint li:before, body.text-only ul.orangepoint li:before {display: inline-block !important;vertical-align:middle !important;}
body.text-only .mansofeed {height:initial !important;}
body.text-only .partnerssearch, body.text-only .resellercontact, body.text-only p, body.text-only .peoplebox, body.text-only div#whatwedo, body.text-only .whitebox, body.text-only .socialshareicon, body.text-only .postheader, body.text-only #beourpartner, body.text-only #complaints, body.text-only .subheadertext, body.text-only a.whiteboxgradient, body.text-only .footcol1, body.text-only .footcol2, body.text-only .mansofeed-item, body.text-only .gridbox .box, body.text-only #slider, body.text-only #whoweare, body.text-only #moresolutions {padding: 15px 0px !important;}
body.text-only .postcategory {
    display: none !important;
}

body.text-only .pagecontent .pagecolleft ul li:before, body.text-only .sidebarwidget ul li:before {
    content: '•';
    display: inline-block !important;
    vertical-align: middle;
}

body.text-only .pagecontent .pagecolleft .resellercontact ul li:before {
    display: none !important;
}

body.text-only .resellercontact ul li a, body.text-only .rcontact, body.text-only .rphone, body.text-only .remail, body.text-only .rurl, body.text-only .rcontact:after, body.text-only .rphone:after, body.text-only .remail:after, body.text-only .rurl:after {display:inline-block !important;}

body.text-only {
    padding: 20px !important;
    background-color: #ffffff !important;
    max-width: 800px !important;
    display: block !important;
    margin: auto;
    box-shadow: 2px 2px 9px 4px #d4d4d4;
    height: auto;
}

body.dark-mode .contactdetails .ctitle {
    color: #fff;
}

body.dark-mode .contactdetails {
    background-color: #353535;
}

body.dark-mode .nameserver tr {
    background-color: transparent !important;
}


.access-pop {position:fixed;right:-500px;top:0;max-width:500px;width:100%;z-index:1000000;height:100%;background-color:#F5F5F5;transition:0.5s;}
.access-pop-header {background: linear-gradient(180deg, rgba(1,184,215,1) 0%, rgba(5,91,153,1) 100%);padding:35px 25px;text-align: center;color: #ffffff;}
.access-pop-header a.access-cta-close {position: absolute;right: 20px;top: 20px;font-size: 22px;color: #ffffff;}

.access-pop-body {padding:20px;}
.access-function-list {padding:20px;gap:10px;background-color: #FFFFFF;border-radius: 20px;display: flex;flex-wrap: wrap;}
.access-function-list a {position:relative;display: flex;flex-wrap:wrap;justify-content: center;align-items: flex-end;font-size: 16px;line-height: 20px;flex-basis:calc(50% - 5px);text-align:center;padding:35px 25px;border-radius: 20px;background-color:#F1F7FF;border:3px solid #F1F7FF;margin-bottom:10px;}
.access-function-list a img {max-width:34px;flex-basis:100%;margin-bottom:10px;}
.access-function-list a span {font-weight:700;flex-basis:100%;}
.access-function-list a .tick-box {position:absolute;right:8px;top:8px;background-color:#F1F7FF;border:2px solid #ffffff;width: 28px;height: 28px;border-radius: 100%;}
.access-function-list a .tick-box i {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;font-size: 12px;}

.access-function-list a.active {border:3px solid #046CA5;}
.access-function-list a.active .tick-box {background-color:#046CA5;}
.access-function-list a.active .tick-box i {color:#ffffff;opacity:1;}
.access-function-list a.reset-cta {border:3px solid #D0DDF0;background-color:#ffffff;}


.access-pop.active {right:0px;transition:0.5s;}

.bigger-cursor *:not(a) {cursor: url('/wp-content/themes/mynic/img/mynic-accessibility-cursor-pointer.png') 10 3,auto;}
.bigger-cursor a, .bigger-cursor a *, .bigger-cursor [href*=""] {cursor: url('/wp-content/themes/mynic/img/mynic-accessibility-cursor-hand.png') 10 3,auto;}



.dark-mode .access-pop {background-color:#454545;}
.dark-mode .access-function-list {background-color:#000000;}
.dark-mode .access-function-list a {background-color:#3e3e3f;border: 3px solid #666666;}
.dark-mode .access-function-list a span {color:#ffffff;}
.dark-mode .access-function-list a .tick-box {background-color:#3e3e3f;}
.dark-mode .access-function-list a.active .tick-box {background-color:#046CA5;}
.dark-mode .access-function-list a img {filter: invert(1);}
.dark-mode input {color:#ffffff;background-color: #000000;}
.dark-mode #statistics svg g[fill="#000000"] {fill: #ffffff !important;}
.dark-mode #statistics svg g[stroke="#000000"] {stroke: #ffffff !important;}


.highlight-links a[class*="but"], .highlight-links .postcategory a {color:yellow;background-color:#000000;border: 3px solid #000000;background:#000000 !important;background-image:none !important;}
.highlight-links span.ubermenu-target-title.ubermenu-target-text {background-color: #000000;color:yellow;}

.highlight-links.dark-mode a[class*="but"], .highlight-links.dark-mode .postcategory a {color:#0048ff !important;background-color:#ffffff !important;border: 3px solid #ffffff;background:#ffffff !important;}
.highlight-links.dark-mode span.ubermenu-target-title.ubermenu-target-text {background-color:#ffffff !important;color:#0048ff !important;}



.text-only .access-pop {display: none !important;}











/*---popup style---*/
.accessibility-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 1400px;
    background-color: #ffffff;
    padding: 4%;
    width: 85%;
}

.accessibility-image {text-align:center;margin-bottom:25px;}
.accessibility-image img {max-width:150px;width:100%;}

a.bluedefault {
    background-image: none;
    background-color: #ffffff;
    border: 1px solid #055b99;
    color: #055b99;
}

.accessibility-container .bluebut {
    background-image: none !important;
    background-color: #ffffff !important;
    border: 1px solid #055b99 !important;
    color: #055b99 !important;
}

.accessibility-container div.row > div {
    margin-bottom: 15px;
}

/*---Added by ryan for accessibility funciton---*/
ul.nav-menu_link li a {
    padding: 15px 0px !important;
    width: 36px !important;
    display: block;
}


@media screen and (max-height: 860px) {
    .access-function-list a {padding:20px !important;}  
    .access-pop-header {padding:20px !important;}
    .access-pop-header img {max-width: 44px;}
    .access-pop-header h3 {font-size: 22px !important;}
}

@media screen and (max-height: 768px) {
    .access-function-list a {padding:16px !important;}   
}


/*---Popup responsive---*/
@media only screen and (max-width:767px) {
    .accessibility-container .accessibility-image, .accessibility-container a.bluebut.active, .accessibility-container a.bluebut, body.dark-mode .accessibility-container a.bluebut, body.dark-mode .accessibility-container a.bluebut.active {
        display: inline-block;
        width: 90px;
        padding: 8px 10px!important;
        vertical-align: middle;
        font-size: 16px !important;
    }
    
    .access-pop-header {padding:18px !important;}
    .access-pop-header img {max-width: 40px;}
    .access-pop-header h3 {font-size: 20px !important;}
    
    .access-function-list a {padding:20px 10px !important;margin-bottom:0px !important;font-size: 14px !important;}
    .access-function-list a img {max-width: 26px !important;}
    .access-function-list {padding: 10px !important;gap: 10px !important;}
    
    ul.nav-menu_link li a {width:32px !important;}

}