/* Mobiles */ @media only screen and (min-device-width: 375px) and (max-device-width: 812px) { :root body { --tile-aspectratio: 3/2; --tile-icon-width: 38px; --tile-icon-height: 38px; --tile-icon-position-top: 5px; --tile-icon-position-left: auto; --tile-title-size: 15px; --tile-gap: 10px; } html,body{ overflow-x: hidden; -webkit-tap-highlight-color:transparent; } .desktoponly{ display: none; } .mobileonly{ display: block; } .ck.ck-editor { max-width: calc(100vw - 110px); } #logoarea {flex-direction: column-reverse;background-position: bottom left;order: 3;align-items: baseline;margin-top: 5px;background-size: 250%;} #logoarea > div:nth-child(1) {width:auto;padding: 0;} #logoarea > div:nth-child(2) {margin: auto;} h1{ font-size: 22px;line-height: 1.2; } h2{ font-size: 19px;line-height: 1.2; } p{ font-size: 14px; line-height: 1.5; margin: 5px 0 15px 0; } .button {margin-bottom: 5px;} .vscroller { overflow-y: scroll; max-height: calc(100vw - 80px) !important;} .tile.wdg-policy .mincontent h2 {font-size: 1.2em;} .tile.wdg-infection .mincontent h2 {font-size: 1.2em;line-height: 1;margin-bottom: 10px;} .tile.wdg-videos .mincontent h2, .tile.wdg-it .mincontent h2 {font-size: 1.2em; line-height: 1;} .tile.wdg-infection .mincontent .wdgvalues { gap: 0; flex-wrap: nowrap !important; align-items: end;} .tile.wdg-infection .mincontent .wdgvalues > div {} .tile.wdg-infection .mincontent .wdgvalues > div > p { font-size: 1em; line-height: 1;} .tile.wdg-infection .mincontent .wdgvalues > div > div > span {font-size: 1.2em;width: fit-content;margin: auto;} .tile.wdg-infection .mincontent .wdgvalues > div > div { flex-direction: column;} .tile.wdg-infection .mincontent .wdgvalues > div > div > span:last-child { border-top: 1px solid white; border-left: none;} /* Notifications */ .notification > div {flex-direction: column;position: relative;} .notification[severity='error'] > div > div {margin-top: 5px;margin-left: 0;} .notification[severity='error'] > div > h4 { position: absolute; top: 0;left: 40px;} #system-top{position: static;background: var(--secondary-color);display: flex;flex-direction: column;position: relative;z-index: 999999999;} #system-middle{position: relative;margin: 0;display: block;} #system-bottom{ position: static; } #system-top #mobilesidebarburger{display: flex;/* float: left; */order: 2;position: absolute;z-index: 99999;top: 135px;bottom: 20px;right: 10px;width: 100%;height: 35px;justify-content: flex-end;margin: auto;} #system-top #mobilesidebarburger a svg rect{fill: #f49600;transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);} #system-top #mobilesidebarburger.active{position: absolute;z-index: 999999999;right: 20px;} #system-top #mobilesidebarburger.active a svg{ } #system-top #mobilesidebarburger.active a svg rect{fill: #f49600; transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); } #system-top #mobilesidebarburger.active a svg rect:nth-child(2){transform: rotate(45deg) translate3d(-5px, -4px, 0px);transform-origin: left;} #system-top #mobilesidebarburger.active a svg rect:nth-child(3){display: none;} #system-top #mobilesidebarburger.active a svg rect:nth-child(4){transform: rotate(-45deg) translate3d(-4px, 4px, 0px);transform-origin: left;} #system-top #mobilesidebarburger.active a svg rect:nth-child(4){transform: rotate(-45deg) translate3d(-4px, 4px, 0px);transform-origin: left;} #topbar{height: initial;margin-left: 0;width: initial;display: flex;flex-direction: column-reverse;order: 1;padding: 0px 15px;} #topbar #topbar-message{text-align: right;margin: 15px;font-size: 14px;padding: 0;margin: 0;} #topbar #topbar-accessibility{display: flex;margin: 5px;text-align: right;justify-content: flex-end;} #topbar #topbar-accessibility p {text-align: center;font-size: 12px;margin: 5px 0;} #topbar #topbar-accessibility #accessibility{justify-content: center;display: none;} #topbar #topbar-accessibility #accessibility > div:nth-child(1){ display: none; } #topbar #topbar-accessibility #accessibility > div:nth-child(2){ display: none; } #generalsearch {margin: 0 5px;display: none;} #generalsearch form {gap: 6px;} #generalsearch form input[type="text"] {min-width: auto;} #sidebar{top: 0;z-index: 99999999;width: 100%;left: -100%;transition: left 0.4s ease-in-out;position: absolute;} #sidebar.active{left: 0;} #sidebar hr{ display: none; } #sidebar a.toggle-sidebar{ display: none; } #sidebar ul.sidebar-links-list{width: 100%;padding: 10px 30px;} #sidebar ul.sidebar-links-list:nth-child(5){ display: none; } #sidebar ul.sidebar-links-list > li{ } #sidebar ul.sidebar-links-list:last-child{display: none;} #sidebar ul.sidebar-links-list > li > a{font-size: 18px;font-weight: 500 !important;} #sidebar ul.sidebar-links-list > li > a br{ display: none; } #sidebar ul.sidebar-links-list > li > span{ } #sidebar #widgets-list{max-height: initial;width: 100vw;} #sidebar #widgets-list .atox{ } #sidebar #widgets-list .atoz > .atozchar{width: 50px;margin-left: 3.8px;} #sidebar #widgets-list .atoz:after{ content: " "; flex: 1; } #sidebar #widgets-list .atoz > .atozchar:last-of-type{ /* margin-left: 6px; */ } #sidebar #widgets-list {} #sidebar #widgets-list.expanded { top: 0; left: 0; } #sidebar #widgets-list ul.sidebar-widgets-list > li.division-title > p.title {margin: 2px 0;} #sidebar #widgets-list ul.sidebar-widgets-list > li.division-title > span {top: 10px;right: 20px;} #area{margin-left: 0;padding-left: 12px;padding-right: 12px;} #area #area-top{margin-bottom: 20px;} #fendix-banner{ display: none !important; } #area #area-top > div:nth-child(1){/* display: none; */margin-left: auto;padding-top: 0;padding-bottom: 0;margin: 0;flex-direction: initial;} #area #area-top > div:nth-child(2){ display: none; } #area #area-top > div:nth-child(3) a:last-of-type{position: relative;right: -20px;} #area #area-middle #dashboard .area-tiles{ text-align: center;} #dashboard > div#mandatory > div {width: 100%;flex-direction: row;min-width: 100%;} #dashboard > div#mandatory > div:last-child {width: 100%;/* flex-direction: column; */min-width: 100%;display: flex;flex-wrap: wrap;gap: 0px 3%;} #dashboard > div#mandatory > div:nth-child(1) > div {width: 48.5% !important;} #dashboard > div#mandatory > div:nth-child(2) > div {width: 100%;} #area #area-middle #dashboard div{flex-wrap: wrap;width: 100%;justify-content: center;} #dashboard > div:nth-child(2) {flex-direction: column;} #dashboard > div:nth-child(2) .wdg-policy{max-width: initial;} #dashboard > div:nth-child(2) .wdg-alerts{max-width: initial;} #dashboard .tile {aspect-ratio: 5/4;min-height: auto;align-items: end;margin-bottom: 10px !important;} #dashboard .tile .tile-content .tile-icon {position: absolute;} #dashboard .tile .tile-content .tile-title {} #sidebar ul.sidebar-links-list .dashboard span.rename {display:inline-block;margin-left: 10px;font-size: 22px !important;height: auto !important;} #sidebar ul.sidebar-links-list .dashboard span.delete {display: inline-block;font-size: 22px !important;height: auto !important; } .advert-zone .cc_slide{ } .advert-zone .cc_slide .mobile-background{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: center; } #area #area-bottom{margin-top: 30px;text-align: center;} .area-middle-tiles .tile, .area-middle-tiles .tile-disabled{padding-left: 5px;padding-right: 5px;margin-bottom: 5px;} .area-middle-tiles .tile .search-panel, .area-middle-tiles .tile .settings-panel{width: 100%;height: 100%;padding-left: 7px;padding-right: 7px;padding-top: 40px;} .area-middle-tiles .tile .search-panel input[type="text"]{padding: 5px 10px;height: 40px !important;} .area-middle-tiles .tile .search{ right: 8px !important; } .area-middle-tiles .tile .settings{ display: none; } .area-middle-tiles .tile .mincontent > svg{width: 35px !important;height: 35px !important;} .area-middle-tiles .tile .mincontent{font-size: 12px;line-height: 1.2;} .area-middle-tiles .tile .maxcontent{font-size: 12px;line-height: 1.2;} .area-middle-tiles .tile div.maxcontent .tileheading{font-size: 12px;line-height: 1.2;height: 45px;display: flex;align-items: center;z-index: 3;} .area-middle-tiles .tile div.mincontent p, .area-middle-tiles .tile-disabled div.mincontent p, .area-middle-tiles .tile div.maxcontent p, .area-middle-tiles .tile-disabled div.maxcontent p{ font-size: 12px !important; } #mandatory .area-tiles .tile .mincontent > svg{width: 40px !important;height: 35x !important;height: 40px !important;} .area-tiles .tile {height: calc(50vw - 25px);max-width: calc(50vw - 25px);} .area-tiles .tile.wdg-news {height: 100%;width: 100%;min-width: 100%;} .area-tiles .tile.wdg-favourites {height: fit-content;width: 100%;min-width: 100%;} .area-tiles .tile a.settings {display: none;} .area-tiles .tile a.search {right: 15px;} .area-tiles .tile.add-new-trigger {justify-content: center;align-items: center;margin: auto;} .advert-zone .area-tiles .tile {max-width: initial;padding-bottom: 75%;} #dashboard #mandatory .cells .cell7 {/* width: 100% !important; */} #dashboard #mandatory .cells .cell8 {/* width: 100% !important; */} #dashboard .tile.withheading .tile-content {width: 100%;} #dashboard #optional .cells {display: flex;gap: 10px 3%;} #dashboard #optional .cell1 {flex: 1;min-width: 48.5%;max-width: 48.5%;} #dashboard #optional .cell2 {flex: 1;min-width: 48.5%;} .wdg-clock{margin-top: 10px;} .wdg-clock .wdg-clock-time{ } .wdg-clock .wdg-clock-time > span{ } .wdg-clock .wdg-clock-time > span:nth-child(1){font-size: 25px;} .wdg-clock .wdg-clock-time > span:nth-child(2){font-size: 25px;} .wdg-clock .wdg-clock-time > span:nth-child(3){font-size: 25px;} .wdg-clock .wdg-clock-time > span:nth-child(4){font-size: 25px !important;} .wdg-clock .wdg-clock-date{} .wdg-clock .wdg-clock-date > span{font-size: 25px !important;} .cc_slider_wrapper{ } .cc_slider_wrapper .cc_slide{background-image: none !important;} .cc_slider_wrapper .cc_arrows{ display: none; } .cc_slider_wrapper .cc_markers{ bottom: 0;left: 0;right: 0;border-radius: 0 !important;display: flex;justify-content: center; background: #425564 !important;padding: 10px !important;border-radius: 0 !important; } .cc_slider_wrapper .cc_slide h1{ font-size: 22px; } .cc_slider_wrapper .cc_slide h1 *{ display: inline; } .cc_slider_wrapper .cc_slide h2{ font-size: 20px; } .cc_slider_wrapper .cc_slide h2 *{ display: inline; } .feed .element > p a.title{font-size: 12px;padding-right: 15px;} /** Circle page **/ #circle-page{ flex-direction: column; } #circle-page .subcircles-sidebar{display: none !important;} #circle-page > div.col1{width: 100%;margin: 0;order: 1;} #circle-page > div.col1 > div .subcircle-header .popup-controls a.settings{ display: none; } #circle-page > div.col1 > div .wdg_search{ } #circle-page > div.col1 .widget.wdg_search .widget-top{ } #circle-page > div.col1 .widget.wdg_search .widget-top:after{content: " ";background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.58 15.91'%3E%3Cdefs%3E%3Cstyle%3E.cls-1-685735235860%7Bfill:none%3Bstroke:%23fff%3Bstroke-miterlimit:10%3Bstroke-width:3px%3B%7D%3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1-685735235860' points='26.52 1.06 13.79 13.79 1.06 1.06'%3E%3C/polyline%3E%3C/svg%3E");width: 23px;height: 23px;float: right;background-repeat: no-repeat;background-position: center center;transform: rotate(-90deg); transition: transform 0.2s linear;} #circle-page > div.col1 .widget.wdg_search.opened .widget-top:after{ transform: rotate(0deg); } #circle-page > div.col1 .widget.wdg_search .widget-top .popup-controls{ display: none; } #circle-page > div.col1 .widget.wdg_search .widget-middle{ display: none; } #circle-page > div.col2{order: 2;} #circle-page > div.col2 > h2:first-of-type, #circle-page > div.col2 > h2{font-size: 19px;line-height: 1.2;} #circle-page > div.col2 div.col3{flex-direction: column;} #circle-page > div.col2 div.col3 > div{width: 100%;max-width: 100%;} .mobilecircleburger{display: block !important;font-size: 14px;text-align: left;color: white;text-decoration: none;text-transform: none;padding-top: 0;padding-bottom: 7px;padding-right: 0;line-height: 1.25;} .mobilecircleburger a svg{ transition: transform .2s linear; } .mobilecircleburger a.open svg{ transform: rotate(0); transition: transform .2s linear; } #circle-page .subcircles-sidebar.open{ display: block !important; } .cc-accordion-element .cc-accordion-element-heading{padding: 8px 15px;} .cc-accordion-element .cc-accordion-element-heading *{font-size: 14px !important;line-height: 1.4;display: flex;flex-direction: column;} /** Service page **/ .services-grid{ } .services-grid .grid-item{width: 49.5%;padding: 15px 10px;} .services-grid .grid-item > p.title{font-size: 15px;} .services-grid .grid-item > div.description{font-size: 12px;} .services-grid .grid-item > div.message{font-size: 12px;} /** Search **/ .EXSearchResults{padding: 15px;} .EXSearchResults .EXSearchResults-close{right: 25px;background: #005cb9;border-radius: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;padding: 5px;text-decoration: none;} .EXSearchResults .EXSearchResults-close > span{font-size: 32px;} .EXSearchResults .results{display: block;} .EXSearchResults .results > div{ } .EXSearchResults .results > div::-webkit-scrollbar { } .EXSearchResults .results > div::-webkit-scrollbar-track { } .EXSearchResults .results > div::-webkit-scrollbar-thumb { } .EXSearchResults .results > div.content-results{width: 100%;overflow-x: hidden;max-height: 95vh; margin: 0; } .EXSearchResults .results > div.pages-results{ width: 100%;overflow-x: hidden;max-height: 95vh; margin: 0; } .EXSearchResults .results > div.resources-results{ width: 100%;overflow-x: hidden;max-height: 95vh; margin: 0; } .EXSearchResults .results > div.policies-results{ width: 100%;overflow-x: hidden;max-height: 95vh; margin: 0; } .EXSearchResults .results > div.news-results{ width: 100%;overflow-x: hidden;max-height: 95vh; margin: 0; } .EXSearchResults .results .sectionHead{ } .EXSearchResults .results .sectionHead h3{ } .EXSearchResults .results .sectionHead p{ } .EXSearchResults .results .result{ } .EXSearchResults .results .result > div{ max-width: 99%; } .EXSearchResults .results .result:before{ } .EXSearchResults .results .result .title{ } .EXSearchResults .results .result .excerpt{ } .EXSearchResults .results .result .url{word-break: break-all;} .EXSearchResults .results .result .url > .material-icons, .EXSearchResults .results .result .url > .material-icons-outlined{ } #dashboard>div .widgets-zone>div{width: 100%;} /* INNER PAGES */ /* Alerts */ #alerts-list {flex-direction: column;} #alerts-list > div:nth-child(1) {width: 100%;} #alerts-list > div:nth-child(2) {margin: 0;} /* GROUP SIDEBAR */ #circle-page > div.col1 > div {} #circle-page > div.col1 .you-are-here-container {display: none;} #circle-page > div.col1 .you-are-here-container.open {display: block;} #circle-page > div.col1 .side-navigation-sm {display: none;} #circle-page > div.col1 .side-navigation-sm.open {display: block;} .mobilecircleburger a {text-transform: capitalize;font-size: 16px;} /* Policies */ #table_id_filter {width: 200px;margin-top: 20px;} #sidebar ul.sidebar-links-list > li > span.material-icons-outlined.expanded { transform: rotate(180deg);} /* =============== * * Search page * * =============== */ #searchresults{ } #searchresults .filter{display: block;align-items: center;} #searchresults .filter h3{flex-basis: 7em;} #searchresults .filter ul{display: flex;align-items: center;flex-wrap: wrap;/* gap: 2em; */margin: 25px 0px;justify-content: space-evenly;} #searchresults .filter ul li{/* margin: 30px 0px; */} #searchresults .filter ul li a{background: white;border-radius: 0.2em;padding: 0.5em 1.5em;text-decoration: none;font-size: 0.9em;} #searchresults .filter ul li a:hover, #searchresults .filter ul li a.active{ background: #475c6a; color: white; } #searchresults .resultslist{margin-top: 1em;} #searchresults .resultslist .result{border-bottom: 1px solid #ddd;padding-bottom: 1em;margin-bottom: 1em;} #searchresults .resultslist .result .title{text-decoration: none;color: #005cb9;font-weight: bold;margin-bottom: 0.3em;display: inline-block;} #searchresults .resultslist .result .excerpt{font-size: 0.87em;margin-bottom: 0.5em;line-height: 1.4em;} #searchresults .resultslist .result .url{text-decoration: none;font-size: 0.87em;margin-bottom: 0.5em;line-height: 1.4em;color: #005cb9;/* margin-right: -10px; */word-break: break-word;} #searchresults #pagination{} #searchresults #pagination ul{display: flex;align-items: center;gap: 0.5em;/* max-width: calc(100vw - 320px); */overflow-y: scroll;padding-bottom: 20px;width: 100%;max-width: 100%;} #searchresults #pagination ul li{ } #searchresults #pagination ul li a{text-decoration: none;background: #ccc;padding: 0.5em;display: inline-block;font-size: 0.85em;} #searchresults #pagination ul li a:hover{} #searchresults #pagination ul li a.active{} /* AUTO GALLERY STYLING */ .gallery-container .gallery-slider{ } .gallery-container .gallery-slider svg{width: 25px;bottom: 35px;} .gallery-container .gallery-slider .slick-list{width: calc(100% - 90px);} .gallery-container .gallery-slider .slick-slide{margin: 0 5px;} .gallery-container .gallery-slider .slick-slide image{ } .gallery-container .gallery-slider .slick-current{ } .gallery-container .gallery-slider .slick-track{} .gallery-container .gallery-slider .prev-arrow{left: -10px;} .gallery-container .gallery-slider .next-arrow{right: -10px;} .gallery-container .gallery-slider .slick-dots { } .gallery-container .gallery-slider .slick-dots li {width: 15px;} .gallery-container .gallery-slider .slick-dots li button{ } .gallery-container .gallery-slider .slick-dots li.slick-active { } .gallery-container { } .gallery-container > img { } /* =============== * * COUNT DOWN * * =============== */ .countdown{ flex-direction: column; } } /* Tablets */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { } /* Laptop */ @media only screen and (min-device-width: 1068px) and (max-device-width: 1424px) { #searchresults{ } #searchresults .filter{display: block;} #searchresults .filter h3{ } #searchresults .filter ul{display: flex;gap: -1em;flex-wrap: wrap;margin: 30px 0px;} #searchresults .filter ul li{width: 25%;box-sizing: border-box;} #searchresults .filter ul li a{ } #searchresults .filter ul li a:hover, #searchresults .filter ul li a.active{ } #searchresults .resultslist{ } #searchresults .resultslist .result{ } #searchresults .resultslist .result .title{ } #searchresults .resultslist .result .excerpt{ } #searchresults .resultslist .result .url{ } #searchresults #pagination{ } #searchresults #pagination ul{ } #searchresults #pagination ul li{ } #searchresults #pagination ul li a{ } #searchresults #pagination ul li a:hover{ } #searchresults #pagination ul li a.active{ } }