/*/*//**/@media only print { 
header .socialmenu,
header .trigger-container,
header form,
header .mainmenu,
.col-4,
footer .socialmenu,
footer .row-1,
footer .row-2,
footer p.copyright span {
display: none !important;
visibility: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
iframe {
height: 2500px !important;
}
header {
background: #fff;
height: 150px;
}
#logo {
display: block;
text-indent: 0;
margin: 0;
}
#logo img {
display: block;
}
}
@media only screen and (max-width: 1200px), screen and (max-device-width: 1200px) {
.mainmenu {
width: calc(100vw - 25px);
margin-left: -15px;
}
}
@media only screen and (max-width: 1155px), screen and (max-device-width: 1155px) {
header {
height: 240px;
}
.home header {
height: 298px;
}
.mainmenu>ul>li>ul {
top: 240px;
}
.home .mainmenu>ul>li>ul {
top: 298px;
}
.mainmenu > ul > li {
display: flex;
}
.mainmenu ul>li.active>a {
height: calc(100% + 7px);
padding-bottom: 7px;
}
}
@media only screen and (max-width: 1115px), screen and (max-device-width: 1115px) {
header {
height: 250px;
}
.home header {
height: 308px;
}
.mainmenu>ul>li>ul {
top: 250px;
}
.home .mainmenu>ul>li>ul {
top: 308px;
}
}
@media only screen and (max-width: 1024px), screen and (max-device-width: 1024px) { header,
.home header {
height: 165px;
padding-top: 33px;
}
a.skiplink {
display: none;
}
.content {
max-width: 1000px;
}
.page-wrapper,
footer .container,
.contact-head .content  {
width: 98%;
margin-left: auto;
margin-right: auto;
}
#logo,
.home #logo,
footer #logo  {
width: 370px;
height: 105px;
margin-left: 1%;
}
.push-1 {
margin-left: 0;
}
header form.clm-search-form {
top: -10px;
right: calc(1% + 20px);
}
header .socialmenu,
.home header .socialmenu {
display: none;
position: absolute;
height: 60px;
width: 100%;
background: #024664;
z-index: 10;
top: -35px;
right: auto;
left: 0;
padding: 17px 20px;
}
header .socialmenu.is-active {
display: block;
}
.prinav-trigger {
display: block;
} .mainmenu > ul > li > a > span {
display: block;
}
.mainmenu {
display: none;
position: absolute;
top: 58px;
left: 0;
width: 100%;
margin: 0;
padding: 20px 30px !important;
height: auto;
line-height: 100% !important;
background: #fff;
box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.5);
-webkit-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.5);
-o-box-shadow: 0px 5px 7px 0px rgba(50, 50, 50, 0.5);
}
.mainmenu.is-active{
display: block; 
}
.mainmenu>ul {
flex-direction: column;
padding-top: 0px !important;
}
.mainmenu ul li {
display: inline-block;
position: relative;
float: none !important;
width: 100%;
margin: 0 !important; padding: 0 !important; }
.mainmenu>ul>li {
padding-bottom: 5px !important;
}
.mainmenu>ul>li.active {
padding-bottom: 5px !important;
}
.mainmenu ul li a {
display: inline-block;
width: 100%;
line-height: 36px;
margin: 0 !important;
padding: 0 !important;
color: #162830 !important;
}
.mainmenu>ul>li>a {
font-size: 1.1em;
border-bottom: solid 1px #162830;
padding: 5px 0 15px !important; line-height: 26px !important;
border-radius: 0px;
}
.mainmenu>ul>li.menu-item-has-children>a:after { right: 10px;
top: 5px; border: solid #162830;
border-width: 0 1px 1px 0; }
.mainmenu>ul>li.menu-item-has-children.active>a:after {
border-width: 1px 0 0 1px;
top: 13px;
}
.mainmenu > ul > li > a > span {
}
.mainmenu>ul>li>ul {
position: relative;
top: 0px;
left: 0;
height: auto;
margin: 0;
padding: 0px 20px 0px 20px !important;
z-index: 100;
display: block;
background: transparent;
min-width: 250px;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
visibility:  visible;
opacity: 0;
min-height: 1px;
height: 0;
overflow: hidden;
transition: all 0.35s ease;
}
.home .mainmenu {
top: 55px;
margin-top: 0;
}
.home .mainmenu>ul>li>ul {
top: 0px;
margin-top: 0;
}
.mainmenu>ul>li.active>ul {
height: auto;
opacity: 1;
padding: 10px 0 20px 15px !important;
border-bottom: solid 1px #162830;
}
.mainmenu.nav.hrz>ul>li>ul>li {
padding: 0 0 0 0 !important;
}
.mainmenu>ul>li>ul>li>ul {
margin-top: 10px;
}
.mainmenu>ul>li>ul>li>a {
color: #0396be;
}
.mainmenu ul>li.current-menu-item>a, .mainmenu ul>li.current-page-parent>a, .mainmenu ul>li.current-menu-ancestor>a, .mainmenu ul>li.current_page_ancestor>a {
color: #024664;
background: transparent;
}
.mainmenu ul>li.current-menu-item>a {
font-weight: 700;
}
.mainmenu ul>li.gohome.current-menu-item>a {
font-weight: 300;
}
.mainmenu li.paygate ul {
display: block;
}
.mainmenu>ul>li>ul>li:first-child>div.closer {
display: none;
}
} @media only screen and (max-width: 768px) {
.mainmenu>ul>li>ul>li>ul {
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
column-count: 2;
column-gap: 20px;
}
}
@media only screen and (max-width: 767px) {
#logo,
.home #logo,
footer #logo  {
width: 245px;
height: 70px;
margin-top: 15px; }
.submenu,
.newssubmenu,
.tribe-events-calendar-list__event-date-tag {
display: none;
}
.page-template-payments-template .submenu {
display: block;
}
.page-template-payments-template .submenu>ul>li:first-child>a {
display: none;
}
.page-template-payments-template .submenu ul li {
display: inline-block;
float: left !important;
}
.page-template-payments-template .submenu ul li a {
display: inline-block;
font-size: 0.85em;
line-height: 1.3;
margin: 0 5px 5px 0;
padding: 3px 10px;
font-family: 'Nunito Sans', sans-serif;
letter-spacing: normal;
font-weight: 500;
font-style: normal;
color: #fff;
background: #0396be;
border-radius: 5px;
transition: all 0.2s ease-out;
color: #024664;
background: #edf7fa; }
.page-template-payments-template .submenu ul > li > a:hover,
.page-template-payments-template .submenu ul > li.current-menu-item > a {
color: #024664;
background: #b6dfed;
color: #fff;
background: #0396be;
}
.col {
float: none;
width: 100% !important;
}
.flex-row {
display: block !important;
}
.flex-col  {
display: block !important;
}
.tribe-events .tribe-events-header,
header.tribe-events-calendar-list__event-header  {
display: block !important;
}
.tribe-events .tribe-events-header {
padding: 10px 20px 30px !important;
}
.tribe-events .tribe-events-c-events-bar__search-container {
border-bottom: solid 1px #b6dfed;;
top: 120px !important;
}
.tribe-events-c-view-selector__content {
right: auto !important;
left: 0 !important;
}
.swdc-category-filter select {
width: 100%;
max-width: 100%;
margin-top: 5px;
}
div.agenda-dl {
width: 100% !important;
}
div.agenda-dl br {
display: none;
}
.agenda-dl a.btn,
.agenda-dl .no-agenda {
width: 135px !important;
font-size: 0.8em !important;
display: inline-block;
margin-right: 10px;
}
footer .row-2 .col {
padding-bottom: 20px;
}
.page-wrapper, footer {
padding: 50px 0 30px;
}
.page-template-payments-template .page-wrapper {
padding: 20px 0 30px;
}
footer p.copyright {
width: 100%;
font-size: 11px;
color: #fff;
margin: 20px 0 0 20px;
}
footer .textwidget {
margin: 0 0 20px 0;
}
section.search-section h1,
section.search-section h2 {
padding: 0 20px;
text-align: left;
}
section.search-section form {
padding: 0 20px;
position: relative;
}
section.search-section input[type="text"] {
position: relative;
right: auto;
width: 100%;
}
section.search-section input[type="submit"] {
position: absolute;
left: auto;
right: 20px;
top: 0px;
display: inline-block;
width: 60px;
height: 60px;
}
} @media only screen and (max-width: 600px) {
html {
-webkit-text-size-adjust: none;
}
#logo,
.home #logo {
margin-top: -10px;
}
#logo,
.home #logo,
footer #logo {
width: 245px;
height: 70px;
}
footer #logo {
margin: 0 0 40px;
}
header form.clm-search-form {
position: absolute;
top: 85px;
right: auto;
left: calc(1% + 20px);
text-align: right;
}
header .socialmenu {
right: calc(1% + 20px);
}
footer .socialmenu {
position: relative;
top: auto;
right: auto;
margin-left: 20px;
height: 58px;
}
footer .socialmenu ul li a {
margin-left: 0px;
margin-right: 10px;
}
section.alert .textwidget {
padding-left: 10px;
background: transparent;
}
}
@media only screen and (max-width: 568px), screen and (max-device-width: 568px) {  }
@media only screen and (max-width: 475px), screen and (max-device-width: 475px) {
.prinav-trigger.is-active {
right: 17px;
}
.mainmenu>ul>li>ul>li>ul {
-moz-column-count: 1;
-moz-column-gap: 20px;
-webkit-column-count: 1;
-webkit-column-gap: 20px;
column-count: 1;
column-gap: 20px;
}
header .socialmenu {
}
header .socialmenu ul li a {
margin-left: 0px;
margin-right: 10px;
}
.mainmenu {
padding: 20px 20px !important;
}
section.search-section .main-search {
text-align: center;
padding: 25px 0 0;
}
section.search-section .short-search {
padding: 0 0 25px;
}
.main-search h1{
font-size: 1.25em;
margin: 0 0 15px 0;
}
.short-search h2 {
font-size: 1.25em;
margin: 0 0 10px 0;
}
section.search-section .clm-search-form,
.short-search h2 {
display: none;
}
.news-section .short-search h2 {
display: block;
}
.news-section .short-search .col {
margin-bottom:  30px;
}
section.search-section input[type="text"] {
padding: 8px 50px 8px 18px;
font-size: 1em;
}
section.search-section input[type="submit"] {
width: 60px;
height: 46px;
background: url(//swdc.govt.nz/wp-content/themes/swdc22/images/bg-search.svg) no-repeat center center;
background-size: 40%;
font-size: 1.111em;
}
.home header form.clm-search-form {
display: block;
}
}
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { #container {
height: 100%;
}
}
@media only screen and (max-width: 320px), screen and (max-device-width: 320px) {
.header {
height: 104px;
}
#logo,
.home #logo,
footer #logo  { }
header form.clm-search-form input {
width: 200px;
}
.mainmenu {
padding: 20px 10px !important;
}
.mainmenu>ul>li.active>ul {
padding: 10px 10px 20px !important;
}
.prinav-trigger {
right: 5px;
}
.prinav-trigger.is-active {
right: 7px;
}
header .socialmenu, .home header .socialmenu {
padding: 17px 10px;
}
}