/*****************************************************************************************************/
/* Lists */
.dcc-maincontent ul, .dcc-maincontent ol {
    overflow: hidden;
    margin: -0.6em 0 1.8em 2em;
}
.dcc-maincontent ol{list-style-position: inside;list-style-type: decimal;}

.dcc-maincontent ol.type-lower-a{list-style-type: lower-alpha;}
.dcc-maincontent ol.type-upper-a{list-style-type: upper-alpha;}
.dcc-maincontent ol.type-lower-r{list-style-type: lower-roman;}
.dcc-maincontent ol.type-upper-r{list-style-type: upper-roman;}


.dcc-maincontent ul>li {padding-left: 1.4285em;}
.dcc-maincontent li { line-height: 1.7142em;}

.dcc-maincontent ul>li:before{
background: url(/__data/assets/image/0004/681601/Dcc_list_style.png) no-repeat left .745em;
content: ' ';
height: 20px;
margin-left: -20px;
position: absolute;
width: 10px;
}
 
.dcc-maincontent ul ul,
.dcc-maincontent ul ol,
.dcc-maincontent ol ol,
.dcc-maincontent ol ul {
  margin: 0.5rem 0 0 1.5rem;
}  

.dcc-maincontent ol ol{
    margin-left: 2.5rem;  
}

.dcc-maincontent ol ol{list-style-type: lower-alpha;}

/****List styles overwrites to fix accordion ******/
.accordion {margin: 2.125em 0 3em 0 !important;}

.accordion li { padding-left: 11px !important;}
.accordion li:before {height: 0px !important;margin-left: 0px !important;width: 0px !important;}
.accordion-content ul { margin-bottom: 1rem !important;}
.accordion-content li{
border:0!important;
line-height: 2em !important;
}
.accordion-content ol li{ list-style: inherit;}
.accordion-content li:before {height: 20px !important;margin-left: -20px !important;width: 10px !important;}





/****links******/
.accordion-content li a{
border:0!important;
line-height: 2em !important;
    padding: 0;
    color: #1b4b88;
        display: unset;
}

.accordion-content li a[href*=".pdf"],.accordion-content li a[href*=".PDF"], 
.accordion-content li a[href$=".rtf"],.accordion-content li a[href$=".xls"] 
.accordion-content li a[href$=".xlsx"],.accordion-content li a[href$=".doc"], 
.accordion-content li a[href$=".dot"],.accordion-content li a[href$=".docx"], 
.accordion-content li a[href*=".mp3"],.accordion-content li a[href*=".mp3"], 

.accordion-content li a[href$=".txt"],.link-icon{padding: 0 0 0 20px;}


.accordion-content li > a:before, .accordion-content li > a:after { background: none;}
.accordion-content li a:before {height: 20px !important;margin-left: -20px !important;width: 10px !important;}



.accordion-content li a:hover {text-decoration: underline;}




a.hidden-anchor, .hidden-anchor {visibility:hidden;}

/*****************************************************************************************************/
/*Table*/
table{
    width: 100%;
    background-color: #ffffff;
    margin: 1em 0em;
}

table td, table th {
    border: 1px solid #ddd;
    padding: 10px;
    line-height: 1.625em;
}

table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #0B7A7D;
    font-weight: 900;
    color: white;
}

.striped tr:nth-child(even){background-color: #ffffff;}
.striped tr:nth-child(odd){background-color: #f0f0f0;}

.nocolumn td, .nocolumn th{
 border: none;   
border-top: 1px solid #ddd;
}

.simple{background-color: #f0f0f0;}
.hover tr:hover {background-color: #ddd;}


.fCaption, .table-caption {

  text-align: left;
  margin: 0 0 20px;

}

table input[type="submit"] {

    margin-bottom: 0em;

}


.table-div {

overflow: auto;

}














/*****************************************************************************************************/
/* Form*/
.dcc-maincontent form{
    background: #f6f6f6;
    padding: 2rem 3rem;
    margin-bottom: 5rem;
    }
    
.dcc-maincontent form em {
   /* display: block;*/
    margin-bottom: 1.0em;
        font-size: 0.9em;
} 


/*** RATES ***/


@media (max-width: 850px) {
    
 

.dcc-maincontent form {

    padding: 1rem 1rem;
    margin-bottom: 1rem;

}


}


   .dCaption {

    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    text-align: left;

}


/*** END RATES ***/


.sq-form-question{ margin-bottom: 1rem;} 
.sq-form-error{ Color: #fa5f2f; }
 .sq-form-section-title { font-size: 1.8rem;}
.dcc-maincontent form label,  .dcc-maincontent form legend {
    margin-top: 1.0em;
    font-weight: 700;
    line-height: 2em;
}

 .dcc-maincontent form fieldset{font-weight: 700;}


.dcc-maincontent form select{
position: relative;
    background: inherit;
    margin-top: 0.3125rem;
    margin-bottom: 0.3125rem;
    border: 1px solid #0B7A7D;
    color: #0B7A7D;
    font-weight: bold;
    padding-right: 28px;
    background: url(/__data/assets/file/0004/673339/chevron-bottom-turquoise.svg) right 0.5em center no-repeat;
    background-size: 16px 7px;
    z-index: 2;
    min-width: 200px;
    width:100%;
}
 
.dcc-maincontent form  select option {    color: #000;}
.sq-form-question-datetime select{min-width: 0px !important;}
.sq-form-question-datetime label, .sq-form-question-option-list label , .sq-form-question-tickbox-list label, .sq-form-question-tickbox-table label { 
    font-weight: 500 !important;}
 
.dcc-maincontent form input, .dcc-maincontent form textarea{
    border: 1px solid #e1e1e1;
    padding: 0.35em;
}
.dcc-maincontent form input[type="email"]:focus,.dcc-maincontent form input[type="number"]:focus, .dcc-maincontent form input[type="search"]:focus,.dcc-maincontent form input[type="text"]:focus, .dcc-maincontent form input[type="tel"]:focus, .dcc-maincontent form input[type="url"]:focus, .dcc-maincontent form input[type="password"]:focus, .dcc-maincontent form textarea:focus, .dcc-maincontent form input[type="file"]:focus{
       border: 1px solid #0B7A7D;
           outline-color: #0B7A7D;
    
}
/*.dcc-maincontent form select:hover, .dcc-maincontent form textarea:hover, .dcc-maincontent form input[type="email"]:hover, .dcc-maincontent form input[type="number"]:hover, .dcc-maincontent form input[type="password"]:hover, .dcc-maincontent form input[type="search"]:hover, .dcc-maincontent form input[type="tel"]:hover, .dcc-maincontent form input[type="text"]:hover, .dcc-maincontent form input[type="url"]:hover,.dcc-maincontent form input[type="date"]:hover,.dcc-maincontent form input[type="datetime"]:hover,.dcc-maincontent form input[type="month"]:hover {
    border: 1px solid #0B7A7D;
}
*/
.dcc-maincontent form input[type="email"],.dcc-maincontent form input[type="number"], .dcc-maincontent form input[type="text"],  .dcc-maincontent form input[type="tel"],.dcc-maincontent form input[type="url"],.dcc-maincontent form input[type="password"],.dcc-maincontent form textarea{
    width: 100%;
    font-size: 1.0em;
    line-height: 1.5;
    margin: 0;
    
}

.dcc-maincontent form textarea{background: #fff;}

form li:before {height: 0px !important;margin-left: 0px !important;width: 0px !important;}
.sq-form-question-answer li:before {height: 0px !important;margin-left: 0px !important;width: 0px !important;}
form ul{ margin: 0em 0em 1em 0em !important;}
form li{padding-left: 0.5em !important;}
form table th{color:Black; background-color: #f0f0f0; }
form table { background-color: #f0f0f0;}



form ul.form-bullets { margin: 0em 1em 1em 1em !important}
form ul.form-bullets li:before {height: 20px !important;margin-left: -20px !important;width: 10px !important;}






.dcc-maincontent form input[type="submit"],.dcc-maincontent form input[type="reset"]{
border-radius: 0rem;
padding:0.5rem 1rem;
font-weight: normal;
line-height: 1.4em;
}
.dcc-maincontent form  input[type="reset"]:hover, .dcc-maincontent form input[type="submit"]:hover {
    background-color: #2f4757;
    border: 1px solid #2f4757;
}

.dcc-page-searchform{
background: none !important;
padding: 0rem !important;
margin-bottom: 0rem !important;
}  
.dcc-page-searchform label{ margin-top: 0em !important;}

.dcc-page-searchform  input {padding:1px 0 0 0 !important;}

.dcc-page-searchform input[type="submit"], .dcc-page-searchform  form input[type="reset"] {
    padding: 0 !important; 
    font-weight: normal;
}

.dcc-page-searchform input[type="submit"]:hover, .dcc-page-searchform  form input[type="reset"]:hover {
 background-color: rgba(30, 153, 148, 0) !important;
    border:none !important;
}

/*Form buttons*/
.full-width input[type="submit"], .full-width  input[type="reset"]{Width:100%;}
.half-width input[type="submit"], .half-width input[type="reset"]{Width:50%;}
.quarter-width input[type="submit"], .quarter-width input[type="reset"]{Width:25%;}
.three-quarter-width input[type="submit"], .three-quarter-width input[type="reset"]{Width:75%;}


/* Form  list * font-weight: 500 !important;*/
.two-col li {
    padding-left: 0 !important;
    float: left;
    width:50%;
}


 .three-col li {
    padding-left: 0 !important;
    float: left;
    width:33%;
}



 .four-col li {
    padding-left: 0 !important;
    float: left;
    width:25%;
}

 .five-col li {
    padding-left: 0 !important;
    float: left;
    width:20%;
}

 .six-col li {
    padding-left: 0 !important;
    float: left;
    width:16%;
}

@media (max-width: 1100px) {.four-col li,.three-col li {  width:33%;}   }
@media (max-width: 900px) {.four-col li {  width:50%;}   }
@media (max-width: 1000px) {.three-col li {  width:50%;}   }
@media (max-width: 769px) {.four-col li,.three-col li,  .two-col li  {  width:100%;}   }

.two-col label,  .three-col label, .four-col label{  font-weight: 500 !important;}
/*****************************************************************************************************/    

/*---------------------- Image styles  ----------------------*/
img{
   margin: 20px 20px 20px 0 ;
}
.current-weather img{margin:0;}

img.dccimage-left{
     float: left !important;
    margin: 20px 20px 20px 0 !important;
    width: 50% !important;
}

img.dccimage-right{
     float: right !important;
    margin: 20px 0 20px 20px !important;
    width: 50% !important;
    
}

img.dccimage-full{
  width: 100% !important;
   margin: 20px 0 !important;
}

img.dccimage-full-height{
        height:100% !important;
        width:100% !important;
    }


img.dccimage-original{
     float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 5px 0 !important;
    max-width: 100%;
}

img.dccimage-45-left{
    float: left !important;
    margin: 0 20px 20px 0 !important;
    width: 45% !important;
    height: auto !important;
}

img.dccimage-45-right{
    float: right !important;
    margin: 0 0 20px 20px !important;
    width: 45% !important;
    height: auto !important;
}

img.dccimage-30-left{
    float: left !important;
    margin: 0 20px 20px 0 !important;
    width: 30% !important;
    height: auto !important;
}

img.dccimage-30-right{
    float: right !important;
    margin: 0 0 20px 20px !important;
    width: 30% !important;
    height: auto !important;
}

img.dccimage-25-left{
    float: left !important;
    margin: 0 20px 20px 0 !important;
    width: 25% !important;
    height: auto !important;
}

img.dccimage-25-right{
    float: right !important;
    margin: 0 0 20px 20px !important;
    width: 25% !important;
    height: auto !important;
}



img.dccimage-15-left{
    float: left !important;
    margin: 0 20px 20px 0 !important;
    width: 15% !important;
    height: auto !important;
}
img.dccimage-15-right{
    float: right !important;
    margin: 0 0 20px 20px !important;
    width: 15% !important;
    height: auto !important;
}

img.dccimage-10-left {
float: left !important;
margin: 0 20px 0 0 !important;
width: 10% !important;
height: auto !important;
}

img.dccimage-10-right {
float: right !important;
margin: 0 20px 0 0 !important;
width: 10% !important;
height: auto !important;
}

img.dccimage-5-left {
float: left !important;
margin: 0 20px 0 0 !important;
width: 5% !important;
height: auto !important;
}

img.dccimage-5-right {
float: right !important;
margin: 0 20px 0 0 !important;
width: 5% !important;
height: auto !important;
}
@media screen and (max-width: 480px) {
   img.dccimage-left,img.dccimage-right,img.dccimage-full,img.dccimage-original,img.dccimage-45-left,img.dccimage-45-right,img.dccimage-30-left,img.dccimage-30-right,img.dccimage-15-left,img.dccimage-15-right, img.dccimage-10-right,img.dccimage-10-left
 {
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/*****************************************************************************************************/  
/*overwrite Bold style*/
.download-file footer {padding-left:1rem;}  /* Resources section*/
.dcc-article-full-width{max-width: 100%;} /*Page layout*/
.dcc-landingpage .accordion{max-width: 900px;} /*Accordion width*/
@media screen and (min-width: 851px) {.submenu { min-width: calc(60vw - 280px);}}/* Sub menu width*/
.submenu .popular-links .button{margin-left:0.8%;}
@media (max-width: 500px) { .hero-menu span#text-size-controls {display: none!important;} }


/*****************************************************************************************************/
/*******************A-Z list style********/
.dcc-a-z-group-row{
    background: #fff;
    padding: 1.5rem 2%;
    margin-top: 2rem;
    margin-left: 0%;
    width: 100%;
}

.dcc-a-z-group-col-heading{
    display: inline-block;
    margin-bottom: 1rem;
    float: left;
}

.dcc-a-z-group-row  h3 {
 
    color: #0B7A7D;
    display: table-cell;
    font-weight: bold;
    font-size: 3.5rem;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    width: 40px;
}



.dcc-a-z-group-list a{
    text-decoration: none;
    font-weight: normal;
    color: #2f4757;
    font-style: normal;
}

.dcc-a-z-group-list a:hover {
    color: #0B7A7D;
}

/*****A-Z list responsive style********/

@media (min-width: 769px) {

.dcc-a-z-group-list{
    width: calc(94% - 35px);
    float: left;
    display: inline-block;
    margin: 0 0 0 20px !important;
}

.dcc-a-z-group-list li{
width: calc(50% - 35px);
float: left;
margin-left: 20px;  
display: inline-block;
line-height: 2;
padding:0px !important;
}

.dcc-a-z-group-list li:before {
height: 0px !important;
margin-left: 0px !important;
width: 0px !important;
}
}

@media (min-width: 1300px) {.dcc-a-z-group-list li{width: calc(33% - 35px);}}

@media (max-width: 769px) {
    .dcc-a-z-group-col-heading{width:100%;}

.dcc-a-z-group-list{
    width: calc(100% - 35px);
    float: left;
    display: inline-block;
    margin-left: 20px;
    padding:0px !important;
} 

.dcc-a-z-group-list li{
width: calc(100% - 35px);
margin-left: 20px;  
display: inline-block;
}

}
/*****A-Z list responsive style finish******/

.dcc-a-z-control{
 
    background: #0B7A7D;
    padding: 1rem;
    float:left;
    margin-top: 2rem;
    margin-left: 0%;
    text-align: center;
    width: 100%;
}
  


.dcc-a-z-control a, .dcc-a-z-control span{
    float:left;
    color:#fff;
    font-weight: bold;
    margin-left:0.5rem;
    font-size: 1.5rem;
    padding: 1rem;
    text-decoration: none;
    font-style: normal;
}



.inactive {
  color: grey!important;

}
.dcc-a-z-control a:hover{
 color: #ffffff;
    text-decoration: underline;
    }

 .dcc-a-z-group::after   {clear: both;
    content: "";
    display: block;}
/**************************A-Z styles finish**********************/

/**************************Landing Page Col***************************************************************************/

@media (max-width: 1350px) {.dcc-landing-page-col{width:33% !important;}}   
@media (max-width: 1100px) {.dcc-landing-page-col{width:50% !important;}}
@media (max-width: 460px) {.dcc-landing-page-col{width:100% !important;}}
.dcc-landingpage-row{margin-top:3rem; /*margin-bottom:3rem;*/}
.dcc-landing-page-col .article-card:after{ content: 'View this page' !important;}

/****************************Profile Page style**************************************************************************/
.dcc-article-3q-width {max-width: 1200px;}

.dcc-profile-page-container{
    width:100%;
     display: block;
}


@media (min-width: 1200px) {
    
.dcc-profile-content-container {
    width: calc(60% - 35px);
    float: left;
   
}

.dcc-profile-container {
    width: calc(35% - 35px);
    float: left;
    margin-left: 20px;
}

.profile-container li{
    padding-left:0px !important;
}

.profile-container ul{
    margin-top:0.5em !important;
}
}


@media (max-width: 1200px) {
.dcc-profile-content-container, .dcc-profile-container{
        width: calc(50% - 37.5px);
        float: left;
        
}

}

@media (max-width: 999px) {
.dcc-profile-content-container, .dcc-profile-container{
        width: calc(100% - 37.5px);
        float: left;
        margin-left: 20px;
}

.dcc-profile-page-container{ display: grid;}
.dcc-profile-page-container div:nth-of-type(1) {order: 2;}
.dcc-profile-page-container div:nth-of-type(2) {order: 1;}

}
.profile-container{
border:1px solid #d8d9d9;
padding:1rem;
margin-bottom:0.5em;
background-color:#dfdddd;
}
.profile-container h2{
   text-align: center;
}

.profile-container li span{
    font-weight:550;
}
.dcc-profile-page-container:after{
        clear: both;
    content: "";
    display: block;
}
/***************************Profile Landing Page style**************************************************************************/

.dcc-profile-landing-row{
    overflow: hidden;
    clear: both;
    box-sizing: border-box;
    width: 100%
    
}


@media (min-width: 1025px){.profile-wrapper{width: calc(33% - 25px);}}
@media (min-width: 1450px){.profile-wrapper{width: calc(25% - 25px);}}

@media (max-width: 769px){.profile-wrapper{width: calc(50% - 25px);}}
@media (max-width: 500px){.profile-wrapper{width: calc(100% - 25px);}}

.profile-wrapper{
    content: "";
    display: block;
 }   


.profile-box{
 
width:100%;
text-align:center;
    background-color: white;
    padding-top: 1rem;
    margin-bottom:1rem;
}

.profile-thumbnail-wrapper{
max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    position:relative;
}

.profile-thumbnail-wrapper img{


    display: block;
    vertical-align: top;
    text-align: center;
  width: 100%;
 
    margin-left: auto;
    margin-right: auto;
    margin-top:0;
    margin-bottom:0;
}
.profile-thumbnail-word{
min-height:5rem;
}
.profile-thumbnail-word h3{   padding-top: 1rem;}
.profile-box a {
    
    color: #2f4757;
    text-decoration: none;
        font-style: normal;
}


 .profile-overlay{
    background:rgba(108, 97, 97, 0.4);
    position: absolute;
    bottom: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
   
    }


.profile-box:hover a .profile-thumbnail-wrapper img{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
   }


.profile-box:hover a .profile-thumbnail-wrapper .profile-overlay{
      
    opacity: 1;
    width: 100%;
    height: 100%;
      -webkit-transition: .4s ease;
    transition: .4s ease;
  }
  

.profile-box a:hover{

    color: #87288d;
    text-decoration: underline;
}
  
  span:hover{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform .5s ease, opacity 1.3s ease;
    transition: transform .5s ease, opacity 1.3s ease;
  }
  

.profile-overlay-text{
    color: #fff;
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: transform .5s ease, opacity .7s ease;
    transition: transform .5s ease, opacity .7s ease;
    font-size:18px;
  }


/*********************************Events page style start********************************************************************/

.events-full-list{
        padding-left: 0px;
    margin-left: 0px;
    width: 100%;
}
  .event-list  a {
    color: #1e9994;
    text-decoration: none;
    font-style: normal;
  }  
  
    .event-list  a:hover { color: #1e9994;  }  
    .dcc-small-font p {
            font-size: 0.875em;
                margin-bottom: 0.4em;
    }
/********************************************Events page style end**********************************************************/
/* ICONS */
a[href*=".pdf"] { background:url('/__data/assets/image/0007/681676/pdf.gif') no-repeat top left; padding: 0 0 0 20px; border-bottom: none; }
a[href*=".PDF"] { background:url('/__data/assets/image/0007/681676/pdf.gif') no-repeat top left; padding: 0 0 0 20px; border-bottom: none; }
a[href$=".rtf"] { background:url('/__data/assets/image/0008/681677/rtf.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".xls"] { background:url('/__data/assets/image/0004/681682/xls.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".xlsx"] { background:url('/__data/assets/image/0004/681682/xls.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".doc"] { background:url('/__data/assets/image/0010/681679/word.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".dot"] { background:url('/__data/assets/image/0010/681679/word.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".docx"] { background:url('/__data/assets/image/0010/681679/word.gif') no-repeat top left; padding: 0 0 0 20px; }
a[href$=".txt"] { background:url('/__data/assets/image/0009/681678/txt.jpg') no-repeat top left; padding: 0 0 0 20px; }
a[href*=".mp3"] { background:url('/__data/assets/image/0007/882880/audio.gif') no-repeat top left; padding: 0 0 0 20px; border-bottom: none; }
.link-icon { background:url('/__data/assets/image/0012/692598/link-icon.png') no-repeat top left; padding: 0 0 0 20px; }


/*.dcc-maincontent  a[href^="http"]:not([href*="dunedin.govt.nz"])::after, .dcc-maincontent a[href^="https"]:not([href*="dunedin.govt.nz"])::after {*/
.newwindow-site:after{
  content: '';
  display: inline-block;
  height:0.7em;
  width: .9em;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("/__data/assets/image/0006/686958/external-link-icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  margin-left: .1em;
}



/*Downloads container Icons fix*/

.downloads-container a[href*=".pdf"], .downloads-container a[href*=".PDF"], .downloads-container a[href$=".rtf"], .downloads-container a[href$=".xls"], .downloads-container a[href$=".xlsx"], .downloads-container a[href$=".doc"], .downloads-container a[href$=".dot"], .downloads-container a[href$=".docx"], .downloads-container a[href$=".txt"] {
    padding: 0px;
    background-image: none;
    border-bottom: 1px solid #0B7A7D;
}


/*Downloads list container */
.downloads-list-container {padding: 20px 9px;}

.downloads-list-container ul{
overflow: visible !important;
margin-left:3em !important;
list-style-type: square;
margin: 1em 0 1.8em 2em;  
}
 
.downloads-list-container li{  padding-left: 0px !important;     line-height: 1.7142em;}
.downloads-list-container li:before {height: 0px !important;margin-left: 0px !important;width: 0px !important;}

.downloads-list-container a{
text-decoration: none;
font-weight: normal;
font-style: normal;}

.downloads-list-container a:hover {text-decoration: underline;}
.downloads-list-container a[href$=".jpg"] { background:url('/__data/assets/image/0011/681680/imgicon.gif') no-repeat top left; padding: 0 0 0 20px; }
.downloads-list-container a[href$=".png"] { background:url('/__data/assets/image/0011/681680/imgicon.gif') no-repeat top left; padding: 0 0 0 20px; }

/* Accordion document list*/
.accordion-doc-list{margin: 0 !important;}
.accordion-doc-list li .downloads-list-container ul{margin: 0 0 0 1.5rem !important;}
.accordion-doc-list li .downloads-list-container { padding:0px;}
.accordion-doc-list li .downloads-list-container ul li{list-style-type: disc;  line-height: 1.9em !important;}
.accordion-doc-list li .downloads-list-container ul li .link-icon {padding: 0 0 0 20px; font-weight: 500; background-position:left;}

/* Accordion multi document list*/
.accordion-doc-list li .multi-doc-list ul a{ font-weight: normal;}
.accordion-doc-list li .multi-doc-list .multi-doc-container{margin: 0 0 1rem 2.5rem !important;}


/*****************Top alert section************/
#alert-panel {display: none;}

/* Alert close button*/   
   .alert-close{
    font-size: 32px;
    padding: 0.5rem 1.25rem;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    cursor: pointer;
     color: #c0baba;
    background:none;
    line-height: 1;
   }
.alert-close:hover{  color: inherit;   }
    .alert-close:after{
       clear: both;
    content: "";
    display: block;
    }

/*************************************/
.notice-content{width: calc(90% - 37.5px)!important;}
.dcc-bg-blue { background: #2f4757 !important;}
.dcc-bg-pale-red { background: #ee7184 !important;}
.dcc-bg-red { background: #c32126 !important;}
    
/*Alert list*/
.alertlist:before, .imp-alert:before{
background: url(/__data/assets/image/0007/683530/list-white-icon.png) no-repeat left .745em;
content: ' ';
height: 20px;
margin-left: -20px;
position: absolute;
width: 10px;
}


.alertlistcontainer, .imp-alert{
    width:100%;
    margin-top:0.5rem;
}
.alertlist,.imp-alert {float: left;margin-left: 20px; margin-bottom: 0.5rem;}
.alertlist:hover{ text-decoration:underline;}
.imp-alert a{color:#fef073;}
.imp-alert a:hover, .view-alerts:hover{text-decoration:underline;}
.alert-date, .view-alerts {font-size:12px;}

.dcc-bg-red .notice-content .view-alerts:hover, .dcc-bg-red .notice-content .alertlistcontainer .alertlist:hover{color:#fef073;}

@media (min-width: 1800px){.alertlistcontainer{width:70%;}}
@media (max-width: 520px) {.alertlist{width: calc(100% - 37.5px);} }
@media (min-width: 520px){.alertlist{width: calc(50% - 37.5px);} }
@media (min-width: 730px) and (max-width: 850px) {.alertlist{width: calc(33% - 37.5px);}}
@media (min-width: 850px){.alertlist{width: calc(50% - 37.5px);} }
@media (min-width: 1150px){.alertlist{width: calc(33% - 37.5px);} }
@media (min-width: 1400px) {.alertlist{width: calc(25% - 37.5px);} }

 /************finish Alert*************/
 
/*************Action button template********************************/
.action-button {
border: none;
font-weight: 900;
padding:0.5rem 1rem;
vertical-align: middle;  
overflow: hidden;  
text-decoration: none;
text-align: center; 
cursor: pointer; 
white-space: nowrap;
line-height: 1.4rem;
color: #fff;
margin-bottom:1rem;
font-style: normal;
}
.action-button:after {background: none;}


.green-action-button,.red-action-button:hover{background: #0B7A7D;color: #fff;}
.red-action-button{background: #ee7184;}
.blue-action-button, .green-action-button:hover{background: #2f4757;color: #fff;}
.blue-action-button:hover{color: #fff;box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}


.full-action-button{display: block;}
.three-quarter-action-button{display: block; width:75%;}
.quarter-action-button{display: block; width:25%;}
.half-action-button{display: block;width:50%;}
.default-action-button{  display: inline-block;}


@media (max-width: 430px) {
   .three-quarter-action-button,.quarter-action-button,.half-action-button{width:auto;}
}

@media (max-width: 730px) {
   .quarter-action-button{width:50%;}
}




/************Action button template finish*********************************/
.breadcrumbs-wrapper li select optgroup{color:#2f4757; font-size: 1rem;}/********Breadcrumb menu group color********/

/*******Landing page list style**************************/
#landing-page-list{display:none;}

.landing-page-list{
    padding-left: 0;
    margin-left: 0;
}
.landing-page-button{
line-height: 1rem; 
padding: 0.1rem 0.5rem;
}
/************Landing page finish**********************************/



/************Readspeaker CSS**********************************/
  .rsbtn{
             height: unset !important;;
    margin-bottom: 0px !important;;
    z-index: 0 !important;;
   
     }
    
     .rsbtn_play{
    font-family: unset!important;   
    font-size:14px !important;
    font-weight:900!important; 
    line-height: 14px!important; 
     }
     
     .rsbtn .rsbtn_powered .rsbtn_btnlabel a span.rsbtn_label_read{  color:#0B7A7D !important;}
     
              
     .breadcrumbs-wrapper .right #article-listen{
         padding-right:0px;
         padding-top:5px;
     }
     .breadcrumbs-wrapper .right #article-listen:before{
         left:0;
         margin-left:-27px;
     }
        
      @media (max-width: 690px){
          .breadcrumbs-wrapper{ display: block;}
          .breadcrumbs-wrapper .right{margin-left:2rem;}
          .breadcrumbs-wrapper li:last-child { margin-top:0rem;}
     }
     @media (min-width: 851px) and (max-width: 980px){     
          .breadcrumbs-wrapper{ display: block;}
          .breadcrumbs-wrapper .right{margin-left:2rem;}
          .breadcrumbs-wrapper li:last-child { margin-top:0rem;}
     }
    
 .rsplaying a #article-listen:before { animation: play 1.5s steps(2) infinite;}

/************Readspeaker CSS Finish**********************************/   
  
/************Dcc content slider CSS start**********************************/   
   .dcc-slideshow-container-heading{
padding: 1rem 1rem 0rem 2rem;
}
/* Slideshow container */
.dcc-slideshow-container {
  position: relative;
  background: #ffffff;
  max-width:900px;
}

/* Slides */
.dcc-content-Slides{
  display: none;
  padding: 2rem;
  margin: 0 2rem;
  /*text-align: center;*/
}

   
@media (max-width: 500px){.dcc-content-Slides{ padding: 0.5rem;} }
@media (min-width: 851px) and (max-width: 980px){ .dcc-content-Slides{ padding: 1rem;}     }

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -3px;
  padding: 8px;
  color:#2f4757;
  font-size: 1.5rem;
  border-radius: 0 3px 3px 0;
  user-select: none;
  text-decoration: none;
  font-style: normal;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color:  rgb(30, 153, 148);
  color: white;
}

/* The dot/bullet/indicator container */
.dcc-dot-container {
    text-align: center;
    padding: 10px 0px;
    background: #0B7A7D;
     max-width:900px;
    
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #f0f0f0;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.dcc-content-Slides-active, .dot:hover {
  background-color:#2f4757;
}

/************Dcc content slider CSS Finish**********************************/   
 
/***********Alerts and notices page style start**********************************/   
 
   ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	border-bottom: 1px solid #fff;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	cursor: pointer;
	padding: 1rem 1.2rem;
	height: 31px;
	line-height: 31px;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	background-color: #0B7A7D;
	color: #fff;
	overflow: hidden;
	position: relative;
	font-size: large;
}

ul.tabs li .fa{
       font-size: larger;
    padding-right: 5px; 
}

.tab_last { border-right: 1px solid #e0e0e0; }

ul.tabs li:hover {
	background-color: #2f4757;
}


ul.tabs li.active {
	background-color: #fff;
	color: #333;
	border-bottom: 1px solid #fff;
	display: block;
}

.tab_container {
	border: 1px solid #e0e0e0;
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	overflow: auto;
}

.tab_content {
	padding: 20px;
	display: none;
}

.tab_drawer_heading { display: none; }

@media screen and (max-width: 750px) {
	.tabs {
		display: none;
	}
	.tab_drawer_heading {
		background-color: #fff;
		color: #0B7A7D;
		border-top: 1px solid #9ba3a9;
		margin: 0;
		padding: 10px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
.tab_drawer_heading .fa{
       font-size: larger;
    padding-right: 5px; 
}
	.d_active {
		background-color: #2f4757;
		color: #fff;
	}
}
ul.tabs li:before{
        height: 0px;
}

/***********Alerts and notices page style finish**********************************/
/*********************************************************************/
/************Image carousel slider Template CSS start**********************************/  
.dccimage-carousel-slider-400{ height:400px;margin-bottom:6rem;}
.dccimage-carousel-slider-500{ height:500px;margin-bottom:6rem;}
.dccimage-carousel-slider-600{ height:600px;margin-bottom:8rem;}
.dccimage-carousel-slide-arrow{position:relative;top: 2%;}

.dccimage-carousel-slide-caption{
    background: #2f4757;
    max-width: 100%;
    color: white;
    padding: 0.5rem;
   }
   
@media screen and (max-width: 440px) {
.dccimage-carousel-slider-400 .slick-slider {margin-bottom: 0px;}
.dccimage-carousel-slider-500 .slick-slider {margin-bottom: 0px;}
.dccimage-carousel-slider-600 .slick-slider {margin-bottom: 0px;}
} 
.dccimage-carousel-slide-caption p{ margin-bottom:0;}   
.dccimage-carousel-slider:after, ..dccimage-carousel-slide-caption:after{
       clear: both;
    content: "";
    display: block;
}
/************Image carousel slider Template CSS finish**********************************/   

/************Image gallery Template CSS start**********************************/  

.dcc-image-gallery:after{
        clear: both;
    content: "";
    display: block;
}


.dcc-image-gallery-col{ 
    width: 30%;
    float: left;
    /*min-height: 250px;
    min-height: 180px;*/
    margin: 0% 1% 2%;
    cursor: pointer;
}

@media(max-width:500px){
.dcc-image-gallery-col{
width: 100%;
min-height: 20px;
}
}

@media (min-width: 501px) and (max-width: 1240px){
.dcc-image-gallery-col{ 
width: 45%;
min-height: 100px;
}
}

@media (min-width: 1250px) {
.dcc-article-full-width .dcc-image-gallery .dcc-image-gallery-col{
 height: 300px;  
}
}
@media (min-width: 1550px) {
.dcc-article-full-width .dcc-image-gallery .dcc-image-gallery-col{
 height: 350px;  
}
}
@media (min-width: 1750px){
.dcc-article-full-width .dcc-image-gallery .dcc-image-gallery-col{
 height: 400px;  
}
}

.dcc-image-gallery-col img{ width:100%};


.dcc-cemetery-image-gallery:after{
        clear: both;
    content: "";
    display: block;
}


.dcc-cemetery-image-gallery-col{ 
    width: 120px;
    
    min-height: 75px;
    margin: 10px 10px 10px 0 !important;
    cursor: pointer;
}
.dcc-cemetery-image-gallery-col img {width:100%;}
    /*
Darkbox
*/
[data-darkbox],
[data-darkbox-group]{
  cursor: pointer;
}

/* #darkbox (shows large images as bg-image) */
#darkbox{
  color:#fff;
  font: 14px/1.4 sans-serif;
  position: fixed;
  z-index: 999999;
  top: 24px; /* since we cannot use padding */
  left: 24px;
  bottom: 24px;
  right: 24px;
  background: rgba(0,0,0, 0.8) none no-repeat 50% 50% / contain;
  box-shadow: 0 0 0 24px rgba(0,0,0, 0.8);
  -webkit-transition: 0.3s;
          transition: 0.3s;
  opacity: 0; 
  visibility: hidden;
}

#darkbox.show{
  opacity: 1;
  visibility: visible;
}

/* Hover action elements styles */
#darkbox a:hover{
  color: #2f4757;
  border-color:#2f4757;
}

/*prev next buttons*/
#darkbox_prev,
#darkbox_next{
  cursor: pointer;
  position: absolute;
  height: 30px;
  width: 30px;
  top: 50%;
  margin-top: -15px;
  border: 0px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: 0.3s;
          transition: 0.3s;
}

#darkbox_prev{
  left: -6px;
  border-width: 0 0 3px 3px;
}

#darkbox_next{
  right: -6px;
  border-width: 3px 3px 0 0;
}

/* Description */
#darkbox_description{
  position: absolute;
  bottom: 24px;
  right: 24px;
  text-align: right;
  text-shadow: 0 1px 1px #000;
}

/* Stats counter */
#darkbox_stats{
  position: absolute;
  left: 0;
  top: 0;
}

/* Close button */
#darkbox_close{
  position: absolute;
  top: -8px;
  right: 0px;
}
#darkbox_close:after{
  position: absolute;
  right: 0;
  top: 0;
  font-size: 2.2em;
  content: "\2A2F";
  cursor: pointer;
}

/* Spinner */
#darkbox:before{
  content: "";
  position: absolute;
  visibility: hidden;
  opacity: 0;
  left: 50%;
  top: 50%;
  margin: -25px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: inset -2px 0 0 2px #fff;
  -webkit-animation: darkboxRotate 1.5s linear infinite; 
          animation: darkboxRotate 1.5s linear infinite; 
}
#darkbox.spinner:before{
  visibility: visible;
  opacity: 1;
}
@-webkit-keyframes darkboxRotate{ to{-webkit-transform: rotate(360deg); } }
@keyframes         darkboxRotate{ to{        transform: rotate(360deg); } }

/************Image gallery Template CSS finish**********************************/  
/***************************Table of contents***********/

#toc-contents h1 a,#toc-contents h2 a,#toc-contents h3 a, #toc-contents h4 a, #toc-contents h5 a, #toc-contents h6 a{
        text-decoration: none;
    font-weight: bold;
    color: #2f4757;
    font-style: normal;

}

#toc li a{
     text-decoration: none;
    font-weight: bold;
    color: #1b4b88;
    font-style: normal;
    font-size: 1rem;
}

#toc ol{margin: 0.1em 0 0.5em 2em;}
#toc ol ol ol{list-style-type: lower-alpha;}
#toc ol ol ol ol{list-style-type: upper-roman;}
#toc ol ol ol ol ol{list-style-type:square;}
/***************************Table of contents end***********/


/*========.dcc styles================*/

.dcc-no-text-decoration{text-decoration: none;}/* Removes the underline from links*/
.dcc-nopadding{ padding: 0;}
.dcc-no-leftmargin{margin-left: 0;}
.dcc-margin-bottom{ margin-bottom:1rem;}
.dcc-no-margin-bottom{ margin-bottom:0rem;}
.dcc-top-padding{padding-top: 1rem !important;}
.dcc-font-weight{font-weight:900!important;}
.dcc-fontweight-normal{font-weight:normal!important;}
.dcc-fontstyle-normal{font-style:normal!important;}
.dcc-hover-text-decoration:hover{text-decoration:underline;}
.dcc-clear-both:after{
    clear: both;
    content: "";
    display: block;
}

.dcc-quote{
    font-style: italic !important;
    margin: 5px auto !important;
    display: block !important;
    width: 80% !important;
    padding: 10px !important;
    font-weight: 500 !important;
    font-size: 1.615em;
    color: #333333 !important;
}

.dcc-maincontent iframe{width:100%;}
.dcc-logo-only-in-print{ 
    display:none;
    width: 200px;
    height: 80px;
    min-height: 60px;
}

 .dcc-table-scroll{overflow-x:auto;}

.dcc-maincontent em{ font-style: italic;}
.dcc-maincontent sup{
        vertical-align: super; 
    font-size: small;
  }
  
  

.dcc-link{
text-decoration: underline;
font-weight: bold;
color: #1b4b88;
font-style: italic;
}   



/***************************************************************/

/* Homepage banner Style Fixes - Squiz */
img {
    margin: 0px;
    object-fit: contain;
}

.hero {
    height: auto;
    min-height: 250px;
    background: #F0F0F0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

label.search-bar {
    z-index: 1;
}

/* Display Nav arrows, Mobile users most wont need them. Allows space for h1 and searchbar. */
@media screen and (max-width: 440px) {
    .slick-slider {margin-bottom: 100px;}
    .hero .hero-content {z-index:auto;}
    #popular-links{padding-top: 10px;}
     
}

.nav .menu li:active {
    border-bottom: #2f4757 1px solid
}

.menu-arrow {
   /* padding: 0px 12.5px;*/
    font-size: 25px;
}


.menu-arrow:hover {
    text-decoration: none !important;    
}

.dcc-menu-back{
    font-size:large!important;
    font-weight:700!important;
}

.back-button{
      transform: translateX(0px);
    transition: all 160ms ease-out;
}

.back-button:hover{
    color:#fff;
     transform: translateX(-18px);
}

.submenu .links h6 a:hover{
        transform: none;
}

.submenu .links h6 a:hover:before {
        transform: none;
            opacity: 0;
}

.dcc-maincontent .navbar .list-inline {
    overflow: visible;
}
    
/*
.submenu header {
    display: inline-flex;
    align-items: baseline;
}

*/
/* End Squiz */

/* Fix the home page banner for wide screen*/
media (min-width: 769px){.hero {max-height: 72vh;}}
/* End for home page banner*/

/***************************Article page banner fix***********/
.small img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}


@media(max-width: 851px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.small img {width: auto;}
}
/*************************** End of article page banner fix***********/

/***************************Background image fix***********/
.dcc-bgcover-img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}

@media(min-width: 100px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.dcc-bgcover-img{ width: auto; height:auto;}
.dcc-bgcover-ieimg-fullwidth{ width: 100%;}
}
/***************************End of Background image***********/

/* A-Z submission list CSS fix start**/
ul.a-to-z-list li:before {height: 0px !important;margin-left: 0px !important;width: 0px !important;}
/* A-Z submission list CSS fix finish**/

/*OLD form CSS fixs start**/
.dcc-width-10 input{width:10% !important;}
.dcc-font-size-large{ font-size: x-large;}
.dcc-select-width select {width:auto !important;}
.sq-form-question-datetime select {width:auto !important;}
/* OLD form CSS fixs finish**/

/**************************Meeting Calandar Table start********************************/
.dcc-title-calendar-table{
background-color: white;
margin:0em;
color: #2f4757;
}

.dcc-title-calendar-table td{ 
border: 0px;
padding: 0px;
line-height: 1.625em;
text-align: center;
}
.month-title{ width:50%; font-weight:900; font-size:x-large;}
.month-button{ width: 25%;}
.month-button a{
text-decoration: none;
font-weight: bold;
font-style: normal;
}
.month-button a:hover {color:#2f4757; text-decoration: underline;}
/*********************/

#month{
width: 100% !important;
  margin: 0em; 
}

#month tr, #month tbody {
  width: 100%;
}

#month a {
	color: #8e352e;
	text-decoration: none;
}



#month td, #month th {
	padding: 5px;
	box-sizing:border-box;
	border: 1px solid #ccc;
}


#month tr .dayLabel, #month tr .dayLabelWeekend{
	text-align: center;
	text-transform: uppercase;
	line-height: 20px;
	border: none !important;
	padding: 10px 6px;
	color: #fff;
	font-size: 13px;
}



#month td {
	min-height: 100px;
  height: auto !important;
}



#month .dateLink {
	text-align: center;
	margin-bottom: 5px;
	padding: 5px;
	background: #2f4757;
	color: #fff;
	width: 20px;

      margin: 0.2em;
      font-style: normal;
      display: block;
    
}

.eventDate div{width:100% !important;} 



#month div.event {
      flex: 0 0 auto;
    font-size: 13px;
    border-radius: 4px;
    padding: 5px 2px;
    margin-left: -3px;
    margin-bottom: 5px!important;
    line-height: 12px;
    background: #f0f0f0;
    border: 1px solid #dfdbdb;
    color: #2f4757;
    text-decoration: none;
    display: block;
    height: auto;
    overflow: hidden;

}

#month a.event  {
       font-weight: 500;
    color: #1b4b88;
    font-style: normal;
}

#month a.event .start-time { font-weight: 700;}


#month .weekend{background-color: #eefcfb;}




/* ============================Mobile Responsiveness  ============================*/

@media(max-width: 768px) {
.dcc-title-calendar-table td{   
    line-height: 1.3em;
        border: 1px solid #ddd;
}

.month-button{background-color: #2f4757;}
.month-button a,.month-button a:hover{color:white;}



#month tr .dayLabel, #month tr .dayLabelWeekend, #month tr td{display: none;}
#month tr .date{display: block;}
#month td {	min-height:50px;}
	#month li {
		height: auto !important;
		border: 1px solid #ededed;
		width: 100%;
		padding: 10px;
		margin-bottom: -1px;
	}
  
  
  #month , #month  tr, #month  tbody {
    grid-template-columns: 1fr;
    -ms-grid-template-columns: 1fr;
  }
  
  #month   tr {
    grid-column: 1 / 2;
    -ms-grid-column: 1 / 2;
  }

#month .dateLink {
		align-self: flex-start;
		display:block;
		
	}
}

/***********************************Meeting Calandar Table Finish*******************************/


/******************Accessibility CSS********************************/
.skip-link{
display:block;
clip: rect(0 0 0 0);
 clip-path: inset(100%);
 height: 1px;
 overflow: hidden;
 position: absolute;
 white-space: nowrap;
 width: 1px;
 }

.skip-link:focus{
    position: relative;
    width: auto;
    height: auto;
    clip-path: unset;
}

.accordion-title{
font-size: 1.0625em;
margin-bottom: 0em;
}

.dcc-focus:focus,.slick-track:focus{border: 0.5px solid rgb(77, 144, 254);}

.dcc-event-slide:focus{
outline-style: auto !IMPORTANT;
outline-color:rgb(77, 144, 254)!IMPORTANT;
}


@media (min-width: 1025px){
 .article-slide > .large-2 {
    min-height: 25em;
    margin-bottom: 0;
}
}
/**********************Accessibility CSS finish**********************************************************************/

/*=========Menu Landscape fix for mobile devices start==================*/
@media screen and (max-height: 420px) {
.nav{padding-top: 10px;}
.nav .menu li {font-size: 0.9em;}
.nav footer {margin-top: 10px;}
.nav .logo{height: auto; margin-bottom: 10px;}
.nav input{font-size: medium; padding: 1vh;}
}

@media screen and (max-height: 360px) {
nav .logo:after {
    content: 'Dunedin City Council' !important;
    color: #2f4757;
    font-weight: bold;
    font-size: 1.125em;
}
.nav .logo{min-height: auto;background: none;}

.nav .menu li a:hover, .nav .menu li a.open, .nav .menu li a.active {box-shadow: 0px -2px 0 0px #2f4757 inset;}

}

@media screen and (max-height: 260px) {
.nav .menu li {font-size: 0.5em;}
}
/*============Menu Landscape fix for mobile devices end===============*/


/*========= Documents page paintlayout CSS start==================*/

    .dcc-a-z-control-list {
      background: #0B7A7D;
    padding: 0.5rem;
    margin-bottom: 2rem;
    text-align: center;
    }
    
  .dcc-a-z-control-list span  {
      font-weight: bold;
    font-size: 1.5rem;
    letter-spacing: 0.4rem;
    line-height: 2.5rem;

     }
 .dcc-a-z-control-list a  {
    color: #fff;
    text-decoration: none;
    font-style: normal;
     }
     
 .dcc-a-z-control-list a:hover {
    color: #ffffff;
    text-decoration: underline;
    
 }
 
 .dcc-a-z-list-page h3 a{
     text-decoration: none;
    font-style: normal;
     display:block;
         border-radius: 50%;
    background: #0B7A7D;
    width: 30px;
    height: 30px;
    padding: 5px;
    text-align: center;
    margin-left: 5px;
    color: #ffffff;
        margin-top: 1em;
}
     
  .dcc-a-z-list-page div{ margin-left:3rem;}
  
  /*=========Documents page paintlayout CSS end==================*/
  
 
/*========= Annual events CSS start==================*/ 
 
 .dcc-annual-events:after{
clear: both;
content: "";
display: block;
}

.dcc-annual-events .dcc-image-gallery-col img{  margin-bottom: 15px; }

.dcc-annual-events .dcc-image-gallery-col a{ 
text-decoration: none;
font-style:normal!important;
}
.dcc-annual-events .dcc-image-gallery-col a:hover{
text-decoration:underline;
color: #1b4b88;
}

.dcc-annual-events .dcc-image-gallery-col {cursor: auto;}
 
/*========= Annual events CSS Finish==================*/ 

/*========= Datepicker CSS start==================*/  
.ui-widget.ui-widget-content {z-index: 2 !important;}
/*========= Datepicker CSS finish==================*/  
  
 
/*========= Translated information==================*/ 
.dcc-translated-information a{
    text-decoration: none;
    font-style: normal;
}
    
.dcc-translated-information a:hover{
    text-decoration: underline;
    color: #1b4b88;
}

.dcc-translated-information .right-align{
    text-align: right;
}  
 

.dcc-maincontent .dcc-translated-information .list-right-align ul>li:before {
margin-right: -20px;

}

.dcc-maincontent .dcc-translated-information .list-right-align ul {
    margin: -0.6em 2em 1.8em 0em;
}

.dcc-maincontent .dcc-translated-information .list-right-align ul ul {
    margin: 0em 2em 1.8em 0em;
}

.dcc-maincontent .dcc-translated-information table td {
   direction: rtl;
}
   
/*========= Translated information Finish==================*/ 
 
  
/*========= Waste items search start ==================*/ 
 
 .ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;   /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index:1000 !important;
}
 .dcc-maincontent .waste_items_search {
background: #f6f6f6;
padding: 2rem 3rem;
margin-bottom: 2rem;
}


.dcc-maincontent .waste_items_search [type="text"]{
 width: 100%;
font-size: 1.0em;
line-height: 1.5;
border: 1px solid #e1e1e1;
padding: 0.35em;
}
    
.dcc-maincontent .waste_items_search [type="button"]{  
border-radius: 0rem;
padding: 0.5rem 1rem;
font-weight: normal;
line-height: 1.4em;
 }
    
.wasteitem-detail{
color: #353333;
margin: -10px 0 10px 0;
font-size: 1em;
font-style: italic;
}
 
#wasteitem-accordion{ display:none;}
.wasteitem-acc-content:last-child{border-bottom: 1px solid #0B7A7D;}
 
 /*========= Waste items search finish ==================*/ 
 
 
 /*========= Footnotes ==================*/ 
 
 .footnote {
  font-size: 0.9em;
}

 /*========= Footnotes finish ==================*/ 

/*========= Hidden elements start==================*/ 

#asset703249 .article-date {
    display: none;
}

/*========= Hidden elements finish ==================*/ 

figure {margin-bottom: 40px;}

figcaption {
font-weight: 600;
margin-top: 0.9375em;
margin-bottom: 0.9375em;

}
/****************************************/

 /* legal list styles start */
     #legal-list { counter-reset: section; }
     #legal-list h3:before { counter-increment: section; content: counter(section) ".";   margin: 0 0.2em 0 0;} 
     #legal-list ol h4{ margin-top: 0.5em;}
     #legal-list ol {counter-reset: clause; list-style: none outside none;  margin: 0.8em 0 0.8em 1em;} 
     #legal-list ol li { counter-increment:clause; } 
    #legal-list ol li:before { content: counter(section) "." counters(clause, ".") ". "; } 



/**********legal list styles finish******************************/



/*--------------------Web-feedback-form-start--------------------------------------------*/


.webfeedbackform .tab {
 width:100%;
  color: white;
  overflow: hidden;
}
@media (min-width: 551px){.webfeedbackform .tab{width: 60%;}}


@media (min-width: 1200px) {
    .webfeedbackform .tab{width: 40%;}
  .dcc-article-full-width .webfeedbackform .tab, .landingpageform .tab{width: 20%;}
  
}

.landingpageform form {background: #f6f6f6;}

.landingpageform ul{overflow: hidden;}

.landingpageform form label, .landingpageform form legend {
    margin-top: 1.0em;
    font-weight: 700;
}

.landingpageform form input[type="text"], .landingpageform form input[type="email"], .landingpageform form textarea{
    width: 100%;
    font-size: 1.0em;
    line-height: 1.5;
    margin: 0;
    border: 1px solid #e1e1e1;
    padding: 0.35em;
     background: #fff;
}

.landingpageform form input[type="submit"]{
    border-radius: 0rem;
    padding: 0.5rem 1rem;
    font-weight: normal;
    line-height: 1.4em;
}



.webfeedbackform .tab-label,.webfeedbackform .tab-link{
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 1em;
  background: #2f4757;
  font-weight: bold;
  cursor: pointer;
    margin: 2px 0px !important;
    padding: 1rem !important;

}
.webfeedbackform .tab-label:hover, .webfeedbackform .tab-link:hover {
  background: #1a252f;
    
}
.webfeedbackform .tab-label::after, .webfeedbackform .tab-link::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-transition: all .35s;
  transition: all .35s;
}

.webfeedbackform .tab-content {
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: white;
  -webkit-transition: all .35s;
  transition: all .35s;
}

.webfeedbackform.tab input:checked + .tab-label {
  background: #3d3d61;
}
.webfeedbackform .tab input:checked + .tab-label::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.webfeedbackform .tab input:checked ~ .tab-content {
  max-height: 1000vh;
  padding: 1em;
}

.webfeedbackform .tab .tab-button {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.webfeedbackform.tab-link {  color: #fff !important;}


.webfeedbackform .tab-link:hover{color: #fff !important;}



.web-feedback-form{ margin: 1rem !important;}
.web-feedback-form .dcc-emb-form {background: #f0f0f0!important}

.dcc-emb-form{
    margin-bottom: 0rem !important;
        padding: 1rem 1rem 2rem !important;
}

.dcc-emb-form .dcc-margin-bottom{  margin-bottom: 1rem !important;}

.dcc-emb-form label{line-height: 1.5em !important;}

.webfeedbackform-container {
  display: flex;
 flex-wrap: wrap;
 
}
@media (min-width: 551px){.webfeedbackform-container{width: 50%;}}

.webfeedbackform-item {
  width: 20%;
  height: 30px;
  padding: 1rem 0rem;
    margin: 0 auto;
    text-align: center;

}
.webfeedbackform-radio {
  display: none;
}
.webfeedbackform-radio ~ span {
  font-size: 2rem;
 cursor: pointer;
  transition: 0.3s;
}

.webfeedbackform-radio:checked ~ span, .webfeedbackform-radio:hover ~ span {
     filter: grayscale(0);
  font-size: 2.4rem; 

 }

.emoji {
  font-family: "Segoe UI Emoji";
  filter: grayscale(100);
  -ms-filter: grayscale(100);
   filter: gray;
   opacity: 0.7;
}


.emoji[aria-label]:after {
content: attr(aria-label);
display: none;
font-size:0.9rem;

}

.emoji[aria-label]:hover:after,  .emoji[aria-label]:hover:after{
display: block;
padding: 8px 1px;
line-height: 15px;
justify-content: center;
font-weight: normal;

}


/*---------------------Web-feedback-form-finish--------------------------------------*/


/* Before and After slider start**/

img-comparison-slider {
  visibility: inherit;
  margin-bottom: 10px;
}

img-comparison-slider {
    --divider-width: 2px;
    --divider-color:#c0c0c0;
    --handle-opacity: 1;
    --handle-size : 50px;
    --handle-opacity-active:1;
    width: 100% !important;	
  }
img-comparison-slider img{
     width: 100% !important;	
    
}  

.img-comparison-slider-heading {
    margin-bottom: 2em;
}
	
/* Before and After slider finish**/


/* DCC cards start**/
.dcc-card-container{ width:100%;}
.dcc-card-rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media (min-width: 1250px){
.dcc-article-full-width .dcc-card-rows .dcc-card {
    width: 23%;
    margin: 1% 0;
}
.dcc-article-full-width .dcc-card-rows .dcc-card:nth-child(4n-2) {
    margin: 1% 2%;
}

.dcc-article-full-width .dcc-card-rows .dcc-card:nth-child(4n-1) {
    margin: 1% 2% 1% 0%;
}
.dcc-article-full-width .dcc-card-rows .dcc-card:nth-child(4n+1), .dcc-article-full-width .dcc-card-rows .dcc-card:nth-child(4n) {
    margin: 1% 0%;
}


}


@media (min-width: 992px){
.dcc-card-rows .dcc-card {
    width: 32%;
    margin: 1% 0;
}
.dcc-card-rows .dcc-card:nth-child(3n-1) {
    margin: 1% 2%;
}
}
.dcc-card-rows .dcc-card {
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
}
@media (max-width: 991.98px){
.dcc-card-rows .dcc-card:nth-child(odd) {
    margin-right: 2%;
}
.dcc-card-rows .dcc-card{
    width: 48%;
    margin: 2% 0;
}
}

@media (max-width: 767.98px){
.dcc-card-rows .dcc-card {
    width: 100%;
    margin: 1% 0;
}

.dcc-card-rows .dcc-card:nth-child(odd) {
    margin-right: 0%;
}
}



.dcc-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,0.125);
    border-radius: 0;
}
.dcc-card>a {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    text-decoration: none;
    color:rgb(47,71,87);
        font-style: normal;
}
.dcc-card .card-body {
       position: relative;
    padding: 1.875rem;
     -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
}
.dcc-card .card-body .card-title {
    color: rgb(47,71,87);
    font-weight: 500;
    font-size: 1.375rem;
    line-height: 1.6875rem;
    letter-spacing: .04688rem;
    margin-bottom: 1.375rem;
}
.dcc-card .card-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: .625rem;
    margin-left: -.75rem;
    margin-right: -.75rem;
}
.dcc-card .card-action svg {
    color: #87288d;
    height: 1.75rem;
    width: 2.3125rem;
    -webkit-transition: margin 0.3s ease;
    transition: margin 0.3s ease;
}
.dcc-card>a:hover .card-action svg, .card>a:focus .card-action svg {
    margin-right: -.625rem;
}
/* DCC cards finish**/










.video-48-mobile-100, .video-48-mobile-100-single {
    width: 100%;
    margin-top: 2%;
    
    }

@media (min-width: 768px){
    
.video-48-mobile-100 {
    width: 48%;
    margin-top: 2%;
    float: left;
    margin-right: 2%;
    
    }
    
    .video-48-mobile-100-single {
        width: 48%;
        margin-top: 2%;
        margin-right: 2%;
    }
}















/*---------------------four bins plus one service--------------------------------------*/



.DCC-bin-container {
  border-radius: 20px;
  border: dashed 2px #00a9a4;
  padding: 3%;
  box-sizing: border-box;
  margin-bottom: 30px;
}

.DCC-bin-text-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  display: grid;
  grid-template-columns: 1fr;
  margin-right: -15px;
  margin-left: -15px;
}

.DCC-bin-text-content {
  padding-right: 15px;
  padding-left: 15px;
}

.DCC-bin-text-content h4 {
  margin-bottom: 20px;
}

.DCC-bin-img-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  align-items: flex-end !important;
  align-items: flex-end !important;
}

.DCC-bin-img-content {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;

  text-align: center !important;
}

.DCC-bin-img-content img {
  max-width: 140px;
  width: 70%;
  height: auto;
  margin-bottom: 20px;


}

.DCC-bin-img-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-right: -15px;
  margin-left: -15px;
}

.DCC-bin-img-grid-1 {
  grid-template-columns: 1fr;
  justify-content: center;
}

@media screen and (min-width: 1024px) {
  .DCC-bin-content-dash-blue {
    border-left: dashed 2px #00A9A4;

  }


  .DCC-bin-text-container {
    grid-template-columns: 1fr 1fr;
  }

}

@media screen and (max-width: 1024px) {

  .DCC-bin-img-container {
    display: block;
    margin-top: 30px;
  }

  .DCC-bin-img-grid {

    grid-template-columns: 1fr 1fr;
  }
}











    /* Squiz adds height & width to content images */
    img {
    max-width: 100%;
    height: auto;
    }


/* ELT Profiles */

.elt-profile {

    min-height:260px;
}

.ceo-profile {

    margin-top:40px;
}

.elt-profile h1,
.elt-profile h2,
.elt-profile h3 {
    margin-bottom: .3em;
}
/* DCC pagealerts*/
.dcc-page-alert{margin: 0.5rem 0rem; padding: 0;}
.dcc-page-alert-content .dcc-notice-title{margin: 0.5rem 0rem;}
.notice.orange-alert .dcc-page-alert-content ul, .notice.teal-alert .dcc-page-alert-content ul{margin: -0.6em 0 1em 1em;}
.notice.orange-alert .dcc-page-alert-content ul li:before, .notice.teal-alert .dcc-page-alert-content ul li:before{   background: url(/__data/assets/image/0007/683530/list-white-icon.png) no-repeat left 0.745em;}
 .page-alert-close {
     font-size: 2.6rem;
    padding: 0rem 1rem;
    position: absolute;
    right: 0;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    background: none;
    line-height: 1;
}

.dcc-page-alert .dcc-page-alert-content a { text-decoration: none;    color: #ffffff;}
.dcc-page-alert .dcc-page-alert-content a:hover {text-decoration: underline; }
.notice.dcc-page-alert .dcc-page-alert-content{ width: calc(98% - 37.5px)!important;}
.notice.dcc-page-alert {display:none;}
@media (max-width: 850px){
.dcc-page-alert-content:before {width:0px!important;}
.dcc-page-alert-content{padding-left:0em !important;}
}
.notice.yellow-alert{
   background: #f1bf2b !important;
    border-left: 4px #344d62 solid;
    color: #2f4757;
}
.notice.orange-alert{
    background: #d6581e!important;
    border-left: 4px #131313 solid;
    color: #ffffff;
}
.notice.teal-alert{
    background: #0b7a7d!important;
    border-left: 4px #2f4757 solid;
    color: #ffffff;
    }
.notice.yellow-alert .dcc-page-alert-content ul{
    list-style: disc;
        overflow: unset;
}
.notice.yellow-alert .dcc-page-alert-content ul li:before{  width:0px;}
.notice.yellow-alert .dcc-page-alert-content ul li{ padding-left: 0em;}
.dcc-page-alert.yellow-alert .dcc-page-alert-content a {color: #2f4757;}


.dcc-page-accordion{margin: 1rem 0rem;}
.dcc-page-accordion-head {
   color: #FFF;
  cursor: pointer;
  width:100%;
}
 .dcc-page-accordion-title{
     padding: 0.5rem 1rem;
    margin-left: 30px;
    margin-bottom:0px;
     }
 .dcc-page-accordion-title:before{
     content: '';
    position: absolute;
    left: 0;
    width: 1.5em;
    height: 1.5em;
    background: url(/__data/assets/file/0010/673345/icon-alert.svg) center no-repeat;
    background-size: contain;
    margin-left: 10px;
}
.dcc-page-accordion-arrow {
    position: absolute;
    right: 0;
    cursor: pointer;
    line-height: 1;
}
.dcc-page-accordion-arrow .arrow {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  margin:1rem;
  padding: 0.3rem;
    position: absolute;
    right: 0;
    cursor: pointer;
      transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
   .dcc-page-accordion-arrow.up .arrow {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.dcc-page-accordion-arrow.down .arrow {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.dcc-page-accordion-body {
  overflow: hidden;
padding:1rem;
  background-color:#fff;
}
.dcc-page-accordion.yellow-accordion .dcc-page-accordion-head{background: #f1bf2b !important;}
.dcc-page-accordion.yellow-accordion .dcc-page-accordion-body{border-left: 3px solid #f1bf2b;}
.dcc-page-accordion.orange-accordion .dcc-page-accordion-head{background: #d6581e!important;}
.dcc-page-accordion.orange-accordion .dcc-page-accordion-body{border-left: 3px solid #d6581e;}
.dcc-page-accordion.teal-accordion .dcc-page-accordion-head{background: #0b7a7d!important;}
.dcc-page-accordion.teal-accordion .dcc-page-accordion-body{border-left: 3px solid #0b7a7d;}



.dcc-article-cards {

    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 12px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}


/* Wrap embed in a div to stop element getting cut off ie Youtube video */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;margin-bottom: 0.9375em;margin-top: 0.9375em; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



.bunny-flop {

opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 0;
width: 0;
z-index: -1;

}