/*

DEVELOPER NOTES:

1. This css file contains the following:

- custom project styles with media queries for responsive layouts
- !important in some cases where this is really neccessary (where we need to
override inline classes aded by Javascript etc, otherwise please do not use it
and rather keep the file organised by making the order of the classes in a correct
way so !important will not be needed
- spritemap styles

2. This file also implements the rem font sizing (with the HTML element as the root element with 10px size)

3. When defining font sizes make sure to do it in px and rem

*/

html {
    font-size: 10px;
    background-size: 160%;
    min-height: 100%;
}

.main-content {
    background: url(background-1.jpg) center 60px no-repeat #11bcc4;
    background-size: 100%;
}

html.smaller-font {
    font-size: 5px;
}

html.small-font {
    font-size: 7.5px;
}

html.large-font {
    font-size: 12.5px;
}

html.larger-font {
    font-size: 15px;
}

body {
    font-size: 15px;
    font-size: 1.5rem;
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
    background-size: contain;
    min-width: 300px;
    min-height: 100%;
}

p {
    line-height: 1.6;
}

.body-content {
    margin-bottom: 45px;
}

img {
    max-width: 100%;
    margin-bottom: 15px;
}


/*.gm-style {
    font-family: "Montserrat" !important;
}*/


/* GENERIC FORM STYLES */

.clearfix {
    display: table;
    content: '';
    clear: both;
}

.form-label-heading {
    margin-top: 40px;
}

.form-label-heading:first-of-type {
    margin-top: 0;
}

.info-text {
    font-size: 14px;
    font-size: 1.3rem;
    font-weight: 300;
    display: inline-block;
}

.add-to-calendar-toggle-panel .info-text {
    margin-bottom: 15px;
}

.add-to-calendar-toggle-panel label {
    font-weight: 500;
}

.alert-error ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 25px;
}

.alert-error ul:empty {
    margin: 0;
}

.alert-error {
    background: #fcf1eb;
    color: #dd2810;
    /* padding: 1px 10px; */
    border-radius: 1px;
    /* margin-bottom: 25px; */
}

.alert-error a {
    color: #dd2810;
    font-weight: 500;
    text-decoration: none;
}

.alert-error li {
    line-height: 1.6em;
    padding: 10px 15px;
    /*border-bottom: 1px solid #fff;*/
    border-bottom: 1px solid transparent;
}

.input-container:after {
    display: table;
    content: "";
    clear: both;
}

.input-element td {
    position: relative;
}

.input-radio-matrix input[type='radio'],
.input-check-matrix-container input[type='checkbox'],
.input-check-container input[type='checkbox'] {
    position: absolute;
    top: 2px;
}

.input-radio-matrix input[type='radio'] + label,
.input-check-matrix-container input[type='checkbox'] + label,
.input-check-container input[type='checkbox'] + .input-label,
.input-check-container input[type='checkbox'] + label,
.input-radio-container input[type='radio'] + label {
    margin-left: 20px;
}

.alert-success li a,
.alert-success li a:visited,
.alert-success li a:hover,
.alert-success li a:focus {
    color: #048d88;
}

.input-container {
    margin-bottom: 25px;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    /*overflow: auto; removed for tooltip*/
    vertical-align: top;
    padding-bottom: 20px;
    width: 100%;
}

.input-container table {
    width: 100%;
    box-sizing: border-box;
}

.input-container th {
    text-align: left;
    padding-bottom: 15px;
    font-weight: 300;
}

.input-container td {
    padding-bottom: 15px;
}

.input-label {
    padding-bottom: 0.2em;
    font-weight: 500;
    float: left;
    width: 100%;
}

.input-element {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.search-box-form-container .input-element {
    overflow: visible;
}

.input-text .input-label {
    padding: 12px 25px 12px 0;
}

.input-container input[type='text'],
.input-container input[type='password'],
.riTextBox {
    background-color: #ffffff;
    border: 2px solid #cacaca;
    height: 47px;
    border-radius: 1px;
    padding: 0 10px;
    /* have to use !important to overwrite plugin styles */
    border: 2px solid #cacaca !important;
    font-family: "Montserrat", sans-serif;
    font-size: 15px !important;
    font-size: 1.5rem !important;
}

.login-form-column .input-container input[type='password'] {
    width: 100%
}

.login-form-column .input-submit input[type='submit'] {
    float: left;
}

[class*="col-"].login-form-column {
    padding-right: 5%;
    padding-left: 1%;
}

[class*="col-"].login-body-content-column {
    padding-right: 1%;
    padding-left: 3%;
}

.input-container input[type='text'].custom-df-hyperlink-item-name,
.input-container input[type='text'].custom-df-hyperlink-item-link {
    padding: 10px;
}

textarea,
.input-textarea textarea {
    border: 2px solid #cacaca;
    max-width: 100%;
}

textarea:focus,
.input-textarea textarea:focus,
.input-container input[type='text']:focus,
.input-container input[type='password']:focus,
select:focus {
    /* !important needed because of radpicker... wrapping in a parent element does not do the job */
    outline: 2px solid #5cafe4 !important;
    outline: none;
}

/*.input-container .blog-input-textbox input[type='text']:focus {
    outline: 2px solid #5cafe4 !important;
}*/


.login-form-column nput[type='text']:focus {
    outline: auto;
}

textarea,
.input-textarea textarea,
.generic-form-textarea,
.input-textbox input[type='text'],
.input-textbox {
    display: inline-block;
    width: 100%;
    /*padding: 5px;*/
    color: initial;
    font-size: 15px;
    font-size: 1.5rem;
    border-color: #cacaca;
    border-radius: 1px;
}

.main-footer textarea {
    color: #000000;
}

.input-textbox {
    padding: 0;
}

.input-textbox input[type='text'] {
    padding: 10px;
}

input[type='text'].generic-form-textbox {
    font-size: 15px;
    font-size: 1.5rem;
}

textarea,
.input-textarea textarea,
.generic-form-textarea {
    min-height: 140px;
}

.add-to-calendar-toggle-panel textarea,
.add-to-calendar-toggle-panel select {
    margin-bottom: 25px
}

.generic-form-combobox {
    border: 2px solid #cacaca;
    border-radius: 1px;
    height: 30px;
}

.generic-form-combobox:focus {
    border: 2px solid #2ab5e0;
    outline: none;
}

.input-check input[type='checkbox'],
.input-check-matrix input[type='checkbox'],
.input-radio input[type='checkbox'],
.input-radio-matrix input[type='radio'],
.input-radio input[type='radio'] {
    height: 15px;
    margin-right: 15px;
    position: absolute;
    top: 4px;
    width: 13px;
    padding: 2px;
}

.form-list li input[type='checkbox']:focus,
.input-check input[type='checkbox']:focus,
.input-check-matrix input[type='checkbox']:focus,
.input-radio input[type='checkbox']:focus,
.input-radio-matrix input[type='radio']:focus,
.input-radio input[type='radio']:focus {
    outline: 1px dotted;
}

.input-upload input[type='file'] {
    padding: 0;
}

.generic-form-checkboxmatrix,
.generic-form-radiomatrix {
    min-width: 700px;
}

.table-rank-container td {
    padding-bottom: 10px;
}

.table-rank-container input[type='text'],
.table-rank-container label {
    float: left;
}

.table-rank-container input[type='text'] + label {
    margin-top: 13px;
    margin-left: 20px;
}

.input-element.input-submit {
    width: auto;
    float: left;
    float: right;
}

.input-element.blog-input-submit {
    width: 100%;
}

.log-out-panel .input-element.input-submit {
    float: left;
}

.login-form-column .input-element.input-submit {
    float: none;
}

.input-element.input-submit {
    margin-right: 13px;
}

.input-element.input-submit:last-child {
    margin-right: 0;
}

.feedback-form-placeholder .input-submit,
.feedback-form-placeholder .input-submit input[type='submit'] {
    width: 100%;
    float: none;
}

.input-submit input[type='submit'] {
    font-size: 15px;
    font-size: 1.5rem;
    height: initial;
    float: right;
}

.input-submit input[type='submit']:last-child {
    margin-right: 0;
}

.input-submit input[type='submit']:active {
    opacity: 0.9;
}

.se-form-required-asterisk {
    display: none;
}

.form-input-hint {
    font-style: italic;
}

input[type='checkbox'] {
    height: auto;
}

.input-date-container .input-label,
.input-textbox-container .input-label,
.input-date-picker-container .input-label,
.input-rank-container .input-label,
.input-select-container .input-label {
    padding-top: 12px;
}

.input-container.input-textarea-container.input-email-notifications-textarea-container .input-label,
.input-container.input-textarea-container.input-terms-of-use-textarea-container .input-label {
    padding-top: 0;
}

.input-textarea-container .input-label {
    padding-top: 12px;
}

.input-upload-container .input-label,
.image-input-upload-container .input-label {
    padding-top: 15px;
}

.input-upload-container .input-label {
    padding-top: 0;
}

.input-radio-matrix,
.input-check-matrix {
    overflow: auto;
}

.input-label,
.generic-form-textbox,
.generic-form-textarea,
.generic-form-rank input,
.input-captcha input[type=text] {
    box-sizing: border-box;
}

#ctl05_pnlCaptcha,
.input-element.input-captcha {
    overflow: hidden;
}

.input-container.input-captcha-container .input-captcha input[type=text] {
    width: 181px;
}

.input-container.input-captcha-container {
    overflow: hidden;
}

.rcRefreshImage,
.rcCaptchaAudioLink {
    /*display: inline-block !important;*/ /* have to use !important to overwrite plugin styles */
    /*width: auto;*/
}

.rcRefreshImage:after {
    /*display: table;*/
    /*clear: both;*/
}

.rcRefreshImage + span {
    display: block !important; /* have to use !important to overwrite plugin styles */
    width: 1px;
    height: 1px;
}


/* Generic form styles - resetting Rad  **********************************/

.RadUpload_Default .ruStyled .ruFileInput {
    border-color: red;
}

.input-element .RadUpload input.ruFileInput {
    font: initial;
}

.input-element .RadUpload .ruFileWrap {
    height: auto;
    margin-right: 10px;
    padding-top: 1px;
}

.input-element .RadUpload .ruFakeInput {
    padding: 0;
    margin-right: 15px;
    padding-left: 10px;
    margin-right: 10px;
    font-weight: normal;
}

.input-element .RadUpload .ruStyled .ruFileInput,
.RadUpload .ruFakeInput {
    padding: 0;
    height: 40px;
    cursor: pointer;
}

.input-element .RadUpload .ruActions .ruButton,
.input-element .ruButton,
.input-element .ruButton.ruAdd,
.input-element .ruButton.ruDelete,
.input-element .ruButton.ruRemove,
.input-element .RadUpload .ruBrowse {
    padding: 14px 25px;
    font-size: 15px;
    font-size: 1.5rem;
    background-image: none;
    color: #FFF;
    margin: 0;
    width: auto;
    height: auto;
    cursor: pointer;
    margin-right: 5px;
    background-color: #7f7f86;
    padding: 15px 30px;
    font-weight: 500;
    min-height: 37px;
    text-align: center;
    font-family: 'Montserrat', sans-serif !important; /* have to use !important to overwrite plugin styles */
}

.input-element .RadUpload .ruActions .ruButton:focus,
.input-element .ruButton:hover,
.input-element .ruButton:focus,
.input-element .RadUpload .ruBrowse:focus,
.input-element input[type='button'].ruButtonHover,
.input-element input[type='button'].ruButtonHover:focus {
    background-color: #67676c;
}

.input-element input[type='button'].ruAdd,
.hyperlink-button-add input[type='button'],
.input-element .ruButton.ruAdd {
    /* have to use !important to overwrite plugin styles */
    background: none !important;
    background-color: transparent !important;
    color: #038391 !important;
    padding: 5px 2px !important;
    margin-bottom: 0;
}

.hyperlink-button-add {
    display: inline-block;
}

.input-element .ruButton.ruAdd.ruButtonHover {
    text-decoration: underline;
}

.input-element .ruButton.ruAdd:hover,
.input-element .ruButton.ruAdd:focus {
    text-decoration: underline;
    /* have to use !important to overwrite plugin styles */
    background-color: #3596a1 !important;
    opacity: 1;
}

.hyperlink-button-add input[type='button'] {
    text-decoration: underline;
}

.hyperlink-button-add input[type='button']:hover,
.hyperlink-button-add input[type='button']:focus {
    text-decoration: none;
}

.input-element input[type='button'].ruAdd:hover,
.input-element input[type='button'].ruAdd:focus {
    text-decoration: none;
    /* have to use !important to overwrite plugin styles */
    background-color: transparent !important;
    opacity: 1;
}

.input-element .ruButton.ruRemove:last-child,
.input-element .RadUpload .ruBrowse:last-child {
    margin-right: 0;
}

.input-element .RadUpload .ruCheck {
    margin-top: 12px;
    margin-right: 5px;
}

.input-element input[type='text'].ruFakeInput {
    height: 37px;
    width: 110px;
}

.input-element input[type='checkbox'] {
    margin-right: 5px;
}

.form-input input[type='checkbox'] {
    margin-right: 5px;
}

.input-element input[type='checkbox']:focus {
    outline: 1px dotted;
}

.input-element .icon-calendar {
    float: left;
    margin-right: 14px;
}

.input-element .sc-editcal-add {
    float: left;
    margin-top: 5px;
}

.input-element .input-submit-container {
    border: none;
}

.input-element .toggle-panel-placeholder {
    margin-bottom: 35px;
}

.input-element .RadUpload,
.input-element .custom-df-cms-rad-upload {
    width: 100%;
    margin-bottom: 0;
}

.input-element .custom-df-cms-rad-upload .ruDelete,
.input-element .custom-df-cms-rad-upload .ruCheck {
    display: none;
}

.input-element .RadUpload .ruInputs li.ruActions {
    margin: 0;
}

.input-element textarea {
    max-width: 100%;
    padding: 10px;
    border: 2px solid #cacaca;
    border-radius: 1px;
}

.input-element .custom-df-hyperlink-item {
    margin-bottom: 7px;
}

.input-element .custom-df-hyperlink-item input[type='text'] {
    color: #3e3e3e;
    font-size: 15px;
    font-size: 1.5rem;
    margin-right: 6px;
    margin-bottom: 4px;
    width: 100%;
}

.ui-widget-header {
    background-color: transparent;
    border: none;
}

.ui-dialog-title {
    color: #3e3e3e;
}

.rcCalPopup {
    text-decoration: none;
    display: inline-block;
}

.riTextBox {
    border-radius: 0;
}

.RadInput_Default .riTextBox,
.RadInputMgr_Default {
    border: 2px solid #cacaca;
}

.search-box .RadPicker_Default a.rcCalPopup:hover,
.search-box .RadPicker_Default a.rcCalPopup:focus,
.search-box .RadPicker_Default a.rcCalPopup:active {
    border: none;
    background-color: transparent;
    outline: none;
    opacity: 0.75;
}

.search-box .RadPicker {
    margin-bottom: 10px;
}

.input-submit input[type='submit'],
.input-container input[type="button"],
.input-container input[type="submit"],
.input-container .RadUpload_Default,
.input-container .RadUpload_Default a,
.input-container .RadUpload_Default input {
    font-weight: 500;
    font-size: 15px;
    font-size: 1.5rem;
    display: inline-block;
    text-decoration: none;
    font-family: "Montserrat", sans-serif !important; /* have to use !important to overwrite plugin styles */
}

.RadUpload_Default,
.RadUpload_Default a,
.RadUpload_Default input {
    font-family: "Montserrat", sans-serif !important;
}

.input-container .custom-df-cms-rad-upload input[type='hidden'] {
    display: none;
}

.RadPicker {
    /* have to use !important to overwrite plugin styles */
    width: 170px !important;
}

.RadPicker table.rcTable {
    /* have to use !important to overwrite plugin styles */
    width: 180px !important;
}

.date-input-textbox-container .RadPicker table.rcTable {
    width: 100% !important;
}

a#ctl02_rpControls_ctl06_fiControl_se_form_JsDatePicker_popupButton {
    width: 36px;
    height: 32px;
}

.rcCalPopup:before {
    position: absolute;
    right: 0;
}

.RadPicker_Default .rcCalPopup {
    /* have to use !important to overwrite plugin styles */
    background-image: none !important;
    font-size: 0px;
}

.RadPicker .rcCalPopup {
    /* have to use !important to overwrite plugin styles */
    width: 28px !important;
    height: 28px !important;
    position: relative;
    margin-left: 15px;
}

/* rad - no js */

.js-element {
    display: inline-block;
}

.input-upload .js-element {
    display: block;
}

.no-js .js-element {
    display: none;
}

.no-js-element {
    display: none;
}

.no-js .no-js-element {
    display: inline-block;
}

.no-js .date-format-label {
    margin-bottom: 10px;
}

.no-js .date-field {
    display: inline-block;
    width: 100%;
}

.no-js .date-field label {
    display: inline-block;
    width: 100px;
    font-weight: 600;
    margin-bottom: 10px;
}

.event-add-form-placeholder .input-element > ul,
.message-add-form-placeholder .input-element > ul,
.news-add-form-placeholder .input-element > ul {
    display: none;
}

.input-check input[type='checkbox']:focus,
.input-check-matrix input[type='checkbox']:focus,
.input-radio input[type='checkbox']:focus,
.input-radio-matrix input[type='radio']:focus,
.input-radio input[type='radio']:focus {
    outline: 1px dashed #545454 !important;
}

.Default.reWrapper {
    /* have to use !important to overwrite plugin styles */
    border: none !important;
    background-color: #fff !important;
}

.reContentCell {
    border: 2px solid #cacaca;
}

.reContentCell iframe {
    height: 300px !important; /* have to use !important to overwrite plugin styles */
}

.email-input-textbox-container .input-label {
    padding-top: 0;
}

.related-links-upload-container .input-label {
    padding-top: 0;
}

.related-links-upload-container .input-label,
.related-documents-upload-container .input-label,
.related-images-upload-container .input-label {
    padding-top: 8px;
}

.input-upload > ul {
    padding-left: 0
}

.input-upload > ul li {
    list-style-type: none
}

.input-textarea .reLayoutWrapper {
    max-height: 370px;
}

/* CAPTCHA */

.input-captcha {
    display: inline-block;
}

.input-captcha a:after {
	content: "\a";
	white-space: pre;
}

.captcha > p,
.CaptchaImageDiv p {
    /* to clear float for captcha input in page subscription */
    clear: both;
    margin: 0;
}

.CaptchaImageDiv {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}

.CaptchaImageDiv img {
    /*float: left;*/
    /*margin-right: 25px;*/
}

.CaptchaImageDiv + input[type='text'] {
    clear: both;
    width: 225px;
}

.rcRefreshImage,
.rcCaptchaAudioLink {
    /*width: 100%; removed as it is already overwritten below*/
}

.search-box input[type="text"].riTextBox {
    /*     font: 16px "Raleway", arial, sans-serif !important; */
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Montserrat", sans-serif;
    width: 124px;
}

.search-box .RadPicker {
    width: auto !important; /* have to use !important to overwrite plugin styles */
}

.search-box .rcTable {
    width: 150px !important; /* have to use !important to overwrite plugin styles */
}

.rcRefreshImage,
.rcCaptchaAudioLink {
    display: inline !important; /* have to use !important to overwrite plugin styles */
    width: auto;
    margin-top: 2px;
}

.rcRefreshImage:after {
    /*display: table;*/
    /*clear: both;*/
}

.rcRefreshImage + span {
    display: block !important; /* have to use !important to overwrite plugin styles */
    width: 1px;
    height: 1px;
}

/** BUTTONS ***********************************************************/

/* from original style.css (to be cleaned up) */
a.button,
.sc-editcal-add {
    background-color: #007bc7;
    color: #ffffff;
    border: 0px;
    display: inline-block;
    /*float: left;*/ /* removed due to MCCPW-471 */
    padding: 10px 27px;
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 15px;
    font-size: 1.5rem;
    text-decoration: none;
    min-height: 18px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
}

a.button:hover,
a.button:focus,
.sc-editcal-add:hover,
.sc-editcal-add:focus,
a:hover .button,
a:focus .button {
    background-color: #0066a5;
    color: #ffffff;
    border: 0px;
    display: inline-block;
    /*float: left;*/ /* removed due to MCCPW-471 */
    /* padding: 10px 27px; */
    font-weight: 500;
    font-size: 15px;
    font-size: 1.5rem;
    text-decoration: none;
    /* min-height: 18px; */
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
}

a.alert-button  {
    background-color: #d14905;
    color: #ffffff;
    border: 0px;
    display: inline-block;
    /*float: left;*/ /* removed due to MCCPW-471 */
    padding: 10px 27px;
    font-weight: 500;

    font-size: 15px;
    font-size: 1.5rem;
    text-decoration: none;
    min-height: 18px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
}

a.alert-button:hover,
a.alert-button:focus,
a:hover .alert-button,
a:focus .alert-button {
    background-color: #c04305;
    text-decoration: none;
    color: #fff;
}

a.secondary-button,
.sc-editcal-add {
    background-color: #7f7f86;
    color: #ffffff;
    border: 0px;
    display: inline-block;
    /*float: left;*/ /* removed due to MCCPW-471 */
    padding: 10px 27px;
    font-weight: 500;

    font-size: 15px;
    font-size: 1.5rem;
    text-decoration: none;
    min-height: 18px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
}

.secondary-button:hover,
a.secondary-button:focus,
a:hover .secondary-button,
a:focus .secondary-button {
    background-color: #67676c;
    text-decoration: none;
    color: #fff;
}
/* end of from original style.css */

/* default button */

/* button styled anchors in style.css are styled according to the styling here.
When changing button styles, check if style.css also needs to be changed */

input[type="submit"],
input[type="button"],
button,
a.button {
    background-color: #007bc7;
    color: #ffffff;
    border: 0px;
    display: inline-block;
    padding: 10px 27px;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 15px;
    font-size: 1.5rem;
    text-decoration: none;
    min-height: 41px;
    text-align: center;
    border-radius: 2px;
    margin-right: 12px;
}

input[type="submit"].button-delete-file {
    background-color: #d14905;
    float: none;
}

.add-to-calendar-placeholder input[type="submit"] {
    height: 60px;
    width: 100%
}

.list-search-box input[type="submit"] {
    height: 50px;
    padding: 5px 37px;
    width: 100%;
    margin-bottom: 0;
}

input[type="submit"].light-button,
input[type="button"].light-button,
button.light-button,
a.button.light-button {
    background: #ffffff;
    color: #555555;
    border: 2px solid #e8e8e8;
    padding: 10px 10px;
}

a.button.light-button {
    background: #ffffff;
    color: #555555;
    border: 2px solid #e8e8e8;
    padding: 10px 10px;
}

input[type="submit"].light-button:hover,
input[type="button"].light-button:hover,
button.light-button:hover,
a.button.light-button:hover,
a.button.light-button:focus,
input[type="submit"].light-button:focus,
input[type="button"].light-button:focus,
button.light-button:focus {
    color: #555555;
    background: #ffffff;
    text-decoration: none;
    border: 2px solid #cacaca;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
a.button:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
button:focus,
a.button:focus {
    background-color: #0066a5;
    text-decoration: none;
    /* outline: none; */
}

input[type="submit"]:focus,
input[type="button"]:focus,
button:focus,
a.button:focus {
    background-color: #0066a5;
    text-decoration: none;
    /* outline: none; */
    /* outline: 1px dashed #545454; */
}

button {
    padding: auto;
}

button ~ button,
input[type="submit"] ~ input[type="submit"],
input[type="button"] ~ input[type="button"],
input[type="submit"] ~ input[type="button"],
input[type="button"] ~ input[type="submit"],
a.button ~ a.button,
button ~ input[type="submit"],
button ~ input[type="button"],
input[type="button"] ~ button,
input[type="submit"] ~ button,
a.button ~ button,
button ~ a.button,
button ~ input[type="button"] {
    /* margin-left: 10px; */
}

input[type="submit"].clear-button,
input[type="button"].clear-button,
button.clear-button,
a.clear-button,
input[type="submit"].cancel-button,
input[type="button"].cancel-button,
button.cancel-button,
a.cancel-button,
input[type="submit"].delete-button,
input[type="button"].delete-button,
button.delete-button,
a.delete-button {
    background-color: #f4f4f4;
    color: #51515b;
}

input[type="submit"].add-to-calendar-button,
input[type="button"].add-to-calendar-button,
button.add-to-calendar-button,
a.add-to-calendar-button {
    background-color: #003767;
}

input[type="submit"].add-to-calendar-button:hover,
input[type="button"].add-to-calendar-button:hover,
button.add-to-calendar-button:hover,
a.add-to-calendar-button:hover,
input[type="submit"].add-to-calendar-button:focus,
input[type="button"].add-to-calendar-button:focus,
button.add-to-calendar-button:focus,
a.add-to-calendar-button:focus {
    background-color: #00294d;
    text-decoration: none;
}

input[type="submit"].clear-button:hover,
input[type="button"].clear-button:hover,
button.clear-button:hover,
a.clear-button:hover,
input[type="submit"].cancel-button:hover,
input[type="button"].cancel-button:hover,
button.cancel-button:hover,
a.cancel-button:hover,
input[type="submit"].clear-button:focus,
input[type="button"].clear-button:focus,
button.clear-button:focus,
a.clear-button:focus,
input[type="submit"].cancel-button:focus,
input[type="button"].cancel-button:focus,
button.cancel-button:focus,
a.cancel-button:focus,
input[type="submit"].delete-button:hover,
input[type="button"].delete-button:hover,
button.delete-button:hover,
a.delete-button:hover,
input[type="submit"].delete-button:hover,
input[type="button"].delete-button:hover,
button.delete-button:hover,
a.delete-button:hover,
input[type="submit"].delete-button:focus,
input[type="button"].delete-button:focus,
button.delete-button:focus,
a.delete-button:focus,
input[type="submit"].delete-button:focus,
input[type="button"].delete-button:focus,
button.delete-button:focus,
a.delete-button:focus {
    background-color: #ececec;
    text-decoration: none;
    color: #51515b;
}


/* alert button */

input[type="submit"].alert-button,
input[type="button"].alert-button,
button.alert-button,
a.alert-button {
    background-color: #d14905;
    text-decoration: none;
    color: #fff;
}

input[type="submit"].alert-button:hover,
input[type="button"].alert-button:hover,
button.alert-button:hover,
a.alert-button:hover,
input[type="submit"].alert-button:focus,
input[type="button"].alert-button:focus,
button.alert-button:focus,
a.alert-button:focus,
input[type="submit"].button-delete-file:hover,
input[type="submit"].button-delete-file:focus {
    background-color: #c04305;
    text-decoration: none;
}


/* secondary button */

input[type="submit"].secondary-button,
input[type="button"].secondary-button,
button.secondary-button,
a.secondary-button {
    background-color: #7f7f86;
    text-decoration: none;
    color: #fff;
    /* min-height: 46px; */
}

input[type="submit"].secondary-button:hover,
input[type="button"].secondary-button:hover,
button.secondary-button:hover,
a.secondary-button:hover,
input[type="submit"].secondary-button:focus,
input[type="button"].secondary-button:focus,
button.secondary-button:focus,
a.secondary-button:focus {
    background-color: #67676c;
    text-decoration: none;
}

.large-button,
a.large-button,
input[type="submit"].large-button,
input[type="button"].large-button {
    padding: 15px 38px;
    min-height: 50px;
}

.extra-button,
a.extra-button,
input[type="submit"].extra-button,
input[type="button"].extra-button,
.sc-editcal-add {
    background-color: transparent;
    color: #313140;
    text-decoration: none;
    padding: 4px 1px;
    line-height: 1;
    min-height: 20px;
    border-radius: 0;
    border-bottom: 2px solid transparent;
    position: relative;
    margin-right: 30px;
}

.subscribe-button {
    position: relative;
    line-height: 1;
    margin-top: 6px;
}

a.extra-button:hover,
a.extra-button:focus,
.sc-editcal-add:hover,
.sc-editcal-add:focus {
    color: #313140;
}

.extra-button:hover,
.extra-button:focus,
a.extra-button:hover,
a.extra-button:focus,
input[type="submit"].extra-button:hover,
input[type="submit"].extra-button:focus,
input[type="button"].extra-button:hover,
input[type="button"].extra-button:focus,
.sc-editcal-add:hover,
.sc-editcal-add:focus {
    text-decoration: none;
    background-color: transparent;
    border-bottom: 2px solid #313140;
}

.light-extra-button,
a.light-extra-button,
input[type="submit"].light-extra-button,
input[type="button"].light-extra-button,
.sc-editcal-add {
    color: #007cc8;
    border-bottom: 2px solid transparent;
}

a.light-extra-button:hover,
a.light-extra-button:focus,
.sc-editcal-add:hover,
.sc-editcal-add:focus {
    color: #007cc8;
    border-bottom: 2px solid #007cc8;
}

.full-extra-button,
a.full-extra-button,
input[type="submit"].full-extra-button,
input[type="button"].full-extra-button {
    color: #fff;
    background-color: #7f7f86;
    text-decoration: none;
    border-bottom: none;
    min-height: 39px;
    padding: 10px 27px;
    border-radius: 2px;
}

a.full-extra-button:hover,
a.full-extra-button:focus {
    color: #fff;
    border-bottom: none;
}

.full-extra-button:hover,
.full-extra-button:focus,
a.full-extra-button:hover,
a.full-extra-button:focus,
input[type="submit"].full-extra-button:hover,
input[type="submit"].full-extra-button:focus,
input[type="button"].full-extra-button:hover,
input[type="button"].full-extra-button:focus {
    background-color: #67676c;
}

a.extra-button:after {
    width: 10px;
    height: 10px;
    display: inline-block;
    content: "";
    /* background-color: orange; */
    position: absolute;
    right: -20px;
    top: 6px;
}

a.full-extra-button {
    padding: 14px 47px 15px 27px;
}

a.full-extra-button.large-button {
    padding: 19px 47px 20px 27px;
    min-height: 50px;
    line-height: 1;
}

a.full-extra-button:after {
    right: 23px;
    top: 16px;
}

a.full-extra-button.large-button:after {
    top: 21px;
}

input[type="submit"].extra-button,
input[type="button"].extra-button,
button.extra-button,
.button.extra-button {
    margin-top: 6px;
    margin-bottom: 0;
}

a.button ~ .button.extra-button.full-extra-button,
input[type="button"] ~ input[type="button"].extra-button.full-extra-button,
button ~ button.extra-button.full-extra-button,
a.button ~ .button.extra-button.full-extra-button {
    margin-top: 0px;
}

.button.large-button.extra-button {
    margin-top: 10px;
    margin-bottom: 16px;
}

a.button ~ .button.large-button.extra-button.full-extra-button {
    margin-top: 0;
}

.sc-editcal-buttons {
    height: 40px !important;
}

a.large-button.add-button {
    position: relative;
    padding-left: 35px;
    padding-right: 15px;
    width: 100%;
}

.add-button:before {
    display: inline-block;
    content: '';
    height: 14px;
    width: 14px;
    margin-right: 15px;
    position: absolute;
    left: 12px;
    top: 18px;
}

.header-link.header-link-print {
    margin-left: 3px;
}

select {
    width: 100%;
    border-radius: 0;
    border: 2px solid #cacaca;
    height: 50px;
    margin-bottom: 5px;
}

select:focus {
    outline: 2px solid #2ab5e0;
}

input[type="text"] {
    border: 2px solid #cacaca;
    width: 100%;
}

select[multiple] {
    height: 85px;
}

.list-search-box select[multiple] {
    height: 50px;
}

select option {
    font-weight: 300;
}

select:focus {
    outline: 2px solid #2ab5e0;
}

.list-search-box input[type="text"] {
    width: 100%;
    float: left;
    margin-right: 5px;
    height: 50px;
    padding: 5px 15px;
    border-radius: 2px;
    margin-bottom: 10px;
    margin-bottom: 10px;
}

.subscribe-form-container input[type="text"] {
    border: 1px solid #cacaca;
    height: 50px;
    vertical-align: middle;
    padding: 0 15px 0 15px;
    margin-bottom: 10px;
    border-radius: 2px;
    background-color: transparent;
}

.se-form-required-text {
    color: #af0c33;
}


/* GENERAL STYLES */

.tab-pane {
    display: none;
}

.no-js .tab-pane {
    display: block;
}

.no-js #mapContent {
    display: none;
}

.no-js .list-tab-pane {
    display: block;
}

.tab-pane.initialised {
    display: none;
    padding-bottom: 25px;
}

.tab-pane.initialised.active {
    display: block;
}

.tabs {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}

.no-js .tabs {
    display: none;
}

li.tab.list-tab {
    margin-right: 25px;
    /* line-height: 2.6; */
}

.tab {
    float: left;
    list-style: none;
    margin-right: 10px;
    position: relative;
    line-height: 2.6;
}

.tab a,
.tab.active a {
    font-size: 17px;
    font-size: 1.7rem;
    color: #007bc7;
    text-decoration: none;
    /* height: 100%; */
    font-weight: 500;
    padding: 15px 5px 13px 35px;
}

.map-tab a {
    /* padding: 0 5px 0 25px; */
}

.list-tab a {
    /* padding: 0 5px 0 35px; */
}

.tab-content {
    border-top: 2px solid #f5f5f5;
    padding-top: 25px;
    margin-top: -2px;
}

.no-js .tab-content {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

.general-page {
    display: inline-block;
    width: 100%;
    /* background: #ddd; */
}

.main-column {
    min-height: 700px;
    padding-bottom: 0;
}

.content-container {
    padding: 0 15px;
    /* background: gray; */
}

.login-page .body-content.general-page-body-content {
    background-color: #f4f4f4;
    padding: 30px;
    border-radius: 2px;
}

.login-page .body-content.general-page-body-content p:last-of-type {
    margin-bottom: 0;
}

.login-page .body-content.general-page-body-content p:last-of-type a.button {
    margin-bottom: 0
}

.file-details {
    display: none;
}

.file-size-container {
    /*vertical-align: super;*/
    font-size: 12px;
    font-size: 1.2rem;
}

button[disabled="disabled"] {
    display: none;
}

.full-extra-button {
    padding-right: 49px;
}


/* HEADER */

.skip-to-content-link {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    text-decoration: none;
}

.skip-to-content-link:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    outline: 1px dotted #000;
    z-index: 1000;
}

input.btnTextIncrease,
input.btnTextDecrease,
.header-link {
    font-size: 12px;
    font-size: 1.2rem;
    text-decoration: none;
    font-weight: 500;
    color: #67676c;
    min-width: 35px;
    min-height: 35px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 15px;
    line-height: 1.5rem;
    border: 2px solid #67676c;
    border-radius: 31px;
    padding: 7px 20px 0 20px;
    margin-left: 5px;
    background-color: transparent;
    float: none;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
}

input[type="submit"].btnTextIncrease,
input[type="submit"].btnTextDecrease,
input[type="submit"].btnTextDecrease ~ input[type="submit"].btnTextIncrease {
    padding: 0;
    margin-left: 4px;
}

input.btnTextIncrease:hover,
input.btnTextIncrease:focus,
input.btnTextDecrease:hover,
input.btnTextDecrease:focus,
.header-link:hover,
.header-link:focus {
    color: #f4f4f4;
    background-color: #67676c;
}

header,
.header {
    min-height: 93px;
    /* background-color: #f4f4f4; */
    background: url(navigation-gradient-border-mobile.jpg) 0 bottom no-repeat #f4f4f4;
    position: relative;
    overflow: visible;
    z-index: 4;
}

.change-password-button {
    width: 100%;
}

.homepage-header .header-content-placeholder {
    margin-top: 65px;
}


/* COMMUNITY ORGANISATION DIRECTORY */

.map-data {
    display: none
}

.gmap-target {
    height: 300px;
    width: 100%;
    border: 2px solid #cecece;
}

.header-container {
    position: relative;
}

.edit-button-container-for-mobile {
    display: block;
    position: relative;
}

.edit-button-container-for-desktop {
    display: none;
}


/* DETAILS SECTION */

.details-section {
    display: none;
}

.event-facilities-details-section.visible,
.parks-things-to-do-details-section.visible {
    min-height: auto;
}

.details-section,
.cod-details-section {
    min-height: 185px;
    margin-bottom: 8px;
    background-color: #f9f8f8;
    padding: 0;
    color: #595966;
    font-size: 15px;
    font-size: 1.5rem;
    word-wrap: break-word;
}

.details-section-heading {
    font-size: 16px;
    font-size: 1.6rem;
    color: #595966;
    font-weight: 600;
    margin-bottom: 0;
    background-color: #f3f2f1;
}

.details-section-heading,
.event-details-section-heading,
.cod-details-section-heading {
    padding: 5px 15px;
}

.details-section-body,
.cod-details-section-body {
    padding: 20px 15px;
    display: inline-block;
    background-color: #f9f8f8;
    width: 100%;
}

.cod-contact {
    margin-bottom: 10px;
    position: relative;
    padding-left: 30px;
}

.details-section-body a,
.cod-details-section-body a {
    color: #595966;
    font-weight: 300;
}

.details-section-label a {
    color: #595966;
}

.cod-contact-name-1-with-phone .details-section-label,
.cod-contact-name-2-with-phone .details-section-label {
    /* padding-left: 29px; */
    /* position: relative; */
}

.details-sections,
.cod-details-sections {
    display: inline-block;
    width: 100%;
}

.details-sections:after,
.cod-details-sections:after {
    clear: both;
    display: table;
    content: "";
}

.no-js .details-section,
.no-js .cod-details-section {
    width: 100%;
    padding: 0;
    border: none
}

.no-js .details-section:nth-child(1n),
.no-js .details-section:nth-child(3n),
.no-js .cod-details-section:nth-child(1n),
.no-js .cod-details-section:nth-child(3n) {
    border: none;
}

/*a.cod-get-directions-link.button.extra-button,
a.event-get-directions-link.button.extra-button,
a.parks-get-directions-link.button.extra-button {
    color: #313140;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 400;
    height: 25px;
}

.parks-location-section-body a.parks-get-directions-link.button.extra-button {
	margin-top: 0;
}

a.cod-get-directions-link.button.extra-button:focus {
    color: #313140;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 400;
}*/

a.details-section-get-directions-link.button.extra-button {
    color: #313140;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 400;
    height: 25px;
    margin-top: 0;
}

.categories-details-section-heading {
    font-size: 17px;
    font-size: 1.7rem;
    color: #40404d;
    font-weight: 600;
    margin-bottom: 15px;
}

.details-section-label {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.cod-contact:before {
    /* background: #ddd; */
}

.cod-contact:before {
    width: 18px;
    height: 18px;
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 2px;
}

.cod-postal-address-section-body {
    padding-left: 45px;
    position: relative;
}

.cod-postal-address-section-body:before {
    display: inline-block;
    content: "";
    width: 19px;
    height: 19px;
    position: absolute;
    left: 17px;
    top: 24px;
}

.cod-location-section-body,
.parks-location-section-body {
    padding-left: 45px;
    position: relative;
}

.cod-location-section-body:before,
.parks-location-section-body:before {
    width: 19px;
    height: 20px;
    content: "";
    display: inline-block;
    left: 17px;
    top: 21px;
    position: absolute;
}

.cod-transport {
    padding-left: 30px;
    position: relative;
}

.cod-access {
    padding-left: 30px;
    position: relative;
}

.cod-transport:before,
.cod-access:before {
    width: 19px;
    height: 22px;
    content: "";
    display: inline-block;
    left: 0;
    top: 4px;
    position: absolute;
}

.cod-main-column {
    padding-bottom: 25px;
}

.event-contact-email,
.cod-organisation-email,
.cod-website {
    padding-left: 30px;
    position: relative;
    margin-bottom: 57px;
}

.event-contact-email:before,
.cod-organisation-email:before,
.cod-website:before {
    width: 19px;
    height: 22px;
    content: "";
    display: inline-block;
    left: 0;
    top: 0;
    position: absolute;
}

.details-section-body ul {
    margin-top: 0;
    padding: 0;
}

.details-section-body p {
    margin-bottom: 1em;
}

.cod-transport ul,
.cod-access ul {
    margin: 0;
    padding: 0;
    /* width: 100%; */
    /* display: inline-block; */
}

.details-section-body li,
.cod-transport li,
.cod-access li {
    line-height: 1.5;
    list-style-type: none;
    position: relative;
    padding-left: 10px;
}

.details-section-body li:before,
.cod-transport li:before,
.cod-access li:before {
    width: 2px;
    height: 2px;
    content: "";
    display: inline-block;
    background-color: #595966;
    left: 0;
    top: 11px;
    position: absolute;
    border-radius: 0;
}

.cod-link {
    color: #595966;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 400;
    word-break: break-all;
    white-space: pre-wrap;
    /* css-3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
    width: 200px;
}

.cod-dahsboard-table {
    width: 100%;
}

.cod-buttons-column {
    /* text-align: right; */
}

.cod-buttons-column input {
    float: none;
}

.cod-buttons-column input:last-child {
    /*float: none;*/
}

input.ugc-management-button-deactivate {
    margin-right: 0;
}

.cod-dahsboard-table tr {
    border-bottom: 2px solid #f4f4f4;
}

.cod-dahsboard-table tr:last-child {
    border-bottom: none;
}

.cod-dahsboard-table td {
    padding: 20px 0;
    vertical-align: top;
    display: block;
}

.cod-dahsboard-table td.cod-buttons-column {
    padding-top: 10px;
}

.cod-dahsboard-table td.cod-buttons-column .button {
    width: 48%;
    margin: 0;
}

.cod-dahsboard-table td.cod-buttons-column .button:last-child {
    float: right;
}

.cod-status-label {
    font-weight: 500;
}

.cod-status-label:after {
    content: ':';
    display: inline-block;
}

.venue-name-label {
    color: #595966;
    font-weight: 500;
}

.status-pending,
.status-live,
.status-archived,
.status-deleted,
.status-deactivated {
    font-weight: 500;
}

.status-pending {
    color: #0272b7;
}

.status-live {
    color: #0f7411;
}

.status-archived {
    color: #a50000;
}

.status-deactivated {
    color: #ff9c1d;
}

.no-js .map-container {
    display: none;
}

.side-column-social-icons-placeholder {
    display: inline-block;
    margin-top: 10px;
}

.side-column-social-icons-placeholder:after {
    clear: both;
    content: "";
    display: table;
}

.side-column-details-section-header {
    margin-bottom: 5px;
}

.map {
    width: 100%;
    height: 250px;
    border: 2px solid #f1c003;
    margin-bottom: 35px;
}


/*  CATEGORIES */

.categories-details-section {
    position: relative;
    padding-left: 30px;
    margin-bottom: 30px;
}

.categories-details-section:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
}

.categories {
    background-color: #efefef;
    font-weight: 400;
    padding: 1px 5px;
    display: table;
    margin-bottom: 3px;
    /* width: 100%; */
    float: none;
    clear: both;
}

.side-column-details-section-heading {
    background-color: transparent;
    color: #595966;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 0;
}

.side-column-details-section {
    margin-bottom: 30px;
    display: inline-block;
}

.details-section,
.cod-details-section,
.side-column-details-section {
    display: none;
    width: 100%
}

.details-section.visible,
.cod-details-section.visible,
.side-column-details-section.visible {
    display: inline-block;
}

.cod-gis-reference-number {
    display: none;
}

.dashboard-section h4 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
}

.details-section-label {
    margin-bottom: 5px;
    color: #595966;
}

.side-column-details-section .details-section-label {
    /*margin-bottom: 3px;*/
}

.dashboard-content-container {
    /* padding: 0 15px; */
    box-sizing: border-box;
    padding: 0 15px;
}

.cod-transport-and-access:after {
    display: inline-block;
    content: '';
    border-bottom: 1px solid #ddd;
    /* height: 1px; */
    width: 100%;
    margin-top: 12px;
    margin-bottom: 8px;
}

.cod-transport-and-access:last-child:after {
    display: none;
}

.button.cod-edit-button {
    background-color: #7f7f86;
    width: 100%;
    padding: 17px 10px;
    margin-bottom: 30px;
}

.button.cod-edit-button:hover,
.button.cod-edit-button:focus {
    background-color: #67676c;
}

input.btnTextIncrease,
input.btnTextDecrease,
.header-link.header-font-resize-link,
.header-link.header-link-print {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
}

.menu-button {
    background-color: #fff;
    width: 79px;
    height: 81px;
    position: absolute;
    left: 0;
    display: block;
    top: 0;
}

.homepage-search-inner-placeholder,
.header-search-inner-placeholder {
    width: 100%;
    min-height: 50px;
    /* background-color: #ddd; */
    position: absolute;
    top: 0;
    z-index: 1000000000000000000000;
}

.homepage-search-inner-placeholder {
    min-height: 65px;
}

.header .homepage-search-inner-placeholder {
    min-height: 50px;
}

.discover-maroondah-search-placeholder .homepage-search-inner-placeholder {
    min-height: 65px;
    width: 100%;
    z-index: auto;
}

.main-navigation {
    /* min-height: 49px; */
    background-color: #fff;
    display: none;
    width: 100%;
    /* height: 65px; */
}

.no-js .sm-simple > li:hover > a {
    background-color: #04588b;
    color: #fff;
}

.no-js li:hover > ul {
    /* position: absolute; */
    display: block;
    /* left: 0; */
    /* z-index: 1; */
}

.no-js li.nav-section-quarters-3:hover > ul {
    position: absolute;
    left: auto;
    right: 0;
}

.no-js li.nav-section-quarters-3:hover > ul > li > ul {
    position: absolute;
    left: auto;
    right: 280px;
}

.main-navigation-inner {
    margin: 0 auto;
    /*width: 1140px;*/
    max-width: 1140px;
}

.large .sm-simple > li > a {
    padding: 22px 7px 0;
    height: 61px;
    text-align: center;
    white-space: normal;
    word-wrap: break-word; /* to prevent menu text overlapping when using font size increase */
}

.nav-item-seq-1 {
    width: 13%;
}

.nav-item-seq-2 {
    width: 18%;
}

.nav-item-seq-3 {
    width: 26%;
}

.nav-item-seq-4 {
    width: 12%;
}

.nav-item-seq-5 {
    width: 8%;
}

.nav-item-seq-6 {
    width: 16%;
}

.large .sm-simple a {
    padding: 22px 25px;
}

.large .sm-simple .navigation-children-items a {
    padding: 14px 20px;
}

.large .sm-simple .navigation-children-items a:hover {
    background-color: #007bc7;
}

.navigation-children-items a {
    background-color: #0364a0;
    margin-top: 3px;
}

.navigation-children-items li:first-child a {
    margin-top: 0;
}

.sm-simple > li > a {
    color: #04588b;
}

.logo-placeholder {
    width: 177px;
    height: 70px;
    /* background-color: orange; */
    /* float: right; */
    margin-top: 0;
    margin-left: 95px;
    /* margin-top: 9px; */
    position: absolute;
    left: 0;
    top: 9px;
    /* margin-left: 25px; */
}

.no-js .logo-placeholder {
    margin-left: 15px;
}

.header-content-placeholder {
    display: inline-block;
    background-color: #fff;
    /* min-height: 108px; */
    min-width: 452px;
    float: right;
    margin-top: 0;
    /* display: none; */
    position: absolute;
    top: 93px;
    min-width: 100%;
    max-width: 100%;
}

.logo-placeholder a {
    display: inline-block;
}

.header-inner-container:after {
    display: table;
    clear: both;
    content: "";
}

.header-inner-container {
    /* min-height: 163px; */
    min-height: 93px;
    max-width: 1140px;
    margin: 0 auto;
    overflow: visible;
    position: relative;
}

.header-icons-placeholder {
    min-height: 34px;
    background-color: transparent;
    display: none;
    /* position: absolute; */
    left: 0;
    top: 0;
    width: 100%;
    /* float: right; */
}

.header-search-placeholder {
    min-height: 60px;
    background-color: transparent;
    position: relative;
    z-index: 2;
}

.header-search-inner-placeholder img {
    margin: 0;
}


/* GENERAL PAGE */

h1.page-title.general-page-title {
    margin-bottom: 40px;
    display: inline-block;
    width: 100%;
}

h1.page-title.general-page-title:after {
    clear: both;
    content: '';
    display: table;
}

.page-title-text {
    float: left;
    margin-right: 10px;
    /* margin-bottom: 30px; */
}

.page-title-text .file-size-container {
    /*margin-left: 8px;*/
    vertical-align: super;
}

.date-placeholder {
    display: none;
}

.show-documents-on-exibition-listing {
    display: none;
}

.accordion .toggle-panel {
    height: 1px;
    overflow: hidden;
    margin-bottom: 4px;
    border-left: 2px solid #f4f4f4;
    border-right: 2px solid #f4f4f4;
    border-radius: 0 0 2px 2px;
    margin-top: 0;
    display: block;
}

.no-js .accordion .toggle-panel {
    height: auto;
    border-left: 2px solid #f4f4f4;
    border-right: 2px solid #f4f4f4;
    border-bottom: 2px solid #f4f4f4;
}

.expanded + .toggle-panel {
    border-bottom: 2px solid #f4f4f4;
}

.page-image {
    max-width: 100%;
    margin-bottom: 10px;
    max-height: 400px;
    display: inline-block;
}

.toggle-panel-trigger-heading {
    background-color: #f4f4f4;
    margin-bottom: 0;
    padding: 7px 75px 3px 15px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    min-height: 44px;
    box-sizing: border-box;
    vertical-align: middle;
    border-bottom: 0;
    float: left;
    width: 100%;
    display: inline-block;
    border-radius: 2px 2px 0 0;
}

.toggle-panel-trigger-heading:after {
    display: inline-block;
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    background-color: #fff;
    top: 2px;
    right: 2px;
    box-sizing: border-box;
    border-radius: 2px;
}

.no-js .toggle-panel-trigger-heading:after {
    display: none;
}

.panel-content {
    padding: 15px;
}

.panel-content p:last-of-type {
    margin: 0;
}

.image-description,
.general-page-image-description {
    font-size: 13px;
    font-family: arial;
    color: #757575;
    display: block;
}

.page-image-container {
    margin-bottom: 1.6em;
}

.full-width-landing-page .general-page-image-description {
    margin-bottom: 50px;
}

.short-desciption {
    font-weight: 400;
    margin-bottom: 30px;
    display: none;
}

.community-organisation-directory-page .short-desciption,
.short-desciption.event-details-page-short-description,
.parks-and-facilities .short-desciption,
.city-improvements-page .short-desciption {
    display: block;
}

.related-info-container {
    /* background-color: #ddd; */
    box-sizing: border-box;
    margin-bottom: 60px;
}

.forms-and-permits-side-column .related-info-container {
	/* to fix anchor tags not breaking even if it is outside of container - might need to revisit */
    width: calc(100% - 32px);
}

.related-info-container:after {
    content: "";
    display: table;
    clear: both;
}

.related-info-list {
    margin-bottom: 0;
    margin-top: 0;
}

.related-info-title {
    font-size: 20px;
    margin-bottom: 20px;
}

.accordion {
    margin-bottom: 60px;
}

.accordion:empty {
    margin-bottom: 0;
}

.related-info-list li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    float: left;
    display: inline-block;
    width: 100%;
}

.related-info-list {
    margin: 0;
    padding: 0;
}

.related-info-list a {
    margin-left: 32px;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 400;
    word-break: break-word;
}

.related-info-list .document {}

.main-content {
    padding: 96px 0 100px 0;
    min-height: 700px;
    background-size: 100%;
}

.main-content.homepage-group-template {
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.main-content-inner {
    max-width: 1140px;
    margin: 0 auto;
    min-height: 93px;
    background-color: #ddd;
    display: block;
    position: relative;
    min-width: 303px;
    position: relative;
}

.main-content-inner {
    -webkit-box-shadow: 0px 1px 9px 3px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 1px 9px 3px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 1px 9px 3px rgba(0, 0, 0, 0.14);
    padding: 0;
    position: relative;
    background-color: #fff;
    overflow: auto;
}

.homepage-group-template {
    background: none;
}

.homepage-group-template .main-content-inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    position: relative;
    background-color: transparent;
    overflow: auto;
    overflow: hidden;
    max-width: 100%;
}

.navigation-column {
    padding-top: 2px;
    display: none;
}

/* THREE COLUMN GENERAL PAGE */

.side-panel {
    background-color: #f4f5f5;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.side-panel-wysiwyg img {
    width: 100%;
    /*float: left;*/
    margin-bottom: 0;
}

.side-panel-wysiwyg div {
    /*display: inline-block; commented out due to bug with img on IE*/
    height: auto;
}

.side-panel:nth-child(3n+1) {
    border-top: 4px solid #59acc4;
}

.side-panel:nth-child(3n+2) {
    border-top: 4px solid #f1c003;
}

.side-panel:nth-child(3n) {
    border-top: 4px solid #85c846;
}

.side-panel {
    padding: 13px 20px 15px 20px;
}

.side-panel-title {
    color: #313140;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 2px;
    line-height: 2rem;
    margin-bottom: 0;
    font-weight: 600;
}

.side-panel-wysiwyg p:last-child {
    margin-bottom: 0;
}

.side-panel-wysiwyg p,
.side-panel-wysiwyg a {
    /*word-break: break-all;*/
    word-wrap: break-word;
}

.side-panel-wysiwyg {}

.side-panel-title + .side-panel-wysiwyg {
    margin-top: 20px;
}

.side-panel-wysiwyg {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    font-weight: 300;
    /* in PSD the font-weight was regular (400), but it did not look ok in the browser */
}

.side-panel:empty {
    display: none;
}

.side-panel-1 {
    border-left: 2px solid #E3DB0A;
}

.side-panel-2 {
    border-left: 2px solid #F88920;
}

.side-panel-3 {
    border-left: 2px solid #0ABDD4;
}

.footer-newsletter:after {
    content: "";
    clear: both;
    display: table;
}


/* HOMEPAGE */

.homepage-hero-banner-link {
    background-color: rgba(0, 104, 167, 0.68);
    color: #fff;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    min-height: 115px;
    padding: 27px 55px 27px 15px;
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 29px;
    line-height: 2.9rem;
    font-weight: 400;
    position: absolute;
    bottom: 0;
}

.homepage-hero-banner-link-text {
    display: inline;
    /* position: relative; */
}

.homepage-hero-banner-link:visited {
    color: #fff;
}

.homepage-hero-banner-link:hover,
.homepage-hero-banner-link:focus {
    background-color: rgba(0, 104, 167, 1);
    color: #fff;
}

.homepage-hero-banner {
    position: absolute;
    width: 100%;
    height: 100%;
}


/* HOMEPAGE ALERTS */

.alert {
    color: #fff;
    background-color: #363636;
}

.alert-inner {
    max-width: 1140px;
    margin: 0 auto;
    padding: 25px 15px;
    position: relative;
}

.no-js-alert {
    display: none;
}

.no-js .no-js-alert {
    display: block;
}

.alert {
    position: relative;
}

.alert input[type="submit"] {
    position: absolute;
    right: 0;
    top: 24px;
    font-size: 0;
    border-radius: 0;
    width: 26px;
    height: 26px;
    min-height: 0;
    min-width: 0;
    padding: 0;
    margin-bottom: 0;
    margin-right: 0;
    background-color: transparent;
}


/* FOOTER */

.copyright-container {
    float: left;
}

footer,
.footer {
    background: #f4f4f4;
    padding-top: 100px;
}

.footer.homepage-footer {
    background: #f4f4f4;
    padding-top: 55px;
}

.inner-footer-container {
    max-width: 1140px;
    margin: 0 auto;
    /* background-color: #f4f4f4; */
    min-width: 303px;
    position: relative;
    padding: 0 25px;
}

footer,
.footer,
.footer-link,
footer li,
.footer.li,
a.phone {
    color: #69696a;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 28px;
    line-height: 2.8rem;
}

.footer-link-item {
    list-style: none;
    /* margin: 0; */
    padding: 0;
    position: relative;
}

.footer-link-items {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.footer-section-heading {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 800;
    color: #51515b;
    margin-bottom: 15px;
    line-height: 28px;
    line-height: 2.8rem;
}

.footer-section {
    height: 100%;
    display: inline-block;
    padding-left: 2%;
    padding-right: 2%;
    padding: 0;
    margin-bottom: 40px;
}

.footer-section:first-child {
    padding-left: 0
}

.footer-section:last-child {
    border: none;
    padding-right: 0;
}

.lower-footer-link-item {
    float: left;
    padding: 0;
    position: relative;
    padding-right: 22px;
}

.lower-footer-link-item:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 15px;
    border-right: 2px solid #aeaeaf;
    margin-right: 10px;
    margin-left: 8px;
    top: 8px;
    position: absolute;
    right: 0;
}

.lower-footer-link-item:last-child:after {
    display: none;
}

.footer-section.follow-us-footer-section.col-xs-12.col-m-12.col-lg-2 {
    /* padding-left: 26px; */
    /* padding-right: 25px; */
}

.social-footer-link-item {
    float: left;
    margin-right: 4%;
    height: 65px;
}

.upper-footer {
    display: inline-block;
}

.lower-homepage-footer-section {
    background-color: #ececec;
    padding-top: 55px;
}

.languages-footer-link-items-container,
.additional-footer-link-items-container {
    float: left;
    width: 50%
}

.additional-footer-link-items-container {
    padding-top: 40px
}

.lower-footer {
    display: inline-block;
    width: 100%;
}

.lower-footer:before {
    clear: both;
    content: '';
    display: table;
}

.councillor-image.councillor-footer-image {
    max-width: 135px;
    float: none;
    margin-right: 30px;
    margin-bottom: 96px;
}

.councillor-details {
    float: none;
}

.carousel-item.councillor-carousel-item:after {
    content: '';
    display: table;
    clear: both;
}

.councillor-image-and-details {
    display: inline-block;
    width: 100%;
    min-height: 135px;
}

.councillor-image-and-details:after {
    display: table;
    clear: both;
    content: '';
}

.councillor-name {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 24px;
    line-height: 2.4rem;
    margin-bottom: 0;
}

.councillor-buttons-placeholder {
    display: inline-block;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    float: none;
}

.councillor-buttons {
    /* float: right; */
    padding-left: 0;
    display: inline-block;
    padding-right: 0;
}

.ward {
    margin-bottom: 12px;
}

.middle-footer-section {
    width: 100%;
    display: block;
}

.middle-footer-section:after {
    content: '';
    display: table;
    clear: both;
}

a.button.secondary-button.councillor-profile-button {
    padding: 3px 14px;
    min-height: 35px;
    margin-right: 7px;
    font-size: 15px;
    font-weight: 400;
    float: left;
}

.middle-footer-councillors-section {
    overflow: hidden;
}

.middle-footer-councillors-section .owl-prev,
.middle-footer-councillors-section .owl-next,
.stop-play-button {
    display: inline-block;
    background-color: #7f7f86;
    padding: 5px 0px;
    border-radius: 2px;
    font-size: 0px;
    width: 35px;
    height: 35px;
    margin-right: 5px;
    min-height: 35px;
    float: left;
}

.middle-footer-councillors-section .owl-prev:hover,
.middle-footer-councillors-section .owl-prev:focus,
.middle-footer-councillors-section .owl-next:hover,
.middle-footer-councillors-section .owl-next:focus {
    background-color: #67676c;
}

.stop-play-button {
    margin-right: 25px;
}

.owl-carousel {
    position: relative;
}

.owl-nav {
    position: absolute;
    top: 165px;
}

.owl-prev.disabled,
.owl-next.disabled {
    cursor: pointer;
    opacity: .7;
}

.middle-footer-inner-councillors-section {
    /*width: 462px;*/
    max-width: 100%;
}

.councillor-email-link {
    line-height: 1.4;
    word-wrap: break-word;
    display: block; /* to fix IE word not wrapping issue */
}

/*  COUNCILLORS ROTATING BANNER IN THE FOOTER */

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}


/* SIDE MENU (basic styles, shared between mobile menu and side column menu)*/

nav.rs_skip {
    float: none;
}

.nav {
    /* background-color: #2d343c; */
    max-width: 100%;
    /* min-height: 100vh; */
}

.close-nav-button {
    display: inline-block;
    margin: 15px 0 7px 12px;
    padding: 7px;
    border: none;
    background-color: transparent;
}

.close-nav-button:hover,
.close-nav-button:focus {
    opacity: 0.6;
}

.close-nav-icon {
    display: block;
}

.sub-menu-list {
    list-style: none;
    padding: 0;
    display: none;
    margin: 0;
}

.sub-menu-list-level-0 {
    display: block;
}

.sub-menu-list-active {
    display: block;
}

.sub-menu-expand {
    position: absolute;
    top: 0px;
    right: 1px;
    cursor: pointer;
    padding: 0;
    display: none;
    box-sizing: border-box;
    background-color: transparent;
    border: none;
    width: 27px;
    display: inline-block;
    margin: 0;
    min-height: 33px;
    display: none;
}

.sub-menu-expand.sub-menu-expand-enabled {
    display: block;
}

.no-js .sub-menu-expand.sub-menu-expand-enabled {
    display: none;
}

.sub-menu-expand:hover,
.sub-menu-expand:focus {
    background-color: transparent;
}

.sub-menu-icon-expanded {
    margin-top: 6px;
}

.sub-menu-icon {
    display: block;
    margin-top: 1px;
    width: 50px;
    height: 42px;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.sub-menu-item-container {
    position: relative;
}

a.sub-menu-link {
    color: #FFF;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 5px 40px 7px 18px;
    display: block;
    background-color: #f4f4f4;
    color: #04588b;
    position: relative;
    margin-bottom: 0;
    border: 2px solid #f4f4f4;
    font-weight: 400;
    line-height: 23px;
    line-height: 2.3rem;
}

.small a.sub-menu-link-active:before,
.small .sub-menu-item-level-1 a.sub-menu-link-active:before {
    border: none
}

a.sub-menu-link.sub-menu-link-children {
    padding-right: 40px;
}

a.sub-menu-link-active:before {
    content: ".";
    display: inline-block;
    width: 3px;
    background-color: #f46f16;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 58px;
    border-top: 3px solid #fff;
    border-bottom: 8px solid #fff;
    border-bottom: 13px solid #fff;
    color: #f46f16;
    padding-bottom: 0px;
    box-sizing: border-box;
    text-indent: -5px;
    overflow: hidden;
}

.small a.sub-menu-link:hover {
    background-color: #0280cf;
}

.sub-menu-item-level-1 a.sub-menu-link-active:before {
    border-top: 0 solid #F4F4F3;
    border-bottom: 0 solid #f4f4f4;
}

.sub-menu-item-level-2 a.sub-menu-link-active:before {
    border-top: 7px solid #fff;
    border-bottom: 7px solid #fff;
}

.sub-menu-item-level-3 a.sub-menu-link-active:before,
.sub-menu-item-level-4 a.sub-menu-link-active:before,
.sub-menu-item-level-5 a.sub-menu-link-active:before {
    border-top: 7px solid #fff;
    border-bottom: 7px solid #fff;
}

.sub-menu-item-level-1 a.sub-menu-link-active:before {
    left: 0;
}

.sub-menu-item-level-2 a.sub-menu-link-active:before {
    left: 20px;
}

.sub-menu-item-level-3 a.sub-menu-link-active:before {
    left: 35px;
}

.sub-menu-item-level-4 a.sub-menu-link-active:before {
    left: 54px;
}

.sub-menu-item-level-5 a.sub-menu-link-active:before {
    left: 75px;
}


/*.small a.nav-active-path:before,*/

.small .sub-menu-item-level-1 a.sub-menu-link-active:before,
.small .sub-menu-item-level-2 a.sub-menu-link-active:before,
.small .sub-menu-item-level-3 a.sub-menu-link-active:before,
.small .sub-menu-item-level-4 a.sub-menu-link-active:before,
.small .sub-menu-item-level-5 a.sub-menu-link-active:before {
    left: 0;
    border: 0;
}

a.sub-menu-link.sub-menu-link-level-1 {
    border-bottom: 2px solid #fff;
}

.small a.sub-menu-link.sub-menu-link-level-1.sub-menu-link-children {
    padding-right: 40px;
}

a.sub-menu-link.sub-menu-link-level-2 {
    padding-left: 32px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    /* background-color: #fff; */
    padding-bottom: 4px;
    padding-right: 40px;
    margin-bottom: 2px;
    margin-top: 0;
}

a.sub-menu-link.sub-menu-link-level-2,
a.sub-menu-link.sub-menu-link-level-3 {
    background-color: #fff;
    padding-top: 6px;
    padding-bottom: 7px;
    line-height: 2rem;
    margin-top: 0;
    margin-bottom: 0px;
    margin-top: 0;
    border-top: none;
}

a.sub-menu-link.sub-menu-link-level-3 {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    padding-left: 48px;
}

a.sub-menu-link.sub-menu-link-level-4 {
    padding-left: 65px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;
    background-color: #fff;
    padding-top: 7px;
    padding-bottom: 6px;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 0;
    margin-top: 0;
    border-bottom: none;
    border-top: none;
}

a.sub-menu-link.sub-menu-link-level-5 {
    padding-left: 86px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 0;
    margin-top: 0;
    border-bottom: none;
    border-top: none;
}

li.sub-menu-item.sub-menu-item-level-3,
li.sub-menu-item.sub-menu-item-level-4 {
    /* border-bottom: 1px solid #f4f4f4; */
}

a.sub-menu-link:hover,
a.sub-menu-link:focus {
    /* background-color: #005c90; */
}

a.sub-menu-link-level-0:first-child {
    border-top: 1px solid #333a43;
}

a.sub-menu-link:hover {
    /* text-decoration: underline; */
    color: #67676c;
}

.no-js .nav {
    display: block;
    position: static;
    width: 100%;
    min-height: auto;
}

.no-js .sub-menu-list {
    display: block;
}

.no-js .sub-menu-list-level-0 {
    display: block;
    max-width: 1140px;
    margin: 0 auto;
}

.no-js .sub-menu-item-level-1 {
    display: inline-block;
    width: 100%;
}

button .sub-menu-heading,
.sub-menu-heading {
    background: #007bc7;
    color: #fff;
    font-size: 23px;
    font-size: 2.3rem;
    padding: 8px 20px;
    margin-bottom: 2px;
    display: inline-block;
    float: none;
}

li.sub-menu-item.sub-menu-item-level-3:last-child a.sub-menu-link-level-3 {
    margin-bottom: 2px;
}

ul.main-menu-list-level-2 {
    /* margin-top: -2px; */
}

.expanded .toggle-panel {
    height: auto;
    display: block;
}

.toggle-panel {
    height: 0;
    overflow: hidden;
    display: none;
}

.no-js .toggle-panel {
    height: auto;
}


/* SIDE COLUMN MENU */

.svg .side-column-menu .sub-menu-icon,
.side-column-menu .sub-menu-icon,
.svg .small .sub-menu-expand,
.small .sub-menu-expand {
    background: none;
}

.side-column-menu .sub-menu-icon,
.side-column-menu .sub-menu-expand {
    width: 28px;
    height: 35px;
}


/* MOBILE MAIN NAVIGATION */

.small a.sub-menu-link.sub-menu-link-level-1,
.small a.sub-menu-link.sub-menu-link-level-2,
.small a.sub-menu-link.sub-menu-link-level-3,
.small a.sub-menu-link.sub-menu-link-level-4 {
    background-color: #0170b4;
    border: none;
    margin: 0;
    padding: 10px 25px;
    border-bottom: 2px solid #04588b;
    font-weight: 400;
    font-size: 17px;
}

.small a.sub-menu-link.sub-menu-link-level-2 {
    background-color: #0364a0;
    padding-left: 55px;
    font-weight: 300;
}

.small li.sub-menu-item.sub-menu-item-level-3:last-child a.sub-menu-link-level-3 {
    margin-bottom: 0;
}

.small a.sub-menu-link.sub-menu-link-level-1:hover,
.small a.sub-menu-link.sub-menu-link-level-2:hover,
.small a.sub-menu-link.sub-menu-link-level-3:hover,
.small a.sub-menu-link.sub-menu-link-level-4:hover {
    background-color: #007bc7;
    color: #fff;
}

[aria-expanded="false"].sub-menu-expand.sub-menu-expand-enabled.nav-active-path {
    background-position: 16px -1512px;
    width: 51px;
    height: 42px;
}

.side-column [aria-expanded="false"].sub-menu-expand.sub-menu-expand-enabled.nav-active-path {
    width: 27px;
    height: 36px;
}

.top-tasks-items-list {
    margin-left: 50px;
}

.sm-simple ul.top-tasks-items-list {
    float: right;
    /*width: 305px;*/
    width: 295px;
}

ul.navigation-children-items.last-navigation-item-1 {
    height: 523px;
}

.dropdown {
    position: absolute;
    /*width: 353px;*/
    width: 330px;
    display: inline-block;
    z-index: 9;
    background-color: #04588b;
    display: none;
}

.dropdown.top-tasks-available {
    /*width: 663px;*/
    width: 630px;
}

.hiHover .dropdown,
li:hover > .dropdown,
.highlighted .dropdown {
    display: block;
    padding: 5px 5px 4px 5px;
}

li.nav-section-quarters-2 > .dropdown,
li.nav-section-quarters-3 > .dropdown {
    /* right: 0; */
}

li.nav-section-quarters-2.nav-item-seq-3 > .dropdown {
    left: 0;
}

.nav-item-seq-4 > .dropdown,
.nav-item-seq-5 > .dropdown,
.nav-item-seq-6 > .dropdown {
    right: 0;
}

.header-search-inner-placeholder {
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: middle;
    line-height: 2em;
}


/* BREADCRUMBS */

.breadcrumbs {
    display: inline;
    margin: 12px 0;
    padding-left: 0;
}

.breadcrumbs-outer-container {
    /* have to use !important to overwrite plugin styles */
    background-color: #f4f4f4 !important;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 25px;
}

.breadcrumbs-container:after {
    content: "";
    display: table;
    clear: both;
}

.breadcrumbs li {
    list-style-type: none;
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 0px;
    display: inline-block;
}

.breadcrumbs li a {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
}

.breadcrumb-separator {
    margin: 0 7px 0 5px;
}


/* READSPEAKER */

.no-js .rs_skip {
    display: none;
}

.rs_skip {
    display: inline;
    float: right;
    /* have to use !important to overwrite plugin styles */
    margin-top: 2px !important;
    margin-bottom: 0 !important;
    z-index: 0 !important;
}

.rsbtn_exp.rsimg.rspart {
    right: 0;
}

/* FOOTER */

.footer-newsletter {
    display: none;
}

.footer-link-icon {
    display: inline-block;
    content: '';
    width: 22px;
    height: 22px;
    top: 3px;
    position: absolute;
}

.footer-link-icon + a.footer-link {
    margin-left: 30px;
}


/* LIST */

a .list-item-heading {
    color: #313140;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 31px;
    line-height: 3.2rem;
    display: inline-block;
    float: none;
}

.list-item {
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    border-left: 5px solid #0cbdd1;
    width: 100%;
}

.listing-item {
    list-style-type: none;
    margin-bottom: 15px;
    border-left: 5px solid #0cbdd1;
}

.general-search-list-container .list-item {
    border-left: 5px solid #007bc7;
}

.list-item:last-child {
    margin-bottom: 25px;
    padding-bottom: 0;
}

.cod-list-item {
    border-left: 5px solid #f1c003;
    padding-bottom: 0;
}

.events-list-item {
    border-left: 5px solid #21cbd6;
}

.cac-list-item {
    border-left: 5px solid #5959e6;
}

.list-item:nth-child(2n) {
    margin-left: 0;
}

.list-item-link,
.blog-list-item-link {
    background-color: #f4f4f4;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    min-height: 100px;
    position: relative;
    padding: 15px;
    border-top: 2px solid #fafafa;
    border-right: 2px solid #fafafa;
    border-bottom: 2px solid #fafafa;
    text-decoration: none;
    color: #595966;
    font-weight: 300;
    display: inline-block;
}

.list-item-link:hover,
.list-item-link:focus {
    background-color: #fff;
}

.list {
    padding: 0;
    margin: 0;
}

.list-search-box {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.list-search-box.events-list-search-box {
    margin-bottom: 25px;
}

.list-search-box:after {
    display: table;
    content: "";
    clear: both;
}

.list-items-container:after,
.listing-items-container:after {
    clear: both;
    display: table;
    content: '';
}

.list-item:nth-child(2n) .list-item-link {
    float: right;
}

.list-items-container,
.listing-items-container {
    margin-bottom: 25px;
}

.breadcrumbs-container {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 50px;
    /* margin-top: 5px; */
    padding-bottom: 10px;
    box-sizing: border-box;
}

a.large-button.add-button.add-events-button,
a.large-button.add-button.cod-management-button {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    font-weight: 400;
}

p + h1,
p + h2,
p + h3,
p + h4 {
    margin-top: 29px;
}

ol + h1,
ol + h2,
ol + h3,
ol + h4,
ul + h1,
ul + h2,
uol + h3,
ul + h4 {
    margin-top: 29px;
}

.list-item .document {
    margin-left: 0;
    /* padding-left: 35px; */
}

.list-item .document:before {
    left: 15px;
    top: 26px;
    /* position: relative; */
}

.no-js .list-item .document:before {
    top: 22px;
}


/* MAIN NAVIGATION */

.main-navigation.small {
    display: block;
}

.main-navigation.large {
    position: relative;
    z-index: 3;
}

.main-navigation.nav {
    width: 350px;
    position: absolute;
    top: 82px;
    left: -500px;
    z-index: 999;
    background-color: #0170b4;
    max-width: 100%;
    min-height: 100%;
    margin-bottom: 50px;
    z-index: 9000000000;
}

.no-js .main-navigation.nav {
    display: none;
}

.menu-button-icon {
    width: 31px;
    height: 17px;
    display: inline-block;
}

.menu-button-text {
    color: #016caf;
    font-size: 10px;
}

.general-page-body-content img {
    max-width: 100%;
    margin-bottom: 15px;
}

button.menu-button {
    padding: 20px;
}

button.menu-button:hover,
button.menu-button:focus {
    background-color: #fff;
}

.main-nav a,
.main-nav ul {
    color: #fff;
}

.top-task-item {
    min-height: 100px;
    position: relative;
    box-sizing: border-box;
    margin-top: 3px;
}

.top-task-item:first-child {
    margin-top: 0;
}

.top-task-item:after {
    clear: both;
    display: table;
    content: "";
}

.top-task-item img {
    max-width: 111px;
    float: left;
    margin-right: 15px;
    /* position: absolute; */
    /* top: 0; */
}

.top-task-item h1 {
    float: left;
    font-size: 15px;
    font-size: 1.5rem;
}

.navigation-item {
    /* min-width: 343px; */
}

ul.navigation-children-items {
    /*width: 343px;*/
    width: 320px;
    float: left;
}

.top-task-item-link {
    display: inline-block;
    width: 100%;
}

.top-task-item-link img {
    float: left;
}

.top-task-item-link {
    display: inline-block;
    width: 100%;
}

a.top-task-item-link {
    padding: 0;
    margin: 0;
}

.sm-simple ul > li.navigation-item a.top-task-item-link {
    padding: 0;
    display: inline-block;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}

.sm-simple ul > li.navigation-item:first-child a.top-task-item-link {
    box-sizing: border-box;
    background-color: #016FB4;
}

.sm-simple ul > li.navigation-item:first-child a.top-task-item-link:hover,
.sm-simple ul > li.navigation-item:first-child a.top-task-item-link:focus {
    background-color: #007bc7;
}

.top-task-item-link img {
    float: left;
    margin-bottom: 0;
}

.sm-simple ul > li.navigation-item a:hover.top-task-item-link,
.sm-simple ul > li.navigation-item a:focus.top-task-item-link {
    padding: 0;
}

.last-navigation-item-1 {}

.top-task-heading {
    margin-top: 5px;
    box-sizing: border-box;
    position: relative;
    display: block;
    top: 0;
    box-sizing: border-box;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

.toggle-panel-trigger-button.sub-menu-heading {
    position: relative;
    cursor: pointer;
    padding-right: 60px;
    min-height: 50px;
    line-height: 32px;
    line-height: 3.2rem;
    margin: 0;
    width: 100%;
    border-radius: 0;
    font-size: 23px;
    font-weight: 400;
    text-align: left;
}

.add-to-calendar-toggle-panel-trigger-button.toggle-panel-trigger-button.sub-menu-heading {
    min-height: 60px;
    position: relative;
    padding-left: 60px;
    font-size: 20px;
}

.add-to-calendar-toggle-panel-trigger-button.toggle-panel-trigger-button.sub-menu-heading:before {
    width: 60px;
    height: 60px;
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.toggle-panel-trigger-button.sub-menu-heading:hover,
.toggle-panel-trigger-button.sub-menu-heading:focus {
    background-color: #0066a5;
}

.no-js .toggle-panel-trigger-button.sub-menu-heading {
    padding-right: 25px;
}

.toggle-panel-trigger-button.sub-menu-heading:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 49px;
    content: "";
    display: inline-block;
    background-color: #0065a3;
}

.add-to-calendar-toggle-panel-trigger-button.sub-menu-heading.toggle-panel-trigger-button.sub-menu-heading:after {
    background-color: transparent;
}

.no-js .toggle-panel-trigger-button.sub-menu-heading:after {
    display: none;
}

.toggle-panel-placeholder {
    margin-bottom: 27px;
}

a.page-link.prev:before,
a.page-link.next:after {
    width: 18px;
    height: 16px;
    content: '';
    display: inline-block;
    /* background-color: orange; */
    position: absolute;
}

a.page-link.next:after {
    top: 7px;
    right: 0;
}

a.page-link.prev:before {
    left: 0;
    top: 7px;
}


/* PAGINATION */

li.active:last-child {
    /* display: none; */
}

input[type="submit"].btn_scPagingNonJS_enabled {
    float: right;
}

a.page-link.next {
    margin-right: 0;
    padding-right: 0;
}

li.active {
    width: 50px;
    background-color: #f1f1f1;
}

.tabs-container li.tab.active,
.tabs-container li.tab:hover {
    width: auto;
    background-color: transparent;
    border-bottom: 2px solid #007bc7;
}

.tabs-container li.list-item {
    width: 100%;
    border-bottom: none;
}

.seamless-pagination li.active {
    width: 50px;
    background-color: #f1f1f1;
    border-bottom: none;
}

.seamless-pagination li.active:first-child {
    display: none;
}

.seamless-pagination li.active:last-child {
    display: none;
}

.seamless-pagination .tabs-container li.active {
    width: auto;
    background-color: transparent;
    border-bottom: none;
}

.gm-style {
    /* putting !important just because Google Maps will inject its own font-family */
    font-family: "Montserrat", sans-serif !important;
}

.seamless-pagination input[type="submit"] {
    background-color: transparent;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0;
    font-size: 0px;
    width: 20px;
    padding: 0;
    margin-right: 40px;
}

.seamless-pagination-controls input[type="submit"][disabled='disabled'] {
    display: none;
}

.seamless-pagination input[type="submit"]:hover,
.seamless-pagination input[type="submit"]:focus {
    background-color: transparent;
}

a.show-all-pages-button.extra-button {
    border-bottom: none;
    border-radius: 0;
    margin-right: 0;
}

a.show-all-pages-button.extra-button:after {
    position: relative;
    display: inline-block;
    top: 0;
    right: auto;
    margin-left: 10px;
}

a.show-all-pages-button.extra-button.active:after {
    background-position: -44px -135px;
}

a.show-all-pages-button.extra-button:after {
    background-position: -44px -195px;
}

.seamless-pagination-info.right {
    height: 70px;
    margin-top: 40px;
}

a.button.extra-button.show-all-pages-button:hover {
    border-bottom: 3px solid #0e1d23;
}

.events-list-container .seamless-pagination.seamless-pagination-count-1,
.cac-list-container .seamless-pagination.seamless-pagination-count-1,
.seamless-pagination.seamless-pagination-count-1 {
    display: none;
}

.light-theme a,
.light-theme span {
    /* background-color: #818284; */
    /* border-radius: 0; */
    padding: 6px 10px;
    color: #313140;
    font-weight: 500;
    /* margin-right: 4px; */
    text-decoration: none;
    /* line-height: 2; */
}

.light-theme a {
    /* margin-top: 10px; */
    /* padding-top: 10px; */
    font-size: 15px;
}

.light-theme a:hover,
.light-theme a:focus {
    /* background-color: #ededed; */
    color: #0e1d23;
}

.light-theme a:hover {
    background-color: transparent;
    color: #0e1d23;
    border-bottom: 3px solid #0e1d23;
}

.light-theme .current {
    background-color: #f1f1f1;
    color: #0e1d23;
    padding: 0;
    /* height: 25px; */
    display: inline-block;
    /* width: 50px; */
    text-align: center;
    /* position: absolute; */
    width: 100%;
    height: 100%;
    top: 0;
}

.light-theme .ellipse {}

a.page-link.prev,
a.page-link.next {
    padding-left: 0;
    padding-right: 0;
}

.simple-pagination li {}

.simple-pagination {
    padding: 0 20px 0 0;
}

.page-totals {
    margin-top: 15px;
    float: left;
}

.listing .item-list {
    margin-bottom: 0;
}

.alphabet-list + .seamless-pagination {
    margin-top: 50px;
    margin-bottom: 50px;
}

html body .RadInput_Default .riTextBox,
html body .RadInputMgr_Default {
    /* have to use !important to overwrite plugin styles */
    font-family: "Montserrat", sans-serif !important;
    font-weight: 300 !important;
    font-size: 15px !important;
    font-size: 1.5rem !important;
    height: 50px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.RadPicker.RadPicker_Default.sys-gen-raddatepicker {
    /* have to use !important to overwrite plugin styles */
    width: 150px !important;
}

.date-input-textbox-container .RadPicker.RadPicker_Default.sys-gen-raddatepicker {
    /* have to use !important to overwrite plugin styles */
    width: 100% !important;
}

.seamless-pagination-js {
    display: none;
}

.seamless-pagination-no-js {
    float: left;
    display: inline-block;
    margin-right: 20px;
}

.no-js .seamless-pagination-no-js {
    display: block;
}

.no-js .seamless-pagination-no-js.total-count-is-1 {
    display: none;
}

.seamless-pagination select {
    width: auto;
    margin-right: 25px;
    height: 36px;
    width: auto;
    margin-left: 10px;
}

.total-count-is-1 {
    display: none;
}

.seamless-pagination {
    margin-top: 40px;
    margin-bottom: 0;
    width: 100%;
    display: table;
    text-align: center;
    display: inline-block;
}

.blog-group-template .seamless-pagination {
    margin-top: 0;
}

ul.simple-pagination {
    list-style: none;
}

.simple-pagination {
    overflow: hidden;
    padding: 0 5px 5px 0;
    margin: 0;
    width: auto;
    display: none;
}

.simple-pagination ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.simple-pagination li {
    list-style: none;
    padding: 7px 6px;
    /* margin: 0; */
    float: left;
    margin-right: 27px;
    display: inline-block;
    /* margin-bottom: 15px; */
    position: relative;
}

.button-previous,
.button-next {
    display: inline-block;
    float: left;
}

.seamless-pagination-data {
    display: inline-block;
    float: left;
    font-size: 16px;
    font-weight: 400;
}

.seamless-pagination-controls {
    float: left;
    display: inline-block;
}

.blog-group-template .seamless-pagination-controls {
    float: none;
}

.seamless-pagination-info {
    display: none;
}

span.prev {
    padding-left: 0;
    padding-right: 0;
}

span.pagination-next-text {
    padding-left: 0;
    padding-right: 32px;
}

span.pagination-previous-text {
    padding-left: 30px;
    padding-right: 0;
}

.seamless-pagination-count-1 {
    display: none;
}

.cac-list-container .seamless-pagination,
.events-list-container .seamless-pagination {
    text-align: left;
    display: inline-block;
    margin-bottom: 15px
}

.cac-list-container .seamless-pagination-info .events-list-container .seamless-pagination-info {
    display: block;
    margin-top: 45px;
}

.no-js .cac-list-container .seamless-pagination-info,
.no-js .events-list-container .seamless-pagination-info {
    display: none;
}


/* DASHBOARD */

.dashboard-group-template .grid {
    margin: 0;
}

.main-content.dashboard-group-template {
    background: #f4f4f4;
    margin: 0;
    padding-bottom: 0;
}

.main-content-inner.dashboard-main-content-inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;
    padding: 0 0 25px 0;
    overflow: hidden;
}

.breadcrumbs-outer-container.dashboard-breadcrumbs-outer-container {
    border-bottom: 2px solid #dcdcdc;
    margin-bottom: 50px;
}

input[type="submit"].no-js-button {
    display: none;
}

.no-js input[type="submit"].no-js-button {
    display: inline-block;
    margin-top: 5px;
}

.dashboard-group-template h1.page-title.general-page-title {
    font-size: 34px;
    font-size: 3.4rem;
    color: #313140;
    font-weight: 600;
    margin-bottom: 20px;
}

.dashboard-main-buttons {
    display: inline-block;
    width: 100%;
}

.dashboard-main-buttons .button,
.dashboard-main-buttons input.button {
    width: 100%
}

.cod-dahsboard-table td.cod-buttons-column .button {
    width: 48%;
    margin: 0;
}

.cod-dahsboard-table td.cod-buttons-column .button:nth-child(2n) {
    /*float: right;*/
}

.dashboard-section:before {
    content: "";
    display: table;
    clear: both;
}

.dashboard-section {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    padding: 20px 15px;
    margin-bottom: 60px;
}

.dashboard-group-template .breadcrumbs-container {
    /* padding-left: 25px; */
}

.cod-dashboard-body-content {
    margin-bottom: 40px;
    margin-top: 30px;
}

.dashboard-section h2 {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 600;
    color: #313140;
}

.dashboard-section h3 {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    color: #313140;
    border-bottom: 2px solid #f0efef;
    padding-bottom: 15px;
}

main {
    position: relative;
}


/* SEARCH BOX FORM */

.search-box-form-container {
    display: table;
    width: 100%;
}

.no-js .search-box-form-container {
    padding-bottom: 15px;
}

.general-search-box-form-container.search-box-form-container {
    margin-bottom: 0;
}


/* COD LIST, EVENT LIST, PUBLIC NOTICES LIST, PARKS AND FACILITIES LIST, NEWS LIST */

.list-item-address-placeholder {
    display: none;
}

.list-item-address-placeholder.visible {
    display: inline-block;
    position: relative;
}

.list.list-items {
    display: inline-block;
    width: 100%;
}

.event-hour {
    text-transform: lowercase;
}

.events-list-search-box .date-from-input-container,
.events-list-search-box .date-to-input-container {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px
}

.events-list-search-box .input-label,
.cod-list-search-box .input-label,
.public-notices-listing .input-label,
.parks-list-search-box .input-label,
.city-improvements-search-box .input-label {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: left;
    margin-bottom: 8px;
    color: #5f5f5f;
}

.listing-page-title {
    margin-bottom: 35px;
}

.public-notices-listing .list-item {
    border-color: #007bc7;
}

.public-notices-listing .list-item:nth-child(odd) {
    clear: left;
}

.parks-and-facilities-listing .list-item {
    border-color: #60c46e;
}

.news-listing .list-item {
    border-color: #00a5d5;
}

.news-listing .list-container {
    padding: 25px 25px 0 25px;
    margin: 0 -25px;
    border-top: 1px solid #f5f5f5;
}

.news-listing .list-container:after {
    content: '';
    display: table;
    clear: both;
}

.news-listing .side-column {
    /*display: none;*/
    margin-top: 30px;
}

.feed-heading {
    border-bottom: 2px solid #313140;
    padding-bottom: 5px;
    margin-bottom: 6px;
}

.twitter-feeds-container {
    margin-bottom: 35px;
}

.youtube-feeds-container a {
    text-decoration: none;
    color: #313140;
}

.youtube-feeds-container a:hover {
    color: #69696a;
}

.youtube-item {
    padding: 18px 0;
    border-bottom: 1px solid #e1e8ee;
}

.youtube-image-container img {
    border-radius: 5px;
    margin-bottom: 10px;
}

.youtube-title {
    font-weight: 500;
    margin-bottom: 5px;
}

.youtube-published-date {
    font-size: 13px;
    font-size: 1.3rem;
}

.public-notices-listing .list-search-box {
    margin-bottom: 40px;
}

.public-notices-listing .list-item-link {
    min-height: 130px;
}

.public-notices-listing-date {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 12px;
}

.news-listing-publish-date {
    font-weight: 500;
    margin-bottom: 20px;
}

.events-list-search-box .input-element,
.cod-list-search-box .input-element,
.parks-list-search-box .input-element,
.city-improvements-search-box .input-element {
    width: 100%;
}

.events-list-search-box .input-container,
.cod-list-search-box .input-container,
.parks-list-search-box .input-container,
.city-improvements-search-box .input-container {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    overflow: auto;
    /* display: table-cell; */
    /* width: 50%; */
    /* vertical-align: top; */
    padding-bottom: 15px;
}

.news-listing .list-search-box .input-submit-container,
.forms-and-permits-list-search-box .input-submit-container,
.parks-list-search-box .input-submit-container,
.city-improvements-search-box .input-submit-container {
    padding-top: 10px;
}

.search-box-form-container .input-container {
    overflow: visible;
}

.events-list-search-box input[type="text"],
.cod-list-search-box input[type="text"],
.parks-list-search-box input[type="text"],
.city-improvements-search-box input[type="text"] {
    margin: 0;
    width: 100%;
}

.events-list-search-box select,
.cod-list-search-box select,
.parks-list-search-box select,
.city-improvements-search-box select {
    margin: 0;
}

.events-list-search-box select[multiple],
.cod-list-search-box select[multiple],
.parks-list-search-box select[multiple],
.city-improvements-search-box select[multiple] {
    margin: 0;
}

.no-js .events-list-search-box select[multiple],
.no-js .cod-list-search-box select[multiple],
.no-js .parks-list-search-box select[multiple],
.no-js .city-improvements-search-box select[multiple] {
    height: 82px;
}

.events-list-search-box select option,
.cod-list-search-box select option,
.parks-list-search-box select option,
.city-improvements-search-box select option {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 300
}

.events-list-search-box .input-container.search-box-input-submit-container,
.cod-list-search-box .input-container.search-box-input-submit-container,
.parks-list-search-box .input-container.search-box-input-submit-container,
.city-improvements-search-box .input-container.search-box-input-submit-container {
    display: block;
    width: 100%;
}

.doc-listing-item-suburb-container {
    font-weight: 500;
    margin-bottom: 12px;
    display: inline-block;
    position: relative;
    margin-left: 25px;
    line-height: 22px;
    line-height: 2.2rem;
}

.doc-listing-item-suburb-container:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 20px;
    top: 1px;
    position: absolute;
    left: -24px;
}

.listing-item-date-placeholder,
.list-item-address-placeholder {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 7px;
    position: relative;
    padding-left: 30px;
    /* color: #40404d; */
    display: block;
    /* float: left; */
    /* height: auto; */
    width: 100%;
    line-height: 22px;
    line-height: 2.2rem;
}

.listing-item-date-placeholder: before,
.listing-item-date-placeholder: after {
    display: table;
    content: "";
    clear: both;
}

.generic-info-window .listing-item-date-placeholder,
.generic-info-window .list-item-address-placeholder {
    margin-bottom: 25px;
}

.events-listing-item-venue-container + .events-listing-item-street-address-container:before,
.events-listing-item-street-address-container + .events-listing-item-suburb-container:before {
    content: ',\00a0';
    display: inline-block;
}

.listing-item-abstract {
    margin-bottom: 25px;
    font-weight: 300;
    line-height: 22px;
    line-height: 2.2rem;
}



a .list-item-heading {
    min-height: 30px;
}

.free-event-list-item .list-item-heading {
    position: relative;
    /* padding-right: 80px; */
    min-height: 32px;
}

.doc-list-item-heading {
    width: 100%;
}

.free-event-label {
    content: 'free';
    display: inline;
    background-color: #e9f7ce;
    border-radius: 2px;
    border: 2px solid #97ca35;
    padding: 3px 7px;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1;
    color: #456a00;
    font-weight: 500;
    top: 5px;
    /* margin-left: 15px; */
    /* float: right; */
    margin-bottom: 0;
    /*float: left;*/
    margin-top: 12px;
    display: none;
}

.details-page-free-event-label {
    display: inline-block;
    margin-top: 0;
    float: none;
    margin-bottom: 12px;
    width: 100%;
    text-align: center;
}

.events-list-item-heading .free-event-label {
    margin-top: 4px;
}

.free-event-list-item .page-title:after {
    top: 12px;
}

.listing-item-image-placeholder {
    display: none;
}

.list-item-heading {
    display: inline-block;
    margin-bottom: 50px;
}

.list-item-link .list-item-heading {
    margin-bottom: 15px;
}

.blog-list-item-link .list-item-heading {
    margin-bottom: 10px;
}

.document .list-item-heading {
    padding-left: 25px;
}

.list-item-heading:after {
    clear: both;
    display: table;
    content: "";
    display: none;
}

.no-js .list-item-heading {
    display: block;
}

.list-item-address-placeholder {
    margin-bottom: 20px;
    padding-left: 30px;
    display: none;
    /* float: left; */
}

.generic-info-window .list-item-address-placeholder {
    color: #595966;
    font-size: 15px;
    font-size: 1.5rem;
}

.list-item-address-placeholder.visible {
    display: block;
}

.list-item-address-placeholder:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 22px;
    position: absolute;
    left: 0;
    top: -1px;
}

.listing-item-date-placeholder:before,
.list-item-categories-placeholder:before,
.details-page-categories-placeholder:before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 24px;
    position: absolute;
    left: 0;
    top: -3px;
}

.forms-and-permits-list-item-categories-placeholder:before {
    top: 1px;
}

.listing-item-date-placeholder:before,
.details-page-categories-placeholder:before {
    left: 0;
    top: 0px;
}

.details-page-categories-placeholder:before {
    left: -2px;
}

.list-item-categories {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: inline-block;
    /* margin-bottom: 25px; */
    float: none;
}

.list-item-category-item,
.details-page-category-item,
.details-page-facility-item {
    float: left;
    margin-right: 0;
    /* background-color: #e9e9e9; */
    padding: 0;
    line-height: 1;
    padding: 2px 3px;
    font-weight: 300;
    font-size: 15px;
    font-size: 1.5rem;
    color: #595966;
    margin-bottom: 10px;
}

.comma-separated-list-item {
    display: inline;
    line-height: 1.4; /* to prevent line height change in list item */
    font-size: 15px;
    font-size: 1.5rem;
    list-style: none;
    font-weight: 300;
}

.details-page-category-item,
.details-page-facility-item {
    list-style: none;
    background-color: transparent;
    padding: 0;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 5px;
}

.list-item-category-item:after,
.details-page-category-item:after,
.details-page-facility-item:after {
    content: ',';
}

.comma-separated-list-item:after {
    content: ', ';
    display: inline;
}

.list-item-category-item:last-child:after,
.details-page-category-item:last-child:after,
.details-page-facility-item:last-child:after,
.comma-separated-list-item:last-child:after {
    display: none;
}

.list-item-category-item:last-child,
.category-item:last-child {
    margin-right: 0;
}

img.listing-item-image {
    margin-bottom: 0;
}


/* INFO WINDOW */

img.info-window-image {
    max-width: 100%;
}

a.marker-header-link,
.info-window-title {
    color: #313140;
    font-size: 17px;
    font-size: 1.7rem;
    text-decoration: none;
    font-weight: 600;
    line-height: 21px;
    line-height: 2.1rem;
    margin-bottom: 15px;
    font-family: "Montserrat", sans-serif;
}

a:hover.marker-header-link,
a:hover .info-window-title {
    /* have to use !important to overwrite plugin styles */
    color: #67676c;
}

a.marker-info-link {
    color: #595966;
    text-decoration: none;
    display: block;
}

a:hover.marker-info-link {
    color: #67676c;
}

.info-window-abstract {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19px;
    line-height: 1.9rem;
    margin-bottom: 25px;
    font-family: "Montserrat", sans-serif;
    /*color: #5c5c61;*/
    color: #595966;
}

.gmap-address {
    font-size: 15px;
    font-weight: 600;
    color: #595966;
    margin-bottom: 25px;
}

/*.generic-info-window.cod-info-window {
    padding: 20px 0 15px 20px;
}*/

.generic-info-window {
    padding: 20px 0 15px 20px;
}

a.button.info-window-get-directions-link {
    width: 100%;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    margin-bottom: 0;
    margin-right: 0;
}

/*.generic-info-window.cod-info-window:after {
    clear: both;
    content: '';
    display: table;
}*/

.generic-info-window {
    clear: both;
    content: '';
    display: table;
}

.info-window-street-address:before {
    width: 15px;
    height: 21px;
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: -3px;
}

.info-window-street-address {
    padding-left: 25px;
    position: relative;
}


/* EVENT UGC FORM */

.no-js .other-input-textbox-container {
    display: block;
}

.sc-cal .sc-cal-tab li {
    display: table-cell !important;
    width: 1%;
}


/* EVENT DETAILS PAGE, NEWS DETAILS PAGE, PARKS AND FACILITIES DETAILS PAGE */
/* ALL DETAILS PAGE */

.events-page h1.page-title.general-page-title {
    margin-right: 0;
}

.event-details-page-side-column,
.news-details-page-side-column,
.parks-and-facilities-side-column,
.city-improvements-page-side-column,
.halls-details-page-side-column {
    background-color: #fbf9f9;
    padding: 15px;
    display: inline-block;
    margin-bottom: 25px;
}

.events-page,
.news-page,
.parks-and-facilities,
.city-improvements-page,
.halls-details-page {
    display: inline-block;
    width: 100%;
    position: relative;
}

.parks-and-facilities-side-column .details-section-label {
    margin-bottom: 10px;
    font-weight: 400;
}

.parks-and-facilities-body {
    position: relative;
}

.parks-and-facilities-side-column .cod-contact .details-section-label {
    margin-bottom: 2px;
}

.events-page .event-listing-item-date-placeholder {
    display: inline-block;
}

.add-to-calendar-placeholder {
    display: none;
}

.sc-cal .sc-cal-tab > li > a {
    display: inline-block;
    width: 100%;
}

a.button.edit-events-button {
    margin-right: 0;
    width: 100%;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    position: relative;
}

a.button.edit-events-button:after {
    display: table;
    clear: both;
    content: '';
}

.details-page-categories,
.details-page-facilities,
.comma-separated-list-ul {
    display: inline;
    margin: 0;
    padding: 0;
}

.details-page-categories-label,
.details-page-facilities-label {
    float: left;
    font-weight: 500;
    font-size: 15px;
    font-size: 1.5rem;
    color: #40404d;
    margin-right: 10px;
}

.comma-separated-list-label {
    font-weight: 500;
}

.gmap .comma-separated-list-item,
.gmap .comma-separated-list-label {
    /* to overwrite gm-style-iw font-size */
    font-size: 14px;
    font-size: 1.4rem;
}

.details-page-categories-placeholder:before {
    top: 0;
}

.button.for-large-screens {
    display: none;
}

.button.for-small-screens {
    display: block;
}

.details-page-event-dates {
    margin: 0;
    padding: 0;
    margin-bottom: 0;
}

.details-page-date-item {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-weight: 400;
    color: #313140;
}

.button.extra-button.toggle-dates-button,
.button.extra-button.toggle-dates-button:hover {
    height: 30px;
    padding: 10px 2px 10px 0;
    margin-left: 15px;
}

.button.extra-button.toggle-dates-button {
    color: #0068a7;
    border-bottom: 2px solid #0068a7;
}

.button.extra-button.toggle-dates-button:hover,
.button.extra-button.toggle-dates-button:focus {
    text-decoration: none;
    border-bottom: none;
}

.button.extra-button.toggle-dates-button:before {
    content: '+';
    margin-right: 5px;
    font-size: 18px;
    position: absolute;
    left: -15px;
    top: 8px;
}

.button.extra-button.toggle-dates-button.expanded:before {
    content: '-';
}

.details-page-date-item.hidden {
    display: none;
}

.details-page-event-dates-placeholder {
    margin-bottom: 35px;
    display: inline-block;
    width: 100%;
}

.details-section.event-transport-details-section,
.details-section.event-contact-details-section {
    margin-bottom: 15px;
}

.details-sections {
    margin-bottom: 10px;
}

.details-sections:after {
    content: '';
    display: table;
    clear: both;
}

.event-facilities-details-section .details-section-body li,
.parks-things-to-do-details-section .details-section-body li {
    width: 100%;
}

.social-icons-placeholder {
    display: inline-block;
    margin-top: 15px;
}

.landscape-image-input-upload-container .page-image-info-text:after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 20px;
    vertical-align: -12%;
    background-color: #ddd;
    background: url('landscape-icon.png');
}

/* News Details Page */

.details-page-title {
    font-weight: 500;
}

.details-page-publish-date {
    font-weight: 500;
    margin-bottom: 25px;
}

.news-details-page-side-column {
    font-size: 14px;
    font-size: 1.4rem;
}

/* ADD TO CALENDAR */

.add-to-calendar-placeholder {
    display: inline-block;
    width: 100%;
}

.add-to-calendar-toggle-panel {
    background-color: #f9f8f8;
    padding: 15px;
}

.errors {
    padding: 0;
    margin: 0;
    margin-bottom: 25px;
    background: #fcf1eb;
    color: #dd2810;
    border-radius: 1px;
    margin-bottom: 25px;
}

.errors li {
    line-height: 1.6em;
    padding: 10px 15px;
    list-style-type: none;
    font-weight: 500;
}

.add-to-calendar-toggle-panel .errors li {
    border-bottom: 1px solid #f9f8f8;
}

.errors li a {
    color: #dd2810;
    font-weight: 500;
    text-decoration: none;
}

.occurence-type {
    padding: 0;
    list-style-type: none;
}

.occurence-type li {
    position: relative;
}

.occurence-type li input[type="radio"] {
    position: relative;
    position: absolute;
    top: 8px;
    left: 0;
}

.occurence-type li label {
    padding-left: 20px;
    font-weight: 300;
}

.homepage-search-placeholder .add-on,
.header-search-placeholder .add-on {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
}

.header-search-placeholder .add-on input[type="submit"],
.homepage-search-placeholder .add-on input[type="submit"],
.discover-maroondah-search-placeholder input[type="submit"] {
    margin: 0;
    height: 50px;
    width: 56px;
    padding: 0;
    font-size: 0px;
    border-radius: 0;
    background-color: #f46f16;
}

.header-search-placeholder .add-on input[type="submit"],
.homepage-search-placeholder .add-on input[type="submit"] {
    height: 60px;
    width: 60px;
}

.header-search-placeholder .add-on input[type="submit"]:hover,
.homepage-search-placeholder .add-on input[type="submit"]:hover,
.discover-maroondah-search-placeholder input[type="submit"]:hover,
.header-search-placeholder .add-on input[type="submit"]:focus,
.homepage-search-placeholder .add-on input[type="submit"]:focus,
.discover-maroondah-search-placeholder input[type="submit"]:focus {
    background-color: #e16715;
}

.homepage-search-placeholder input[type="text"],
.header-search-placeholder input[type="text"] {
    border: 0;
    height: 60px;
    padding: 0;
    padding: 0 70px 0 15px;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem;
    color: #04588b;
    border-radius: 0 2px 2px 0;
}

.discover-maroondah-search-placeholder input[type="text"],
.discover-maroondah-search-placeholder input[type="button"] {
    height: 65px;
    border-radius: 2px;
}

.header-search-placeholder::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #04588b;
}

.header-search-placeholder::-moz-placeholder {
    /* Firefox 19+ */
    color: #04588b;
}

.header-search-placeholder:-ms-input-placeholder {
    /* IE 10+ */
    color: #04588b;
}

.header-search-placeholder:-moz-placeholder {
    /* Firefox 18- */
    color: #04588b;
}


/* PREDICTIVE SEARCH */

.predictive-search-placeholder,
.intramap-results-placeholder {
    background-color: #fff;
    z-index: 2;
    position: relative;
    padding: 0;
    margin: 0;
    margin-top: 2px;
    margin-right: 60px;
}

.homepage-hero-banner .predictive-search-placeholder,
.intramap-results-placeholder {
    margin-right: 65px;
    z-index: 1;
}

.intramap-results-placeholder {
    z-index: 3;
    /*max-height: 200px;*/
    /*overflow: auto;*/
}

.predictive-search-placeholder ul,
.predictive-search-placeholder > p,
.intramap-results-placeholder ul,
.intramap-results-placeholder > p {
    padding: 0;
    margin: 0;
    /* border: 1px solid #f1f1f1; */
    -webkit-box-shadow: 0px 0 9px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0 9px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0 9px 1px rgba(0, 0, 0, 0.2);
    padding: 0;
    position: relative;
    background-color: #fff;
    overflow: auto;
    font-size: 15px;
    font-size: 1.5rem;
    /* margin-right: 56px; */
}

.predictive-search-placeholder > p,
.intramap-results-placeholder > p {
    background-color: #fff;
    padding: 15px;
}

.predictive-search-placeholder li,
.intramap-results-placeholder li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding: 0;
}

.predictive-search-placeholder li a,
.intramap-results-placeholder li a {
    border-bottom: 1px solid #f1f1f1;
    color: #333341;
    font-size: 16px;
    font-size: 1.6rem
}

.predictive-search-placeholder li:last-child a,
.intramap-results-placeholder li:last-child a {
    border-bottom: none;
}

.predictive-search-placeholder a,
.intramap-results-placeholder a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    padding: 15px;
}

.predictive-search-link-item.document:before {
    left: 15px;
    top: 20px
}

.predictive-search-link-item.document {
    margin-left: 0;
    padding-left: 40px
}

.predictive-search-placeholder a:hover,
.predictive-search-placeholder a:focus,
.predictive-search-placeholder a.itemSelected,
.intramap-results-placeholder a:hover,
.intramap-results-placeholder a:focus,
.intramap-results-placeholder a.itemSelected {
    background-color: #f4f4f4;
}

.predictive-search-placeholder li:last-child a.predictive-search-link-item.predictiveResults__link--viewMore.search-view-more {
    color: #fff !important;
    background-color: #007bc7;
    text-align: center;
    height: 50px;
    padding: 10px;
}

.predictive-search-placeholder li:last-child a.predictive-search-link-item.predictiveResults__link--viewMore.search-view-more:hover,
.predictive-search-placeholder li:last-child a.predictive-search-link-item.predictiveResults__link--viewMore.search-view-more:focus,
.predictive-search-placeholder li:last-child a.predictive-search-link-item.predictiveResults__link--viewMore.search-view-more.itemSelected {
    background-color: #04588b;
}

.result-text {
    font-weight: 600;
    color: #04588b;
}

.entered-keyword {
    font-weight: 500;
}

.spellsuggestlabel {
    display: inline-block;
    margin-bottom: 20px;
}


/* LISTING SORT */

.listing-sort {
    margin: 0;
    padding: 0;
    float: none;
}

.listing-sort li {
    list-style-type: none;
}

.listing-sort-container {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
    position: relative;
}

.generic-sorting-link {
    color: #007bc7;
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
    position: relative;
    line-height: 1.6;
    margin-bottom: 8px;
}

.generic-sorting-link.active {
    border-bottom: 2px solid #007bc7;
    color: #007bc7;
    cursor: default;
}

.listing-sort li:last-child a,
.listing-sort li:last-child a.generic-sorting-link {
    padding-bottom: 0;
    margin-bottom: 0;
}


/* HOMEPAGE */

#stripeBg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transform: skewY(-12deg);
    -ms-transform: skewY(-12deg);
    transform: skewY(-12deg);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    background: linear-gradient(150deg, #53f 15%, #05d5ff 70%, #a6ffcb 94%);
    box-shadow: inset 0 -8px 8px -8px rgba(0, 0, 0, .2);
    background-image: linear-gradient(90deg, #01acc1, #495aff);
}

.homepage-list-item {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
    /* background-color: #f4f4f4; */
    margin-bottom: 25px;
    position: relative;
    /* height: 140px; */
}

.homepage-list-items {
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
}

.homepage-section-heading {
    font-size: 33px;
    font-size: 3.3rem;
    font-weight: 800;
    color: #333341;
    margin-bottom: 35px;
    position: relative;
}

.homepage-section-heading:after {
    display: table;
    clear: both;
    content: '';
}

.homepage-section-image-container {
    height: 182px;
}

.homepage-list-item-date-container {
    width: 82px;
    height: 82px;
    background-color: #333341;
    color: #fff;
    text-align: center;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 130px;
    z-index: 1;
}

.news-homepage-list-item .homepage-list-item-date-container {
    display: none;
}

.news-homepage-list-item .homepage-list-item-body {
    /* padding-top: 22px; */
}

.homepage-section.news-homepage-section {
    margin-bottom: 0;
    padding-bottom: 0;
}

.homepage-section.news-homepage-section:last-child {
    padding-bottom: 25px;
}

.homepage-list-item-date-footer {
    text-transform: uppercase;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 800;
    line-height: 1;
}

.homepage-list-item-date-header {
    font-size: 33px;
    font-size: 3.3rem;
    font-weight: 700;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 10px;
    /* z-index: 1; */
}

.homepage-list-item-header {
    width: 100%;
    float: left;
    position: relative;
    overflow: visible;
}

.homepage-list-item-heading {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 0;
    line-height: 28px;
    line-height: 2.8rem;
    text-decoration: none;
    margin-bottom: 14px;
    color: #333341;
}
a:hover .homepage-list-item-heading,
a:focus .homepage-list-item-heading {
    color: #04588b;
}

.homepage-list-item-body {
    position: relative;
    display: inline-block;
    padding: 20px 15px 20px 15px;
    font-weight: 800;
    position: relative;
    width: 100%;
}

.homepage-section {
    padding: 25px 0;
    margin-bottom: 25px;
    /*z-index: 0;*/
    position: relative;
    overflow: hidden;
}

.events-homepage-section {
    margin-bottom: 0;
    padding-bottom: 25px;
    margin-bottom: 0;
    background: url('events-homepage-section-bg.jpg') top center no-repeat;
    padding-top: 80px;
    background-size: cover;
}

.homepage-section.top-tasks-homepage-section {
    background-color: #fff;
    position: relative;
}

.homepage-section.top-tasks-homepage-section.expanded {
    height: auto;
}

.homepage-section-inner {
    margin: 0 auto;
    position: relative;
    padding: 0 15px;
    height: 100%;
    max-width: 1140px;
}

.hero-banner-homepage-section .homepage-section-inner {
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 0;
}

a.button.extra-button.homepage-section-see-all-button {
    height: 25px;
    border: none;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 300;
}

a.button.extra-button.homepage-section-see-all-button:hover {
    border-bottom: 2px solid #313140;
}

a.button.extra-button.homepage-section-see-all-button.small {
    display: block;
    float: right;
}

a.button.extra-button.homepage-section-see-all-button.large {
    display: none;
}

a.homepage-list-item-link {
    display: inline-block;
    width: 100%;
    color: #333341;
    background-color: #f4f4f4;
}

a.homepage-list-item-link:hover,
a.homepage-list-item-link:focus {
    color: #333341;
    -webkit-box-shadow: 0px 1px 9px 3px rgba(50, 63, 74, 0.18);
    -moz-box-shadow: 0px 1px 9px 3px rgba(50, 63, 74, 0.18);
    box-shadow: 0px 13px 46px 0px rgba(50, 63, 74, 0.18);
    background-color: #fff;
}

a.homepage-list-item-link:hover .homepage-list-item-body,
a.homepage-list-item-link:focus .homepage-list-item-body {}

.hero-banner-homepage-section {
    height: 250px;
    padding: 0;
    position: relative;
    overflow: visible;
    z-index: 1;
}

.homepage-group-template .rsbtn {
    position: absolute;
}

.homepage-header .rsbtn {
    position: absolute;
    display: none;
}

.homepage-hero-banner .homepage-search-placeholder {
    display: none;
}

.homepage-search-placeholder {
    position: relative;
    height: 50px;
    position: relative;
    width: 100%;
    z-index: 0;
    display: none;
}

.discover-maroondah-homepage-section .homepage-search-placeholder {
    height: 65px;
}

.header .homepage-search-placeholder input[type="text"] {
    min-height: 50px;
}

.homepage-search-placeholder input[type="text"] {
    font-size: 15px;
    font-size: 1.5rem;
    color: #36403b;
    border-radius: 2px;
    min-height: 65px;
}

.homepage-search-placeholder.discover-maroondah-search-placeholder {
    display: block;
    position: relative;
    top: 0;
    width: 100%;
    margin-bottom: 20px;
}

nav + .homepage-search-placeholder {
    display: block;
    height: 65px;
}


/* HOMEPAGE TOP TASKS */

.top-task-homepage-list-item {
    width: 50%;
    float: left;
    height: 150px;
}

.homepage-top-task-heading,
/* .top-task-homepage-list-item a */
.top-task-homepage-list-item .top-task-homepage-list-item-link {
    font-size: 15px;
    font-size: 1.5rem;
    color: #313140;
    text-decoration: none;
    text-align: center;
}

/* .top-task-homepage-list-item a */
.top-task-homepage-list-item .top-task-homepage-list-item-link {
    display: block;
    width: 119px;
    height: 100%;
    margin: auto;
    left: 0;
    right: 0;
    /* overflow: visible; */
}

.top-task-homepage-list-item a:hover .homepage-top-task-icon,
.top-task-homepage-list-item a:focus .homepage-top-task-icon {
    background-color: transparent;
}

.homepage-top-task-heading {
    padding-top: 76px;
    line-height: 19px;
    line-height: 1.9rem;
}

.homepage-top-task-icon-image {
    margin: 0;
    padding: 0;
    display: none;
}

.homepage-top-task-icon {
    width: 60px;
    height: 60px;
    background: #ddd;
    border-radius: 60px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
}

.top-task-homepage-list-item:nth-child(1n) .homepage-top-task-icon {
    background: #1eb992;
}

.top-task-homepage-list-item:nth-child(2n) .homepage-top-task-icon {
    background: #bfd914;
}

.top-task-homepage-list-item:nth-child(3n) .homepage-top-task-icon {
    background: #23c0c2;
}

.top-task-homepage-list-item:nth-child(4n) .homepage-top-task-icon {
    background: #ffbb08;
}

.top-task-homepage-list-item:nth-child(5n) .homepage-top-task-icon {
    background: #f46f16;
}

.top-task-homepage-list-item:nth-child(6n) .homepage-top-task-icon {
    background: #72d1f6;
}

.top-task-homepage-list-item:nth-child(7n) .homepage-top-task-icon {
    background: #3a3abd;
}

.top-task-homepage-list-item:nth-child(8n) .homepage-top-task-icon {
    background: #ffd60d;
}

.top-task-homepage-list-item:nth-child(9n) .homepage-top-task-icon {
    background: #79cf26;
}

.top-task-homepage-list-item:nth-child(10n) .homepage-top-task-icon {
    background: #5e5ee7;
}

.top-task-homepage-list-item:nth-child(11n) .homepage-top-task-icon {
    background: #12e9b2;
}

.top-task-homepage-list-item:nth-child(12n) .homepage-top-task-icon {
    background: #ffbb08;
}

.homepage-section.discover-maroondah-homepage-section {
    background-color: #48bc3d;
    height: auto;
    font-size: 16px;
    font-size: 1.6rem;
    display: inline-block;
    width: 100%;
    background-size: cover;
    /* max-width: 1550px; */
    margin: 0 auto;
    padding-bottom: 0;
    height: 410px;
    overflow: visible;
}

.homepage-section-container {
    max-width: 1140px;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 25px;
}

.homepage-section-text {
    color: #131319;
    font-weight: 400;
    max-width: 767px;
}

.events-homepage-section .homepage-section-container {
    position: relative;
}

.events-homepage-section .homepage-section-inner {
    height: auto;
    height: auto;
}

.event-homepage-list-item .homepage-list-item-body {
    padding: 50px 25px 45px 25px;
}

hr.horizontal-divider {
    height: 1px;
    border: none;
    margin: 0;
    margin-bottom: 12px;
    display: block;
    width: 100%;
}

.top-tasks-icon-image {
    position: absolute;
    /*width: 41px;*/
    /*height: 36px;*/
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.top-tasks-icon-hover-image {
    display: none;
}

a:hover .top-tasks-icon-image,
a:focus .top-tasks-icon-image {
    display: none;
}

a:hover .top-tasks-icon-hover-image,
a:focus .top-tasks-icon-hover-image {
    display: block;
}

.Default.RadEditor .reContentCell {
    /* have to use !important to overwrite plugin styles */
    border: 2px solid #cacaca !important;
}

h2.details-section-heading.side-column-details-section-heading {
    padding: 0;
}

.input-date-picker-container .input-label {
    padding-top: 7px;
}

.band {
    background-color: #fff;
}

.band.right {
    right: 0
}

.band {
    width: 110%;
    width: 140%;
    height: 800px;
    position: absolute;
    /*z-index: 1;*/
    top: 418px;
    left: -21px;
}

.band.top {
    top: -660px;
    bottom: auto;
    left: auto;
    right: -169px;
}

.band.origin_tr {
    -ms-transform-origin: top right;
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.band.rotate_c {
    -ms-transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    transform: rotate(9deg);
}

.details-page-categories-placeholder,
.list-item-categories-placeholder {
    position: relative;
    padding-left: 25px;
    /* float: left; */
}


/* FORMS AND PERMITS LIST */

.forms-and-permits-list-item {
    border-left: none;
    margin-bottom: 0;
}

.forms-and-permits-page-title-text {
    color: #313140;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
}

a:hover .forms-and-permits-page-title-text {
    color: #04588b;
}

.list-item-link .list-item-heading.forms-and-permits-list-item-heading {
    margin-bottom: 0;
    margin-right: 0;
    display: block;
    float: none;
    display: inline-block;
    width: 100%;
}

.list-item-link .list-item-heading.forms-and-permits-list-item-heading:after {
    display: table;
    clear: both;
    content: '';
}

.forms-and-permits-item-link {
    min-height: auto;
    padding: 20px 15px;
}

.forms-and-permits-item-link {
    border-left: 2px solid #fafafa;
    border-top: 0;
}

li:first-child .forms-and-permits-item-link {
    border-top: 2px solid #fafafa;
}

.list-item-category {
    font-size: 22px;
    font-size: 2.2rem;
    color: #313140;
    line-height: 31px;
    line-height: 3.1rem;
}

.list-item-category:after {
    content: ", ";
}

.list-item-category:last-child:after {
    content: "";
}

.category-list-item-title {
    border-bottom: 4px solid #60c46e;
    margin-bottom: 0;
    padding: 5px 0;
    /* display: none; DESK-8308 */
}

.forms-and-permits-list-item-categories-placeholder {
    display: block;
    float: none;
    margin-top: 15px;
    display: none;
}

.forms-and-permits-full-width-general-page .forms-and-permits-list-item-categories-placeholder {
    display: block;
    margin-bottom: 25px;
}

.no-js .forms-and-permits-list-item-categories-placeholder {
    display: block;
}

.forms-and-permits-list-items-container {
    display: none;
}

.no-js .forms-and-permits-list-items-container {
    display: block;
}

.last-group-item {
    margin-bottom: 50px;
}

.first-group-item .category-list-item-title {
    display: block;
}

.first-group-item-0 .category-list-item-title {
    border-bottom: 4px solid #60c46e;
}

.first-group-item-1 .category-list-item-title {
    border-bottom: 4px solid #f89600;
}

.first-group-item-2 .category-list-item-title {
    border-bottom: 4px solid #01abd5;
}

.first-group-item-3 .category-list-item-title {
    border-bottom: 4px solid #ecc304;
}

.first-group-item-4 .category-list-item-title {
    border-bottom: 4px solid #04588b;
}

/* DESK-8308 - start */
.forms-and-permits-list-item:nth-child(5n+1) .category-list-item-title {
    border-bottom: 4px solid #60c46e;
}

.forms-and-permits-list-item:nth-child(5n+2) .category-list-item-title {
    border-bottom: 4px solid #f89600;
}

.forms-and-permits-list-item:nth-child(5n+3) .category-list-item-title {
    border-bottom: 4px solid #01abd5;
}

.forms-and-permits-list-item:nth-child(5n+4) .category-list-item-title {
    border-bottom: 4px solid #ecc304;
}

.forms-and-permits-list-item:nth-child(5n) .category-list-item-title {
    border-bottom: 4px solid #04588b;
}
/* DESK-8308 - end */

/* FORMS AND PERMITS DETAILS PAGE */

.forms-and-permits-list-item-category-item {
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 3px;
    font-weight: 400;
}

.forms-and-permits-details-page-categories-label {
    font-size: 14px;
    margin-left: 3px;
    margin-right: 3px;
}

/* LANDING PAGE */

.landing-page-list-item {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
    /* background-color: #f4f4f4; */
    margin-bottom: 20px;
    position: relative;
    /* height: 140px; */
    float: left;
}

.landing-page-list-items {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    margin-left: 0%;
    margin-bottom: 25px;
}

.landing-page-list-items:after {
    clear: both;
    content: "";
    display: table;
}

.landing-page-list-item-header {
    /* margin-bottom: 22px; */
}

.landing-page-section-image-container {
    height: 150px;
}

.landing-page-section-empty-image-container {
    height: 5px;
    background-color: #007bc6;
}

.landing-page-list-item-body {
    padding: 20px 15px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
    position: relative;
    width: 100%;
    line-height: 22px;
    line-height: 2.2rem;
    font-family: "Montserrat", sans-serif;
}



.landing-page-list-item-link {
    text-decoration: none;
    display: block;
    background-color: #f4f4f4;
    color: #313140;
    width: 100%;
}

.landing-page-list-item-link:hover,
.landing-page-list-item-link:focus {
    color: #04588b;
    background-color: #fff;
}

.landing-page-list-item-link:hover, .landing-page-list-item-link:focus {
    outline: 2px solid #f2f2f2;
}

.full-width-landing-page {
    /* background: #ddd; */
}

.landing-page-list-item-heading {
    font-size: 20px;
    font-size: 2rem;
    line-height: 26px;
    line-height: 2.6rem;
}

/* BLOG LIST */

.blog-list-item {
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
}

.blog-list-item:after {
    content: "";
    display: table;
    clear: both;
}

.blog-list-item-link {
    width: 100%;
}

.blog-list-item-link {
    border: none;
    background: none;
    width: auto;
    padding: 0;
}

.blog-list-item-image-container {
    height: 229px;
}

a .blog-list-item-heading {
    display: inline-block;
    width: 100%;
    color: #313140;
    font-size: 28px;
    font-size: 2.8rem;
}

.blog-list-search-box-container.blog-list-search-box-container-for-mobile {
    display: block;
}

.blog-list-search-box-container-for-tablet-and-mobile {
    display: none;
}

.list-item:nth-child(2n) .blog-list-item-link {
    float: none;
}

a:hover .blog-list-item-heading {
    color: #04588b;
}

.blog-list-item-body {
    color: #313140;
}

.blog-list-container {
    padding-bottom: 30px;
}

.list-item-link.blog-list-item-link {
    color: #252525;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 400;
}

.list-item-link.blog-list-item-link:hover {
    color: #04588b
}

.blog-list-item .page-title-text {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 36px;
    line-height: 3.6rem;
    font-weight: 600;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}
.blog-listing-item-date-placeholder {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25px;
    line-height: 2.5rem;
    font-weight: 300;
    margin-bottom: 12px;
}

.blog-list-item-header {
    margin-bottom: 10px;
}

a:hover .blog-listing-item-abstract,
a:focus .blog-listing-item-abstract,
a:hover .blog-listing-item-date-placeholder,
a:focus .blog-listing-item-date-placeholder {
    color: #04588b
}

.blog-listing-item-abstract {
    font-weight: 400;
    line-height: 23px;
    line-height: 2.3rem;
}

.blog-list-items-heading,
.blog-list-search-box-heading {
    border-bottom: 2px solid #313140;
    line-height: 36px;
    line-height: 3.6rem;
    font-size: 28px;
    font-size: 2.8rem;
    display: block;
    padding-bottom: 8px;
    margin-bottom: 22px;
    font-weight: 600;
}

.blog-list-search-box-heading {
    margin-bottom: 7px;
}

.blog-input-textbox input[type="text"] {
    background-color: #f4f4f4;
    /* have to use !important to overwrite plugin styles */
    border: none !important;
}

.blog-input-textbox.input-textbox,
.blog-input-select .chosen-container-multi .chosen-choices {
    border: none;
    background-color: #f4f4f4;
}

.blog-input-label {
    color: #313140;
}

.blog-search-box-row input {
    margin: 0;
}

.blog-search-box-row input[type="text"] {
    margin: 0;
}

.chosen-container.chosen-container-multi.chosen-container-active {
    /* have to use !important to overwrite plugin styles */
    /*outline: 2px solid #5cafe4 !important;*/
}

.chosen-container-active .chosen-choices .search-field input[type="text"]:focus {
    /* have to use !important to overwrite plugin styles */
    border: none !important;
    outline: none !important;
}

.blog-input-label {
    width: 100%;
    text-align: left;
}

.blog-input-textbox-container,
.blog-input-select-container {
    margin-bottom: 0;
    padding-bottom: 5px;
}

.blog-input-submit input[type='submit'] {
    width: 100%;
}

.blog-list-inner-container:after {
    clear: both;
    content: "";
    display: table;
}

.blog-page-title {
    font-weight: 600;
    margin-bottom: 33px;
    margin-top: 20px;
    line-height: 42px;
    line-height: 4.2rem;
}

/* BLOG FEATURED LIST */

.blog-featured-list-container {
    background-color: #f4f4f4;
    margin-left: -15px;
    margin-right: -15px;
    /*margin-bottom: -15px;*/
    padding: 15px;
    display: block;
    float: none;
    margin-top: 35px;
}

.blog-featured-list-items-container {
    width: 100%;
}

.blog-featured-list-container:after {
    clear: both;
    display: table;
    content: "";
}

.blog-list-item-header,
.blog-list-item-body {
    width: 100%;
}

.blog-featured-list-item-heading {
    width: 100%;
    margin: 0;
    padding: 0;
}

.blog-featured-list-items {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}

.blog-featured-list-items:after {
    clear: both;
    display: table;
    clear: both;
}

.blog-featured-list-item .page-title-text {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    line-height: 3rem;
}

.blog-featured-list-item-body {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 23px;
    line-height: 2.3rem;
}

.blog-featured-list-item-heading {
    display: inline-block;
}

.blog-featured-list-item-header:after {
    content: "";
    display: table;
    clear: both;
}

a .blog-featured-list-item-heading {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.blog-featured-list-item-header {
    margin-bottom: 25px;
}

.list-item-link:hover,
.list-item-link:focus {
    background-color: transparent;
}

a:hover .blog-featured-list-item-heading,
a:focus .blog-featured-list-item-heading,
a:hover .blog-featured-list-item-body,
a:focus .blog-featured-list-item-body {
    color: #04588b;
}

.blog-featured-listing-item-abstract {
    color: #252525;
}

.blog-input-textbox-container input[type="text"] {
    height: 55px;
}

.blog-input-select select {
    height: 55px;
}

.blog-input-select .chosen-container-multi .chosen-choices {
    min-height: 55px;
    padding: 14px 15px 9px 15px;
}

/* BLOG DETAILS PAGE, , PARKS AND FACILITIES DETAILS PAGE */

.tags-container {
    margin-bottom: 55px;
}

.tags {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
}

.tag {
    float: left;
    margin-right: 10px;
    color: #fff;
    /* border-radius: 2px; */
}

a.tag-link {
    color: #fff;
    text-decoration: none;
    padding: 3px 10px;
    border-radius: 2px;
    line-height: 24px;
    background-color: #04588b;
       font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
}

a.tag-link:hover,
a.tag-link:focus {
    background-color: #034269;
}

.tags-label,
.blog-details-page-tags-label {
    float: left;
    font-weight: 500;
    font-size: 15px;
    font-size: 1.5rem;
    color: #40404d;
    margin-right: 10px;
    margin-top: 4px;
}

.blog-details-page-image-container {
    height: 385px;
    margin-bottom: 45px;
}

.feature-image-details-page {
    height: 385px;
    margin: -25px -25px 25px -25px;
}

.blog-details-page-header {
    margin: -25px -25px 45px -25px; /* DESK-7725 */
}

.blog-group-template .breadcrumbs-outer-container {
    /*margin-bottom: 0;*/
}

.blog-details-page-title {
    font-weight: 600;
}

.blog-details-page-placeholder {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 25px;
}

.blog-details-page-categories-placeholder {
    margin-bottom: 25px;
}

.blog-details-page-categories-placeholder {
    margin-bottom: 25px;
}

.general-search-list-item {
    display: inline-block;
}

.blog-input-submit-container {
    margin-top: 22px;
}

/* CITY IMPROVEMENTS DETAILS PAGE */
.project-status,
.consultation-status {
    background-color: #16828e;
    padding: 10px 22px 10px 44px;
    display: inline-block;
    font-weight: 500;
    color: #fff;
    border-radius: 2px;
    line-height: 1.4; /* to prevent line height change in list item */
    position: relative;
}

.consultation-status.status-new {
    padding: 10px 32px 10px 44px;
}

.project-status:before,
.consultation-status:before {
    content: '';
    width: 22px;
    height: 22px;
    display: inline-block;
    position: absolute;
    left: 11px;
}

.status-Completed:before {
    background-position: 2px -1784px;
}

.status-Planned:before {
    background-position: 0 -1813px;
}

.status-In:before,
.status-closing-soon:before {
    background-position: 2px -1745px;
}

.city-improvements-page .project-status,
.consultation-details-page .consultation-status {
    margin-bottom: 25px;
}

.status-Planned {
    background-color: #16828e;
}

.status-In,
.status-closing-soon {
    background-color: #c15701;
}

.status-Completed,
.status-new {
    background-color: #2c8801;
}

.generic-label {
    font-weight: 500;
}

.project-timeline-label {
    margin-right: 8px;
}

.project-timeline-container {
    margin-bottom: 30px;
}

.project-timeline-start,
.project-timeline-end {
    padding: 15px 20px;
}

.project-timeline-start {
    background-color: #f9f8f8;
}

.project-timeline-end {
    background-color: #f3f2f1;
}

.project-timeline-date {
    display: block;
}

/* CITY IMPROVEMENTS LISTING PAGE */
.city-improvements-listing .list-item-categories-placeholder:before {
    top: -2px;
}

.city-improvements-listing .list-item-categories-placeholder {
    padding-left: 30px;
    margin-bottom: 25px;
}

.city-improvements-listing .list-item {
    border-left: 5px solid #21cbd6;
}

.city-improvements-listing .list-item-heading {
    display: block;
    margin-right: 0;
}

.city-improvements-listing .project-status {
    margin-bottom: 13px;
}

.listing-item-image-background {
    width: 243px;
    height: 232px;
    margin-left: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.generic-info-window .list-item-categories-placeholder {
    padding-left: 30px;
    margin-bottom: 25px;
}

.generic-info-window .project-status {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.generic-info-window .info-window-abstract {
    font-weight: 300;
}

.city-improvements-info-window .list-item-address-placeholder {
    margin-bottom: 20px;
}

.city-improvements-info-window .info-window-abstract {
    display: none;
}

/* CONSULTATION DETAILS PAGE */
.consultation-date {
    background-color: #f4f4f4;
    font-weight: 400;
    padding: 2px 5px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.status-new:before {
    background-position: 2px -1849px;
}

.consultation-blog-list-item-heading {
    color: #313140;
    font-weight: 600;
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 5px;
    line-height: 1.4;
}

a:hover .consultation-blog-listing-text-container,
a:hover .consultation-blog-list-item-heading,
.consultation-blog-details-listing a:hover  .listing-item-abstract,
.discussion-list-item-link:hover {
   color: #04588b;
}

.listing-item-image-background-left {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 10px;
}

.consultation-blog-list-item-link {
    color: #595966;
    text-decoration: none;
    display: inline-block;
    width: 100%;
}

.consultation-blog-list-item {
    list-style: none;
    margin-bottom: 14px;
}

.consultation-blog-list-item:after {
    content: '';
    display: table;
    clear: both;
}

.consultation-blog-details-listing .listing-item-abstract {
    color: #313140;
}

.consultation-blog-details-listing .comma-separated-list-container {
    margin-bottom: 8px;
}

.side-panel-wysiwyg .consultation-blog-listing-image-container {
    width: 100%;
}

.side-panel-wysiwyg .consultation-blog-listing-text-container {
    width: 100%;
    padding-right: 0;
}

.side-panel-wysiwyg .listing-item-image-background-left {
    height: 200px;
}

.side-panel-wysiwyg .consultation-blog-list-item-heading {
    font-size: 17px;
    font-size: 1.7rem;
}

.side-panel-wysiwyg .comma-separated-list-label,
.side-panel-wysiwyg .comma-separated-list-item,
.side-panel-wysiwyg .listing-item-abstract {
    font-size: 14px;
    font-size: 1.4rem;
}

.discussion-listing-container {
    margin-bottom: 45px;
    background-color: #f4f4f4;
    padding: 20px;
}

.discussion-list-item {
    list-style: none;
}

.discussion-list-item-link {
    color: #313140;
    text-decoration: none;
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    width: 100%;
}

.discussion-list-item {
    border-top: 1px solid #e7e7e7;
    padding-bottom: 14px;
    padding-top: 14px;
}

.discussion-list-item:first-child {
    border-top: none;
}

.discussion-list-item-heading {
    font-weight: 500;
    font-size: 17px;
    font-size: 1.7rem;
    margin-bottom: 6px;
}

.consultation-details-page .tab {
    margin-right: 30px;
}

.consultation-details-page .tab a {
    padding: 15px 10px 13px 10px;
}

.consultation-details-page .tab {
    clear: left;
}

.consultation-details-page .tab {
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
}

.consultation-details-page .tabs {
    border-bottom: 2px solid #f5f5f5;
}

.consultation-details-page .tab-content {
    background-color: #f5f5f5;
    border-top: none;
    padding: 20px;
    margin-top: 0;
    margin-bottom: 45px;
}

.consultation-details-page .tab-container {
    padding-bottom: 0;
    margin-bottom: 30px;
}

a.mobile-tab-link {
    text-decoration: none;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 500;
    color: #007bc7;
    padding: 15px 10px;
    display: block;
    border-bottom: 2px solid #007bc7;
    position: relative;
}

.mobile-tab-dropdown-link:after {
    content: '';
    display: inline-block;
    width: 44px;
    height: 21px;
    margin-left: 10px;
    vertical-align: bottom;
    background-position: -138px -136px;
}

.mobile-tab-dropdown-link.active:after {
    background-position: -138px -196px;
}

a.mobile-tab-link:empty {
    display: none;
}

.mobile-tab-dropdown {
    display: none;
    position: absolute;
    z-index: 1;
    list-style-type: none;
    padding-left: 0;
    background-color: #fff;
    width: 100%;
    margin: 0;
    border: 2px solid #f4f4f4;
    border-radius: 5px;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
}

.mobile-tab-dropdown .tab {
    margin-right: 0;
}

.mobile-tab-dropdown.expanded {
    display: block;
}

.tabs-container .mobile-tab-dropdown li.tab {
    width: 100%;
}

.mobile-tab-dropdown .tab a {
    display: block;
    padding: 0 8px;
}

.mobile-tab-dropdown li.tab.active,
.mobile-tab-dropdown li.tab:hover {
    border-bottom: 2px solid transparent;
}

.tabs-container {
    position: relative;
}

/* CONSULTATION LISTING */
.consultation-list-item {
    list-style;
    list-style: none;
    margin-bottom: 25px;
}

.consultation-list-item-link {
    display: inline-block;
    width: 100%;
    color: #313140;
    text-decoration: none;
    background-color: #f4f4f4;
    position: relative;
}

.consultation-list-item-link:hover,
.consultation-list-item-link:focus {
    -webkit-box-shadow: 0px 1px 9px 3px rgba(50, 63, 74, 0.18);
    -moz-box-shadow: 0px 1px 9px 3px rgba(50, 63, 74, 0.18);
    box-shadow: 0px 13px 46px 0px rgba(50, 63, 74, 0.18);
    background-color: #fff;
    color: #04588b;
}

.consultation-list-item-header {
    background-color: #535353;
    color: #fff;
    padding: 4px 20px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
}

.consultation-list-item-body {
    padding: 25px;
}

.consultation-list-item-heading {
    font-size: 17px;
    font-size: 1.7rem;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.1;
}

.consultation-status-flag {
    position: absolute;
    right: 0;
    top: 0;
}

.consultation-listing-button-container {
    clear: left;
}

a.light-extra-button.consultation-listing-button {
    border: 2px solid #007cc8;
    padding: 3px 27px;
    border-radius: 2px;
    margin: 12px 0 0 0;
    width: 100%;
    height: 50px;
    line-height: 40px;
}

a.light-extra-button.consultation-listing-button:hover,
a.light-extra-button.consultation-listing-button:focus {
    background-color: #007cc8;
    color: #fff;
}

a.light-extra-button.consultation-listing-button:hover:after,
a.light-extra-button.consultation-listing-button:focus:after {
    background-position: -77px -387px;
}

a.extra-button.consultation-listing-button:after {
    /* right: 15px; */
    /* top: 17px; */
    position: static;
    margin-left: 8px;
    vertical-align: -7%;
    text-align: center;
}

.consultation-listing-container .list-search-box {
    margin-bottom: 20px;
}

.consultation-listing-container .list-items-container {
    padding-top: 30px;
    border-top: 2px solid #f4f4f4;
}

.listing-footer-content {
    background: #f4f4f4;
    margin: 0 -15px 0px -15px;
    padding: 45px 15px;
}

/* HALLS AND FACILITIES LISTING */
.halls-listing .list-item {
    border-color: #f99401;
}

.halls-listing .key-feature-item:before,
.halls-info-window .key-feature-item:before {
    /* background-color: #f99401; to be deleted when actual icons are implemented */
}

.halls-listing .list-item {
    line-height: 21px;
    line-height: 2.1rem;
}

.halls-listing .list-item-address-placeholder {
    margin-bottom: 5px;
}

.halls-listing .list-item .feature-listings {
    margin-top:  25px;
}

.halls-info-window .list-item-address-placeholder {
    margin-bottom: 12px;
}

/* CONSULTATION BLOG DETAILS */
.consultation-blog-details-page .details-page-categories-placeholder {
    margin-bottom: 15px;
}

.consultation-blog-details-page .tags-container {
    padding-top: 20px;
    margin-bottom: 45px;
    border-top: 2px solid #f6f6f6;
}

/* HALLS AND FACILITIES DETAILS PAGE */
.halls-details-page-side-column .side-column-details-section-body a,
.halls-details-page-side-column .side-column-details-section-body {
    color: #595966;
}

.halls-details-page .capacity-icon {
    margin-bottom: 30px;
}

/*  IFRAME */

.general-page-body-content iframe {
    width: 100%;height: 600px;
}

/* BACK TO TOP BUTTON */
.back-to-top {
    position: fixed;
    display: block;
    text-align: center;
	right: 40px;
	bottom: 55px;
	z-index: 99;
	margin: 20px auto;
	opacity: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden; /* to stop icon jittering on hover for chrome */
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.back-to-top-icon {
    width: 63px;
    height: 63px;
    background-position: 0 -2333px;
    display: block;
    margin: 0 auto;
}

.back-to-top-active.back-to-top {
    opacity: 0.4;
    visibility: visible;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.back-to-top-active.back-to-top:hover {
    opacity: 1;
}

.no-js .back-to-top {
    position: static;
    opacity: 1;
    visibility: visible;
}

/* SITE MAP */
/*.sitemap-ul {
    list-style-type: none;
    margin-top: 0;
}

.sitemap-ul li {
    position: relative;
    font-size: 17px;
    font-size: 1.7rem;
    color: #007bc7;
}

.sitemap-ul li a {
    color: #007bc7;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 400;
}

.sitemap-ul li:before {
    content: '\25cf';
    display: inline-block;
    position: absolute;
    margin-left: -25px;
    margin-top: -2px;
}

.sitemap-ul .sitemap-level-1:before {
    content: '\25cf';
}

.sitemap-ul .sitemap-level-2:before {
    content: '\25cb';
}

.sitemap-ul .sitemap-level-3:before {
    content: '\25a0';
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 0;
}

.sitemap-ul .sitemap-level-4:before {
    content: '\25a1';
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 0;
}

.sitemap-ul .sitemap-level-5:before {
    content: '\2010';
    margin-top: 0;
}*/

.sitemap-ul {
    list-style-type: none;
}

.sitemap-ul li {
    position: relative;
    font-size: 17px;
    font-size: 1.7rem;
    color: #007bc7;
}

.sitemap-ul li a {
    color: #007bc7;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 400;
}

.sitemap-ul li:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    position: absolute;
    background-color: #007bc7;
    border: 1px solid #007bc7;
    border-radius: 20px;
    left: -25px;
    top: 0.8em;
}

.sitemap-ul .sitemap-level-1:before {
    width: 5px;
    height: 5px;
    border-radius: 20px;
}

.sitemap-ul .sitemap-level-2:before {
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 20px;
}

.sitemap-ul .sitemap-level-3:before {
    width: 5px;
    height: 5px;
    border-radius: 0;
}

.sitemap-ul .sitemap-level-4:before {
    width: 5px;
    height: 5px;
    border-radius: 0;
    background-color: transparent;
}

.sitemap-ul .sitemap-level-5:before {
    width: 5px;
    height: 1px;
    border: none;
    top: 1em;
}


/*******************************************************************/
/* CUSTOM MEDIA QUERIES - for necessary small tweaks ***************/
/*******************************************************************/

@media (min-width: 330px) {
    .social-footer-link-item {
        margin-right: 6%;
    }
}

@media (min-width: 370px) {
    .social-footer-link-item {
        margin-right: 8%;
    }
}

@media (min-width: 360px) {
    .social-footer-link-item {
        margin-right: 10%;
    }
}

@media (min-width: 360px) {
    .social-footer-link-item {
        margin-right: 10%;
    }
}

@media (min-width: 440px) {
    .social-footer-link-item {
        margin-right: 4%;
    }
}


/*******************************************************************/
/* SIZE TWO BEGINS HERE ********************************************/
/*******************************************************************/


@media (min-width: 768px) {
    .cod-dahsboard-table td.cod-buttons-column {
        text-align: right;
    }
    .cod-dahsboard-table td.cod-buttons-column .button {
        width: auto;
        margin-bottom: 5px;
    }
    .cod-dahsboard-table td.cod-buttons-column .button:last-child {
        float: none;
    }
    .input-container.input-submit-container.search-box-form-container {
        width: 100%;
        display: inline-block;
        margin-top: 0;
    }
    .news-listing .input-container.input-submit-container.search-box-form-container {
        margin-top: 29px;
    }
    .general-search-box-form-container .input-container.input-submit-container.search-box-form-container {
        /* width: 40%; */
        padding-left: 0;
        text-align: left;
    }
    .general-search-box-form-container .input-container.input-submit-container.search-box-form-container input[type="submit"] {
        float: none;
    }
    .cod-dashboard-body-content {
        margin-bottom: 40px;
        margin-top: 0px;
    }
    a.large-button.add-button {
        width: auto;
    }
    a.large-button.add-button.edit-events-button {
        margin-right: 0;
        width: 100%;
        margin-bottom: 35px;
    }
    html {
        background-size: 100%;
    }

    .main-content {
        background: url(background-1.jpg) center 0 no-repeat #11bcc4;
        background-size: 100%;
    }

    .homepage-group-template {
        background: none;
    }

    ol {
        padding-left: 5%;
    }
    ul {
        padding-left: 5%;
    }
    .content-container {
        padding: 0 25px;
    }
    /* BREADCRUMBS */
    .breadcrumbs-container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .breadcrumbs-outer-container {
        padding-bottom: 0px;
    }
    .breadcrumbs {
        padding-left: 0;
    }
    .main-content {
        padding: 36px 0 100px 0;
    }
    .rs_skip {}
    .rsbtn .rsbtn_play {}
    /* HEADER */
    .menu-button {
        display: block;
        height: 128px;
    }
    logo-placeholder {
        margin-top: 0;
        margin-left: 107px;
        position: relative;
    }
    header,
    .header {
        min-height: 115px;
    }
    .header-inner-container {
        max-width: 1140px;
        min-height: 139px;
    }

    .header-search-placeholder {
        z-index: 4;
    }
    .header-search-placeholder.homepage-header-search-placeholder {
        top: 40px;
        right: 15px;
    }

    .logo-placeholder {
        top: 32px;
    }
    .no-js .logo-placeholder {
        left: 0;
        padding-left: 0;
        margin-left: 15px;
    }
    .header-content-placeholder {
        display: block;
    }
    .header-content-placeholder {
        display: inline-block;
        background-color: transparent;
        min-width: 452px;
        margin-top: 27px;
        display: block;
        position: relative;
        top: auto;
        margin-right: 25px;
        height: 100%;
    }
    .header-icons-inner-placeholder {
        float: right;
    }
    .header-search-placeholder {
        margin-top: 0;
        display: block;
        position: absolute;
        top: 15px;
        right: 0;
        width: 437px;
    }
    .header-search-inner-placeholder {
        display: inline-block;
    }
    .footer-section {
        padding: 1%;
    }
    .follow-us-footer-section {
        padding: 0;
    }
    .social-footer-link-item {
        margin-right: 10px;
    }
    .social-footer-link-item:nth-child(2n) {
        margin-right: 10px;
    }

    /* Generic form styles - resetting Rad  **********************************/
    .input-element .RadEditor {
        height: 380px !important; /* have to use !important to overwrite plugin styles */
    }

    /* LIST */
    .list-search-box {
        margin-bottom: 0;
    }
    .no-js .list-search-box {
        margin-bottom: 25px;
    }
    .list-item-link {}
    .list-search-box input[type="text"] {
        width: 70%;
    }

    .blog-list-search-box.list-search-box input[type="text"] {
        width: 100%;
    }

    .list-search-box.documents-on-exhibition-list-search-box input[type="text"] {
        margin-bottom: 50px;
        width: 51%;
    }

    .public-notices-listing .list-search-box input[type="text"],
    .consultation-listing-container .list-search-box input[type="text"] {
        width: 51%;
    }

    .list-search-box input[type="submit"] {
        width: auto;
    }


    a.large-button.add-button.add-events-button,
    a.large-button.add-button.cod-management-button {
        position: absolute;
        width: auto;
        top: -6px;
        right: 25px;
        margin-bottom: 0;
        margin-right: 0;
    }
    .list-title {
        padding-right: 260px;
    }
    .list-items-container {
        margin-bottom: 0;
        /*float: left;*/
        /*width: 65%;*/
    }
    .listing-items-container {
        margin-bottom: 0;
    }
    /* SEARCH BOX FORM */
    .search-box-row {
        display: table-row;
        width: 100%;
    }
    .search-box-row:nth-child(2n) .input-container {
        padding-bottom: 35px;
    }
    .search-box-form-container {
        /* margin-bottom: 30px; */
    }
    /* FOOTER */
    .upper-footer {
        margin-bottom: 25px;
    }
    .footer-section {
        padding: 2%;
        padding-top: 0;
        padding-bottom: 0;
    }
    .footer-section:nth-child(3),
    .footer-section:nth-child(4) {
        padding: 0;
    }
    .footer-section:first-child {
        /* border-bottom: 1px solid #d4d4d4; */
        /* border-right: 1px solid #d4d4d4; */
    }
    .footer-section:nth-child(2) {
        /* border-left: 1px solid #d4d4d4; */
        /* border-bottom: 1px solid #d4d4d4; */
    }
    .footer-section:last-child {
        border-right: none;
        border-bottom: none;
    }
    .find-us-footer-section,
    .our-sites-footer-section {
        min-height: 293px;
    }
    .rs_skip {
        margin-right: 0;
    }
    /* MAIN NAVIGATION */
    .main-navigation.nav {
        width: 500px;
        top: 128px;
    }
    .menu-button-icon {
        width: 39px;
        height: 22px;
    }
    .menu-button-text {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .lower-homepage-footer-section {
        background-color: #ececec;
    }
    /* COMMUNITY ORGANISATION DIRECTORY, EVENT, PARKS & FACILITIES DETAILS PAGE */
    .details-section,
    .cod-details-section {
        float: left;
        width: 50%;
    }
    .details-section:nth-child(1n),
    .cod-details-section:nth-child(1n),
    .details-section:nth-child(3n),
    .cod-details-section:nth-child(3n) {
        border-right: 4px solid #fff;
    }
    .event-details-section:nth-child(2n) {
        border-right: 0;
    }
    .event-details-section:nth-child(2n),
    .details-section:nth-child(2n),
    .cod-details-section:nth-child(2n) {
        border-left: 4px solid #fff;
        border-right: 0;
    }
    .side-column .event-details-section:nth-child(2n),
    .side-column .details-section:nth-child(2n),
    .side-column .cod-details-section:nth-child(2n) {
        border-left: 0;
        border-right: 0;
    }
    .details-section.event-contact-details-section {
        border-right: 4px solid #fff;
    }
    .details-section.event-transport-details-section {
        border-left: 4px solid #fff;
    }
    .details-section:nth-child(2n) {
        border-left: 0;
    }
    .event-facilities-details-section,
    .parks-things-to-do-details-section {
        width: 100%;
    }
    .event-details-section:nth-child(1n),
    .event-details-section:nth-child(2n),
    .event-details-section:nth-child(3n),
    .parks-details-section:nth-child(n) {
        border-right: 0;
    }
    .parks-details-section:nth-child(2) {
        border-right: 4px solid #fff;
    }
    .parks-details-section:nth-child(3) {
        border-left: 4px solid #fff;
    }
    .details-section-heading,
    .cod-details-section-heading {
        padding: 0 15px;
    }
    .edit-button-container-for-mobile {
        position: absolute;
        top: -6px;
        right: 0;
    }
    .gmap-target {
        height: 500px;
    }
    /* DASHBOARD */
    .dashboard-main-buttons .button,
    .dashboard-main-buttons input.button {
        width: auto;
    }
    .dashboard-main-buttons input.button {
        margin: 0;
    }
    .large-font .dashboard-main-buttons input.button,
    .larger-font .dashboard-main-buttons input.button {
        line-height: 1.5
    }
    .log-out-panel {
        display: inline-block;
        margin-left: 1px;
        float: right;
    }
    .dashboard-section {
        padding: 40px;
    }
    .dashboard-group-template h1.page-title.general-page-title {
        font-size: 34px;
        font-size: 3.4rem;
        color: #313140;
        font-weight: 600;
        margin-bottom: 20px;
    }
    .dashboard-main-buttons {
        margin-bottom: 20px;
    }
    .spellsuggestlabel a {
        color: #007bc7;
        font-weight: 400;
    }
    .list-search-box.events-list-search-box {
        margin-bottom: 10px;
    }

    .list-search-box.forms-and-permits-list-search-box {
        /*margin-bottom: 67px; removed due to uat bug */
    }

    /* COD LIST */
    .events-list-search-box .input-container,
    .cod-list-search-box .input-container,
    .parks-list-search-box .input-container,
    .city-improvements-search-box .input-container {
        margin-bottom: 0;
        position: relative;
        box-sizing: border-box;
        overflow: auto;
        display: table-cell;
        width: 50%;
        vertical-align: top;
        padding-bottom: 15px;
    }

    .general-search-box-form-container .input-container {
        width: 50%;
        margin-bottom: 5px;
    }
    .events-list-search-box .input-container:last-child,
    .cod-list-search-box .input-container:last-child,
    .parks-list-search-box .input-container:last-child,
    .city-improvements-search-box .input-container:last-child {
        padding-bottom: 0;
    }
    .search-box-form-container .input-container {
        overflow: visible;
    }
    .events-list-search-box input[type="text"],
    .cod-list-search-box input[type="text"],
    .parks-list-search-box input[type="text"],
    .city-improvements-search-box input[type="text"] {
        margin: 0;
        width: 100%;
    }
    .events-list-search-box select,
    .cod-list-search-box select,
    .parks-list-search-box select,
    .city-improvements-search-box select {
        padding: 0;
    }
    .events-list-search-box .input-container:nth-child(1),
    .cod-list-search-box .input-container:nth-child(1),
    .parks-list-search-box .input-container:nth-child(1),
    .city-improvements-search-box .input-container:nth-child(1) {
        padding-right: 12px;
    }
    .events-list-search-box .input-container:nth-child(2),
    .cod-list-search-box .input-container:nth-child(2),
    .parks-list-search-box .input-container:nth-child(2),
    .city-improvements-search-box .input-container:nth-child(2) {
        padding-left: 12px;
    }

    .search-box-input-submit-container {
        display: block;
        width: 100%;
    }
    .list-item.events-list-item,
    .list-item.cod-list-item {
        width: 100%;
    }
    .listing-item-image {
        float: right;
        margin-left: 10px;
    }
    .news-listing .listing-item-image {
        margin-left: 20px;
    }
    .header-container {
        position: relative;
        padding-right: 120px;
    }
    .change-password-button {
        width: auto;
    }
    .events-list-search-box .date-from-input-container,
    .events-list-search-box .date-to-input-container {
        display: inline-block;
        width: 47%;
        margin-bottom: 0;
    }
    .events-list-search-box .date-to-input-container {
        float: right;
    }
    .listing-item-image-placeholder {
        display: inline-block;
        float: right;
    }
    .cac-list-container .seamless-pagination,
    .events-list-container .seamless-pagination {
        display: inline-block;
        float: left;
        width: auto;
    }
    .cac-list-container .seamless-pagination.seamless-pagination-count-1,
    .events-list-container .seamless-pagination.seamless-pagination-count-1,
    .seamless-pagination.seamless-pagination-count-1 {
        display: none;
    }
    .cac-list-container .seamless-pagination-info,
    .events-list-container .seamless-pagination-info {
        display: inline-block;
        float: right;
    }
    /* EVENT DETAILS PAGE, NEWS DETAILS PAGE, PARKS AND FACILITIES DETAILS PAGE */
    /* ALL DETAILS PAGE */
    .event-details-page-side-column,
    .news-details-page-side-column,
    .parks-and-facilities-side-column,
    .city-improvements-page-side-column,
    .halls-details-page-side-column {
        padding: 25px;
    }
    a.button.edit-events-button {
        width: auto;
        position: absolute;
        top: 0;
        right: 0;
    }
    .events-page h1.page-title.general-page-title {
        margin-right: 185px;
        width: auto;
        margin-bottom: 30px;
    }
    .event-facilities-details-section .details-section-body li,
    .parks-things-to-do-details-section .details-section-body li {
        display: inline-block;
        width: 30%;
    }
    .parks-things-to-do-details-section .details-section-body li {
        vertical-align: top;
    }
    .details-section.event-transport-details-section,
    .details-section.event-contact-details-section {
        margin-bottom: 0;
    }
    /* ADD TO CALENDAR */
    .add-to-calendar-placeholder {
        /* padding: 25px; */
    }
    .add-to-calendar-toggle-panel {
        padding: 25px;
    }
    /* LISTING SORT */
    .listing-sort {
        margin: 0;
        padding: 0;
        float: none;
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
    }
    .listing-sort li {
        float: left;
        list-style-type: none;
        margin-right: 25px;
    }
    .listing-sort li:last-child {
        margin-right: 0;
    }
    .listing-sort-container {
        display: inline-block;
        width: 100%;
        margin-bottom: 25px;
        height: 33px;
    }
    .listing-sort-container:after {
        display: inline-block;
        width: 1140px;
        border-bottom: 2px solid #f5f5f5;
        content: "";
        margin-left: -25px;
        position: absolute;
        bottom: 4px;
        z-index: 0;
    }
    .generic-sorting-link {
        color: #007bc7;
        text-decoration: none;
        font-weight: 500;
        /* position: absolute; */
        /* top: 0; */
        /* left: 0; */
        display: inline-block;
        margin-bottom: 0px;
        position: relative;
        line-height: 1.7;
    }
    a.generic-sorting-link.active {
        border-bottom: 2px solid #007bc7;
    }
    .councillor-image.councillor-footer-image {
        float: left;
    }
    .councillor-details {
        float: left;
        max-width: 297px;
        max-width: calc(100% - 165px);
    }
    /* OWL CAROUSEL */
    .councillor-image.councillor-footer-image {
        margin-right: 30px;
        margin-bottom: 0;
    }
    .owl-nav {
        position: absolute;
        top: 150px;
    }
    .councillor-buttons-placeholder {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 165px;
    }
    .lower-footer {
        padding-top: 50px;
    }
    /* HOMEPAGE */
    .homepage-list-item {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: inline-block;
        width: 100%;
        background-color: #f4f4f4;
        margin-bottom: 40px;
        min-height: 175px;
        overflow: visible;
    }
    .top-tasks-homepage-section .homepage-list-item {
        background-color: transparent;
        min-height: 175px;
        margin-bottom: 15px;
    }
    .homepage-list-item:after {
        clear: both;
        display: table;
        content: '';
    }
    .homepage-list-items {
        padding: 0;
        margin: 0;
    }
    .homepage-list-item-body {
        padding: 30px 25px;
        /* font-size: 24px; */
        /* font-size: 2.4rem; */
        font-weight: 800;
        position: relative;
        width: 53%;
        float: right;
    }
    .event-homepage-list-item .homepage-list-item-body {
        padding: 30px 30px;
    }
    .homepage-section-heading {
        font-size: 40px;
        font-size: 4rem;
        font-weight: 800;
        color: #333341;
        margin-bottom: 25px;
    }
    .homepage-section-image-container {
        height: 211px;
    }

    .homepage-list-item-date-container {
        width: 96px;
        height: 96px;
        /* background-color: #333341; */
        color: #fff;
        text-align: center;
        position: absolute;
        margin: auto;
        left: 0;
        right: auto;
        top: 0;
    }

    .homepage-list-item-header {
        width: 47%;
        float: left;
        position: relative;
    }
    a.button.extra-button.homepage-section-see-all-button.small {
        display: none;
    }
    a.button.extra-button.homepage-section-see-all-button.large {
        display: block;
    }
    a.button.extra-button.homepage-section-see-all-button.large {
        position: absolute;
        bottom: -6px;
        right: 0;
    }
    .news-homepage-section a.button.extra-button.homepage-section-see-all-button.large {
        top: 9px;
    }
    /* HERO BANNER */
    .hero-banner-homepage-section {
        height: 300px;
    }
    .homepage-hero-banner-link {
        display: inline-block;
        width: 380px;
        top: 15px;
        bottom: auto;
        padding: 27px 55px 27px 25px;
        left: 20px;
    }
    .hero-banner-homepage-section .homepage-section-inner {
        position: relative;
    }
    .header .homepage-search-placeholder {
        position: absolute;
        right: 0;
        width: 433px;
        right: 15px;
        top: 40px;
        display: block;
    }
    .main-content.homepage-group-template {
        padding-top: 0;
    }
    nav + .homepage-search-placeholder {
        display: none;
    }
    /* HOMEPAGE ALERTS */
    .alert {
        color: #fff;
        background-color: #363636;
    }
    .alert-inner {
        max-width: 1140px;
        margin: 0 auto;
        padding: 25px 25px;
    }
    .top-task-homepage-list-item {
        width: 25%;
    }
    .homepage-top-task-heading {
        padding-top: 95px;
    }
    .homepage-top-task-icon {
        width: 72px;
        height: 72px;
    }
    .homepage-top-task-heading {
        padding-top: 90px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22px;
        line-height: 2.2rem;
        font-weight: 300;
    }
    .homepage-section.top-tasks-homepage-section {
        height: auto;
        padding-bottom: 50px;
        padding-top: 72px;
    }
    .homepage-section.discover-maroondah-homepage-section {
        height: 375px;
        background: url('discover-maroondah-homepage-section-bg.jpg') center center no-repeat;
        background-position-x: -960px;
        /* background-size: 183%; */
    }
    .discover-maroondah-homepage-section .homepage-section-inner {
        max-width: 1140px;
        /* height: 64px; */
    }
    .events-homepage-section .homepage-section-inner {
        height: auto;
        padding-top: 0px;
    }
    .events-homepage-section .homepage-section-container {
        padding-top: 41px;
        padding-bottom: 0;
    }
    .header-search-placeholder .add-on input[type="submit"],
    .homepage-search-placeholder .add-on input[type="submit"],
    .discover-maroondah-search-placeholder input[type="submit"] {
        border-radius: 0px 2px 2px 0px;
    }
    .homepage-list-item-heading {
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: 800;
    }
    .homepage-list-item-date-footer {
        font-size: 20px;
        font-size: 2rem;
        font-weight: 800;
        line-height: 1;
    }
    .homepage-list-item-date-header {
        font-size: 38px;
        font-size: 3.8rem;
        margin-top: 12px;
        margin-bottom: 10px;
    }
    .free-event-label {
        /*display: block;*/
        display: inline;
        margin-left: 10px;
        vertical-align: middle;
    }
    .details-page-free-event-label {
        display: none;
    }
    a .list-item-heading {
        display: block;
    }

    a .blog-featured-list-item-heading {
        display: inline-block;
    }

    .listing-item-date-placeholder.visible,
    .list-item-address-placeholder.visible {
        display: block;
    }
    .header-search-placeholder input[type="text"] {
        height: 50px;
    }
    .header-search-placeholder .add-on input[type="submit"] {
        height: 50px;
        width: 50px;
    }
    .predictive-search-placeholder {
        margin-right: 50px;
    }
    .page-title-text {
        margin-bottom: 0;
    }
    .homepage-section-inner {
        padding: 0 25px;
        height: 100%;
        max-width: 1140px;
    }
    .list-item-heading {
        display: block;
    }

    .general-search-list-item-heading  {
        margin-right: 0;
    }
    /*.list-item-heading, removed due to UAT bug */
    .listing-page-title.with-manage-button {
        margin-right: 250px;
    }
    .document-on-exibition-list-item-heading,
    .public-notices-listing .list-item-heading {
        margin-right: 0;
    }
    .band.rotate_c {
        -ms-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }
    .band {
        top: 444px;
    }
    .band.top {
        top: -662px;
        bottom: auto;
    }

    .discover-maroondah-homepage-section .band {
        top: 400px;
    }

    /* LANDING PAGE */



    .landing-page-list-items {
        width: 102%;
        margin-left: -1%;
    }

    .landing-page-list-item {
        width: 50%;
        padding: 0 1%;
    }

    /* BLOG LIST */

    .blog-list-item {
        width: 100%;
        border: 0;
        padding: 0;
        margin: 0;
    }

    .blog-list-search-box.events-list-search-box {
        float: right;
        width: 30%;
        margin-right: 0;
        padding-right: 0;
        box-sizing: border-box;
        display: inline-block;
        /* background-color: orange */
    }

    .blog-list-search-box .input-container {
        display: inline-block;
        width: 100%;
    }

    .blog-list-search-box .input-container:nth-child(2),
    .blog-list-search-box .input-container:nth-child(1) {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .blog-list-item {
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
    }

    .blog-list-item-link {
        width: 100%;
    }

    a .blog-list-item-heading {
        display: inline-block;
    }

    .blog-list-item-header {
        margin-bottom: 0;
        float: left;
        width: 40%;
    }

    .blog-list-item-header:after {
        content: "";
        display: table;
        clear:both;
    }

    .blog-list-item-body {
        margin-bottom: 0;
        float: right;
        width: 57%;
    }

    .blog-featured-list-item-body {
        width: 100%;
        float: none;
    }

    .blog-listing-item-abstract {
        margin-bottom: 0;
    }

    .blog-input-submit input[type='submit'] {
        width: 100%;
    }

    .blog-featured-list-container {
        margin-left: -25px;
        margin-right: -25px;
        /*margin-bottom: -25px;*/
        padding: 25px;
        width: auto;
    }

    .blog-featured-list-item-header {
        width: 100%;
    }

    .blog-featured-list-items-container {
        float: left;
        width: 100%;
    }

    .blog-featured-list-item-header {
        margin-bottom: 25px;
    }

    /* BLOG LIST FEATURED */

    .blog-featured-list-item {
        width: 33.333%;
        float: left;
        padding: 0 1%;
    }

    .blog-featured-list-item:nth-child(2n) {
        float: left;
    }

    .blog-featured-list-items {
        width: 102%;
        margin-left: -1%;
    }

    /* BLOG DETAILS PAGE */

    .blog-page-title {
        margin-top: 20px;
    }

    /* NEWS LIST */
    .twitter-feeds-container {
        padding-right: 25px;
    }
    .youtube-feeds-container {
        padding-left: 25px;
    }
    .news-listing .list-search-box .input-submit-container,
    .forms-and-permits-list-search-box .input-submit-container {
	    padding-top: 0;
	}

    /* CITY IMPROVEMENT DETAILS PAGE */
    .project-timeline-date {
        display: inline;
    }

    .city-improvements-page .project-status {
        float: right;
        margin-top: -10px;
    }

    /* CONSULTATION DETAILS PAGE */
    .consultation-date {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 25px;
    }

    .consultation-details-page .consultation-status {
        float: right;
        margin-top: -10px;
    }

    .consultation-blog-listing-image-container {
        width: 30%;
        display: inline-block;
        float: left;
    }

    .consultation-blog-listing-text-container {
        width: 66%;;
        display: inline-block;
        float: right;
        padding-right: 50px;
    }

    .consultation-details-page .tab {
        clear: none;
    }

    .consultation-details-page .tab-content {
        background-color: transparent;
        padding: 15px 0 0 0;
    }

    a.mobile-tab-link {
        display: none;
    }

    .mobile-tab-dropdown.tabs {
        display: block;
        position: static;
        border: none;
        box-shadow: none;
        border-bottom: 2px solid #f5f5f5;
    }

    .mobile-tab-dropdown.tabs:after {
        content: '';
        clear: both;
        display: table;
    }

    .mobile-tab-dropdown .tab {
        margin-right: 30px;
    }

    .tabs-container .mobile-tab-dropdown li.tab {
        width: auto;
    }

    .mobile-tab-dropdown li.tab.active,
    .mobile-tab-dropdown li.tab:hover {
        border-bottom: 2px solid #007bc7
    }

    /* CONSULTATION LISTING */
    .consultation-listing-container a.light-extra-button {
        margin: 0;
    }

    .consultation-list-item:nth-child(2n+1) {
        padding: 0 15px 0 0;
    }

    .consultation-list-item:nth-child(2n) {
        padding: 0 0 0 15px;
    }

    a.light-extra-button.consultation-listing-button {
        width: auto;
    }

    .listing-footer-content {
        margin: 0 -25px -15px -25px;
        padding: 45px 25px;
    }

    .side-panel {
        width: 48%;
        float: left;
    }

    .side-panel:nth-child(2n+1) {
        margin-right: 2%;
        clear: left;
    }

    .side-panel:nth-child(2n) {
        margin-left: 2%;
    }

    /* BACK TO TOP BUTTON */
    .back-to-top {
        right: 40px;
    }
    

}

    /* HALLS AND FACILITIES DETAILS PAGE */
    .halls-details-page .details-section:nth-child(2n+1) {
        border-right: 4px solid #fff;
        border-left: none;
    }
    .halls-details-page .details-section:nth-child(2n) {
        border-right: none;
        border-left: 4px solid #fff;
    }

    .no-js .halls-details-page .details-section:nth-child(n) {
        border: none;
    }

}

/*******************************************************************/
/* SIZE ONE BEGINS HERE ********************************************/
/*******************************************************************/

@media (min-width: 870px) {
    .homepage-section.discover-maroondah-homepage-section {
        height: 375px;
        /* background-size: 183%; */
    }

    .discover-maroondah-homepage-section .band {
        top: 410px;
    }
}

@media (min-width: 992px) {
    .dashboard-main-buttons .button {
        width: auto;
    }
    td.cod-status-column {
        padding-top: 18px;
        padding-bottom: 0;
    }
    html {
        background-size: 100%;
    }

    .main-content {
        background: url(background-1.jpg) center 0 no-repeat #11bcc4;
        background-size: 100%;
    }

    .homepage-group-template {
        background: none;
    }

    .main-column {
        padding-right: 25px;
    }
    .main-column.event-details-page-main-column,
    .parks-and-facilities .main-column,
    .halls-details-page .main-column {
        padding-right: 0;
    }
    /* GENERIC FORM STYLES */
    .input-label {
        text-align: right;
        vertical-align: top;
        padding-right: 15px;
        width: 30%;
    }

    .add-to-calendar-toggle-panel .input-label {
        width: 100%;
        text-align: left;
        margin-bottom: 15px;
    }
    .email-admin-form-template .input-label {
        width: 20%
    }
    .login-page .input-label {
        width: 100%;
        text-align: left;
    }
    .input-element {
        width: 70%;
        float: left;
    }

    .login-page .input-element {
        width: 100%;
        float: left;
    }
    .generic-form-combobox {
        margin-top: 8px;
    }
    .input-submit-container {
        /* margin-left: 30%; */
    }
    /* GENERAL PAGE */
    .toggle-panel-trigger-heading {
        padding: 15px 83px 15px 25px;
    }
    .panel-content {
        padding: 25px;
    }
    .navigation-column {
        display: block;
        padding-left: 25px;
    }
    /* HEADER */
    .menu-button {
        height: 128px;
        display: none;
    }
    header,
    .header {
        min-height: 174px;
        background: url(navigation-gradient-border.jpg) bottom no-repeat #f4f4f4;
    }
    .logo-placeholder {
        float: left;
        margin-top: 51px;
        margin-left: 0;
        position: relative;
        left: 0;
        top: auto;
    }
    .homepage-header {
        min-height: 115px;
    }
    .homepage-header .header-inner-container {
        min-height: 100px;
    }
    .homepage-header .logo-placeholder {
        margin-top: 10px;
    }
    .homepage-header .header-content-placeholder {
        margin-top: 30px;
    }
    .header-icons-placeholder {
        display: block;
    }
    .social-footer-link-item:nth-child(2n) {
        margin-right: 0;
    }
    .header-content-placeholder {
        margin-right: 25px;
        /*margin-right: 105px;*/
    }
    .header-search-placeholder.homepage-header-search-placeholder {
        display: none;
        top: 50px;
    }
    .logo-placeholder {
        left: 25px;
    }
    .main-navigation {
        display: inline-block;
    }
    /* LIST */
    .list-item {
        width: 49%;
    }
    .general-search-list-container .list-item {
        width: 100%;
    }
    .list-item:nth-child(2n) {
        margin-left: 0%;
        float: right;
    }

    /* FOOTER */
    .footer-section {
       border-bottom: none;
    }
    .footer-section {
        /* padding: 5%; */
    }
    .footer-section:first-child {
        border-bottom: none;
    }
    .footer-section:nth-child(2) {
        border-bottom: none;
    }
    .footer-section.find-us-footer-section,
    .footer-section.our-sites-footer-section,
    .footer-section.follow-us-footer-section,
    .footer-section.stay-in-touch-footer-section {
        min-height: 295px;
    }
    .footer-link-items {
        width: auto;
    }
    .copyright-container {
        float: right;
    }
    .find-us-footer-section.col-lg-4 {
        width: 31.333333%;
    }
    .follow-us-footer-section.col-lg-2 {
        width: 18.6667%;
    }
    .stay-in-touch-footer-section.col-lg-3 {
        padding-right: 0;
    }
    .footer-section:nth-child(3),
    .footer-section:nth-child(4) {
        display: inline-block;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 2%;
        padding-right: 2%;
        min-height: 265px;
    }
    .footer-section:nth-child(4) {
        border-right: 0;
    }
    /* MAIN NAVIGATION */
    .main-navigation.small {
        display: none;
    }
    .main-navigation.large {
        display: BLOCK;
    }
    .main-navigation.nav {
        width: 415px;
        top: 163px;
        display: none !important; /* TODO: cleanup - remove !important; */
    }
    /* PAGINATION */
    .seamless-pagination-controls {
        display: none;
    }
    .no-js .seamless-pagination-controls {
        display: block;
    }
    .simple-pagination {
        display: inline-block;
    }

    /* DASHBOARD */
    .dashboard-main-buttons {
        display: inline-block;
        width: auto;
        position: absolute;
        top: 0;
        right: 25px;
    }
    .large-font .dashboard-main-buttons,
    .larger-font .dashboard-main-buttons {
        position: relative;
        left: 0;
    }
    .cod-dahsboard-table td.cod-buttons-column {
        min-width: 200px;
    }
    .cod-dahsboard-table td {
        display: table-cell;
    }
    dashboard-group-template .breadcrumbs-container {
        padding-left: 25px;
        padding-right: 25px;
    }
    /* COD LIST */
    .cod-list-search-box input[type="text"] {
        margin: 0;
        width: 100%;
    }
    .cod-list-search-box select {
        padding: 0;
    }
    .cod-list-search-box select[multiple] {}
    .cod-list-search-box .input-container:nth-child(1) {
        padding-right: 10px;
    }
    .cod-list-search-box .input-container:nth-child(2) {
        padding-left: 10px;
    }
    .list-item.cod-list-item {
        width: 100%;
    }
    .listing-item-image {
        float: right;
    }
    .gmap-target {
        height: 723px;
    }
    .dashboard-main-buttons a.button {
        width: auto;
    }
    h1.page-title.general-page-title {
        /* margin-bottom: 23px; */
    }
    .forms-and-permits-full-width-general-page h1.page-title.general-page-title {
        padding-right: 29.333333%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .edit-button-container-for-mobile {
        display: none;
    }
    .edit-button-container-for-desktop {
        display: block;
    }
    .email-admin-form-template .input-submit-container {
        width: 90%;
    }
    /* NEWS LIST */
    .news-listing .list-items-container {
        padding-right: 3.5%;
    }
    .news-listing .side-column {
        display: block;
        margin-top: 0;
    }
    .twitter-feeds-container {
        padding-right: 0;
    }
    .youtube-feeds-container {
        padding-left: 0;
    }
    /* EVENT DETAILS PAGE, NEWS DETAILS PAGE, PARKS AND FACILITIES DETAILS PAGE */
    /* ALL DETAILS PAGE */
    .event-details-page-side-column,
    .news-details-page-side-column,
    .parks-and-facilities-side-column,
    .city-improvements-page-side-column,
    .halls-details-page-side-column {
        height: 100vh;
        height: 102.5%;
        height: calc(100% + 40px); /* to set height equals to content-container + breadcrumbs margin-bottom */
        margin-top: -25px;
        right: -25px;
        position: absolute;
        margin-bottom: 0;
    }
    .button.for-large-screens {
        display: block;
    }
    .button.for-small-screens {
        display: none;
    }
    a.button.edit-events-button {
        width: 100%;
        position: relative;
        /* display: none; */
    }
    .events-page h1.page-title.general-page-title {
        margin-right: 0;
    }
    a.button.edit-events-button {
        width: 100%;
        position: relative;
    }
    /* FOOTER */
    .middle-footer-section {
        width: 50%;
        display: inline;
        float: left;
    }
    .councillor-image.councillor-footer-image {
        float: left;
    }
    .councillor-details {
        float: left;
        max-width: 297px;
        max-width: calc(100% - 165px);
    }
    .homepage-list-item {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: inline-block;
        width: 33.3333333333%;
        background-color: transparent;
        margin-bottom: 0;
        float: left;
        padding: 0 2.666666666666666666666%;
    }
    .homepage-list-items {
        padding: 0;
        width: 100%;
        box-sizing: border-box;
        width: 105.333333%;
        margin-left: -2.666667%;
        display: inline-block;
    }
    .homepage-list-item-body {
        padding: 25px 15px;
        font-size: 20px;
        font-size: 2rem;
        font-weight: 800;
        position: relative;
        width: 100%;
    }
    .homepage-section-heading {
        font-size: 40px;
        font-size: 4rem;
        font-weight: 800;
        color: #333341;
        margin-bottom: 28px;
    }
    .discover-maroondah-homepage-section .homepage-section-heading {}
    .homepage-section-image-container {
        height: 216px;
    }

    .homepage-list-item-date-container {
        color: #fff;
        text-align: center;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 150px;
        z-index: 1;
    }
    .homepage-list-item-date-footer {
        text-transform: uppercase;
    }
    .homepage-list-item-header {
        width: 100%;
        float: left;
        position: relative;
    }
    .homepage-list-item-heading {
        line-height: 26px;
        line-height: 2.6rem;
    }
    .homepage-list-item {
        min-height: 380px;
    }
    .homepage-list-item-body {
        padding-top: 40px;
        padding: 20px;
    }
    .event-homepage-list-item .homepage-list-item-body {
        padding: 56px 20px 45px 20px;
    }
    .homepage-section {
        /* background-color: #13bcbd; */
        padding: 30px 0;
        overflow: hidden;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }



    .hero-banner-homepage-section {
        overflow: visible;
    }
    .events-homepage-section {
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 0;
        /*height: 640px;*/
    }
    .hero-banner-homepage-section {
        height: 400px;
    }
    .homepage-header .rsbtn {
        display: block;
        top: 3px;
        right: 260px;
    }
    .no-js .homepage-header .rsbtn {
        display: none;
    }
    .homepage-hero-banner-link {
        left: 0;
    }
    .homepage-search-placeholder {
        position: absolute;
        width: 555px;
        top: 290px;
        right: 0;
        left: 0;
        margin: auto;
        /* display: none; */
    }
    nav + .homepage-search-placeholder {
        display: none;
    }
    .header .homepage-search-placeholder {
        display: none;
    }
    .homepage-hero-banner .homepage-search-placeholder {
        display: block;
    }
    .top-task-homepage-list-item {
        width: 16.6666666667%;
        margin: 0;
        padding: 0;
    }
    .details-sections {
        margin-bottom: 25px;
    }
    .main-column {
        padding-bottom: 15px;
    }
    .header-search-placeholder {
        top: 50px;
    }
    .middle-footer-inner-councillors-section {
        /*width: 462px;*/
        width: auto;
        min-width: 462px;
        max-width: 95%;
        float: right;
    }
    .homepage-section.discover-maroondah-homepage-section {
        height: 487px;
    }
    .discover-maroondah-homepage-section .homepage-section-container {
        padding-top: 50px;
    }
    .discover-maroondah-search-placeholder .homepage-search-inner-placeholder {
        width: 767px
    }
    .homepage-section.discover-maroondah-homepage-section {
        height: 379px;
        background: url('discover-maroondah-homepage-section-bg.jpg') center center no-repeat;
        background-size: cover;
    }

    .discover-maroondah-homepage-section .band {
        top: 410px;
    }
    .band.rotate_c {
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    .band {
        top: 455px;
    }
    .band.top {
        top: -687px;
        bottom: auto;
    }
    .events-homepage-section .homepage-section-container {
        padding-top: 100px;
         padding-bottom: 100px;
    }
    /* FORMS AND PERMITS DETAILS PAGE */
    .main-column-inner {
        padding-right: 35px
    }

    /* LANDING PAGE */

    .landing-page-list-items {
        width: 102%;
        margin-left: -1%;
    }

    .landing-page-list-item {
        width: 33.333333333333333%;
        padding: 0 1%;
    }

    .two-column-landing-page .landing-page-list-item {
        width: 50%;
    }

    /* BLOG LIST */

    .blog-list-items-container {
        float: left;
        width: 71%;
    }

    .blog-list-search-box-container {
        width: 26%;
        float: right;
    }

    .blog-input-label {
        width: 100%;
        text-align: left;
    }

    .blog-input-textbox,
    .blog-input-select {
        width: 100%;
        float: left;
    }

    .blog-list-item {
        width: 100%;
    }

    a .blog-list-item-heading {
        display: inline-block;
    }

    .blog-list-search-box-container.blog-list-search-box-container-for-mobile {
        display: none;
    }

    .blog-list-search-box-container-for-tablet-and-mobile {
        display: block;
    }

    .blog-input-textbox-container,
    .blog-input-select-container {
        padding-bottom: 25px;
    }

    /* BLOG LIST FEATURED */

    .blog-featured-list-container {
        margin-bottom: -15px;
    }

    .blog-featured-list-item {
        width: 33.333%;
    }

    .blog-featured-list-item:nth-child(2n) {
        float: left;
    }

    .blog-featured-list-items-container {
        width: 100%;
    }

    .news-homepage-section {
        overflow: visible;
        padding-bottom: 25px;
    }

    /* BLOG DETAILS PAGE */

    .blog-details-page-body {
        padding: 0 115px;
    }

	.blog-input-submit-container {
         margin-top: 0;
    }

    /* CITY IMPROVEMENTS LISTING */
    .city-improvements-info-window .info-window-abstract {
        display: block;
    }

    /* CONSULTATION LISTING */
    .consultation-list-item:nth-child(3n+1) {
        padding: 0 20px 0 0;
    }

    .consultation-list-item:nth-child(3n+2) {
        padding: 0 10px 0 10px;
    }

    .consultation-list-item:nth-child(3n) {
        padding: 0 0 0 20px;
    }

    .consultation-listing-button-container {
        clear: none;
        float: right;
    }

    .side-panel {
        width: 100%;
        float: none;
    }

    .side-panel:nth-child(2n+1) {
        margin-right: 0;
    }

    .side-panel:nth-child(2n) {
        margin-left: 0;
    }

    /* INFO WINDOW */
    a.marker-info-link {
        padding: 12px;
        margin-bottom: 15px;
    }

    a.marker-info-link :last-child {
        margin-bottom: 0;
    }

    a:hover.marker-info-link {
        background-color: #f4f4f4;
    }

    a:hover .info-window-title {
        color: #313140;
    }

}

/*******************************************************************/
/* CUSTOM MEDIA QUERIES - large screens tweaks *********************/
/*******************************************************************/

@media (min-width: 1140px) {
    .footer-section {
        padding-left: 2%;
        padding-right: 2%;
    }
    .band {
        top: 460px;
    }
    .band.top {
        top: -670px;
        bottom: auto;
    }
    .events-homepage-section .homepage-section-container {
        padding-top: 160px;
        padding-bottom: 100px;
    }

    .homepage-section.discover-maroondah-homepage-section {
        height: 376px;
    }

    .discover-maroondah-homepage-section .band {
        top: 410px;
    }
}

@media (min-width: 1160px) {
    .inner-footer-container {
        padding: 0 25px;
    }
    .social-footer-link-item {
        height: 65px;
    }
    .footer-section {
        padding-left: 2%;
        padding-right: 2%;
    }
    .header-content-placeholder {
        margin-right: 0;
        /*margin-right: 105px;*/
    }
    .logo-placeholder {
        left: 0;
    }
    .homepage-search-placeholder {}
    .homepage-hero-banner .homepage-search-placeholder {
        display: block;
    }
    .band {
        top: 461px;
    }
    .band.top {
        top: -677px;
        bottom: auto;
    }
    .events-homepage-section .homepage-section-container {
        padding-top: 120px;
        padding-bottom: 100px;
    }

    .homepage-section.discover-maroondah-homepage-section {
        height: 423px;
    }

    .discover-maroondah-homepage-section .band {
        top: 410px;
    }

}

@media (min-width: 1200px) {
    .inner-footer-container {
        padding: 0 25px;
    }
    .band {
        top: 440px;
    }
    .band.top {
        top: -660px;
        bottom: auto;
    }
    .events-homepage-section .homepage-section-container {
        padding-top: 130px;
        padding-bottom: 100px;
    }

    .homepage-section.discover-maroondah-homepage-section {
        height: 375px;
    }

    .discover-maroondah-homepage-section .band {
        top: 410px;
    }
}

@media (min-width: 1400px) {
    .footer-section {
        padding-left: 3%;
        padding-right: 3%;
    }
    .social-footer-link-item {
        margin-right: 6%;
    }
    .footer-section:nth-child(3),
    .footer-section:nth-child(4) {
        padding-left: 3%;
        padding-right: 3%;
    }
    .band {
        top: 482px;
    }
    .band.top {
        top: -597px;
        bottom: auto;
    }
    .events-homepage-section .homepage-section-container {
        padding-top: 183px;
        padding-bottom: 100px;
        /*height: 436px;*/
    }

    .homepage-section.discover-maroondah-homepage-section {
        height: 410px;
    }

    .discover-maroondah-homepage-section .band {
        top: 455px;
    }
}

/*******************************************************************/
/* SPRITEMAP *******************************************************/
/*******************************************************************/

/*
    The code below includes spritemap properties with
    additional spritemap properties.
*/

a.extra-button:after {
    width: 16px;
    height: 14px;
    background-position: 0 -387px;
}

a.extra-button.light-extra-button:after {
    width: 16px;
    height: 14px;
    background-position: -42px -387px;
}

a.extra-button.full-extra-button:after,
.full-extra-button-icon {
    width: 16px;
    height: 14px;
    background-position: -76px -387px;
}

.full-extra-button-icon {
    display: inline-block;
    position: absolute;
    top: 13px;
    right: 20px;
}

.RadPicker_Default .rcCalPopup:after {
    display: inline-block;
    content: "";
    width: 28px;
    height: 28px;
    background-position: 0px 0;
    position: absolute;
    top: 0;
    left: 0;
}

.RadPicker_Default .rcCalPopup:hover:after,
.RadPicker_Default .rcCalPopup:focus:after {
    background-position: -49px 0;
}

.toggle-panel-trigger-heading.expanded:after {
    background-position: 9px -185px;
    background-color: #edecec;
}

.document:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 15px;
    background-position: 0 -56px;
    margin-top: 2px;
    /* float: left; */
    position: absolute;
    top: 0px;
    left: -25px;
}

.side-panel-wysiwyg .document {
    margin-left: 0;
}

.side-panel-wysiwyg .document:before {
    position: static;
    margin-right: 8px;
    margin-left: 5px;
    vertical-align: -7%;
}

.related-info-list .document:before {
    left: -27px;
}

.document:hover:before,
.document:focus:before {
    background-position: -28px -56px;
}

.related-info-list .document:before {
    background-position: 0 -250px;
    width: 18px;
    height: 23px;
    top: -7px;
}

.related-info-list a:before {
    display: inline-block;
    content: "";
    width: 23px;
    height: 24px;
    background-position: 0px -300px;
    position: absolute;
    left: -31px;
    top: -4px;
}

.header-link-print {
    background-position: 7px -343px;
}

.header-link-print:hover,
.header-link-print:focus {
    background-position: -32px -343px;
}

.social-footer-link {
    width: 60px;
    height: 59px;
    display: inline-block;
}

.facebook-footer-social-link {
    background-position: 2px -438px;
}

.twitter-footer-social-link {
    background-position: 1px -508px;
}

.instagram-footer-social-link {
    background-position: 2px -578px;
}

.youtube-footer-social-link {
    background-position: 2px -716px;
}

.linkedin-footer-social-link {
    background-position: 2px -646px;
}

.sub-menu-expand,
[aria-expanded="false"].sub-menu-expand.sub-menu-expand-enabled.nav-active-path {
    background-position: 8px -87px;
}

.sub-menu-link-active + .sub-menu-expand,
.sub-menu-expand.sub-menu-expand-enabled.nav-active-path,
[aria-expanded="true"].sub-menu-expand,
.nav-active-path + .sub-menu-expand {
    background-position: -20px -87px;
    background-color: #f8f8f8;
}

.site-logo-link {
    background-position: 0 -1058px;
    width: 180px;
    height: 67px;
}

.no-js .site-logo-link {
    background-position: 0px -1072px;
}

.sm-simple a.main-menu-home-item-link,
.sm-simple a.main-menu-home-item-link:hover,
.sm-simple a.main-menu-home-item-link:focus {
    background-position: 20px -932px;
}

.sm-simple a.main-menu-home-item-link:hover,
.sm-simple a.main-menu-home-item-link:focus {
    background-position: -17px -932px;
    background-color: #04588b;
}

.toggle-panel-trigger-button.sub-menu-heading:after {
    background-position: 15px -1635px;
}

.add-to-calendar-toggle-panel-trigger-button.toggle-panel-trigger-button.sub-menu-heading:after {
    background-position: -78px -1513px;
    width: 44px;
    height: 44px;
    top: 8px;
    right: 6px;
}

.expanded .toggle-panel-trigger-button.sub-menu-heading:after {
    background-position: -12px -1636px;
}

.expanded .add-to-calendar-toggle-panel-trigger-button.toggle-panel-trigger-button.sub-menu-heading:after {
    background-position: -133px -1513px;
}

a.page-link.next:after {
    background-position: 0 -385px;
}

a.page-link.prev:before {
    background-position: -156px -385px;
}

/* PAGINATION */

.seamless-pagination input[type="submit"] {
    background-position: 1px -376px;
    width: 20px;
    padding: 0;
    margin-right: 29px;
}

.seamless-pagination .button-previous input[type="submit"] {
    background-position: -157px -376px;
}

.seamless-pagination-data input[type="submit"] {
    font-size: 16px;
    font-size: 1.6rem;
    background-position: 5000px 5000px;
    color: #ffffff;
    color: #313140;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    width: 30px;
    height: 16px;
    display: inline-block;
    padding: 0;
}

.seamless-pagination-data input[type="submit"]:hover,
.seamless-pagination-data input[type="submit"]:focus {
    border-bottom: 3px solid #313140;
}

.seamless-pagination-count-1.active {
    display: none;
}

.categories-details-section:before {
    background-position: 0 -1493px;
}

.cod-contact:before {
    background-position: 0px -1348px;
}

.cod-postal-address-section-body:before {
    background-position: 0px -1385px;
}

.cod-location-section-body:before,
.parks-location-section-body:before {
    background-position: 0px -1051px;
}

.cod-transport:before {
    background-position: 0px -1420px;
}

.cod-access:before {
    background-position: 0px -1457px;
}

.cod-website:before {
    background-position: 0px -1270px;
}

.event-contact-email:before,
.cod-organisation-email:before {
    background-position: 0px -1307px;
}

.social-link {
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    content: "";
    margin-right: 8px;
}

.facebook-social-link.social-link {
    background-position: -77px -439px;
}

.twitter-social-link.social-link {
    background-position: -77px -509px;
}

.instagram-social-link.social-link {
    background-position: -77px -579px;
}

.youtube-social-link.social-link {
    background-position: -77px -718px;
}

.linkedin-social-link.social-link {
    background-position: -77px -648px;
}

.add-button:before {
    background-position: 0 -1141px;
}

li.tab.list-tab:before {
    width: 23px;
    height: 24px;
    content: "";
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 11px;
}

li.tab.map-tab:before {
    width: 19px;
    height: 24px;
    content: "";
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 5px;
}

li.tab.list-tab:before {
    background-position: 0 -1087px;
}

li.tab.map-tab:before {
    background-position: -40px -1051px;
}

.doc-listing-item-suburb-container:before {
    background-position: 0 -1051px;
}

.small .sub-menu-icon {
    background-position: 0 -1051px;
}

.small .sub-menu-icon {
    background-position: 15px -1512px;
}

.small .sub-menu-icon-expanded {
    background-position: -19px -1512px;
}

.info-window-street-address:before {
    background-position: 0 -1050px;
}

.list-item-address-placeholder:before {
    background-position: -110px -1050px;
}

.listing-item-date-placeholder:before {
    background-position: -115px 2px;
}

.details-page-categories-placeholder,
.list-item-categories-placeholder {
    background-position: 0 -1051px;
}

.details-page-categories-placeholder {
    display: inline-block;
    margin-bottom: 25px;
    padding-left: 30px;
    float: left;
    width: 100%;
}

.details-page-facilities-placeholder {
    display: inline-block;
    margin-bottom: 25px;
    width: 100%;
}

.comma-separated-list-container {
    margin-bottom: 3px;
    line-height: 1.4; /* to prevent line height change in list item */
}

.gmap .comma-separated-list-container {
	margin-bottom: 7px;
}

.details-page-categories-placeholder:before,
.list-item-categories-placeholder:before {
    background-position: 0 -1491px;
}

.main-menu-home-item-link {}

.homepage-search-placeholder .add-on input[type="submit"],
.discover-maroondah-search-placeholder input[type="submit"] {
    background-position: 13px -986px;
}

.header-search-placeholder .add-on input[type="submit"] {
    background-position: 15px -982px;
}

.homepage-search-placeholder .add-on input[type="submit"] {
    background-position: 13px -986px;
}

.discover-maroondah-search-placeholder input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    height: 65px;
    width: 65px;
    background-position: 17px -980px;
    border-radius: 0 2px 2px 0;
}

.add-to-calendar-toggle-panel-trigger-button.toggle-panel-trigger-button.sub-menu-heading:before {
    background-position: -97px -25px;
}

.footer-link-icon.tenders-footer-link-icon-icon {
    background-position: 0px -812px;
}

.footer-link-icon.careers-footer-link-icon-icon {
    background-position: 0px -853px;
}

.middle-footer-councillors-section .owl-prev {
    background-position: -113px -376px;
}

.middle-footer-councillors-section .owl-next {
    background-position: -66px -376px;
}

.stop-play-button {
    background-position: -66px -376px;
}

.stop-button {
    background-position: -33px -902px;
}

.play-button {
    background-position: 11px -902px;
}

.homepage-hero-banner-link-text:after {
    width: 22px;
    height: 19px;
    content: "";
    display: inline-block;
    right: 25px;
    bottom: 30px;
    background-position: -124px -343px;
    margin-top: 0;
    position: absolute;
    right: 24px;
    margin-bottom: 4px;
}

.toggle-top-tasks-button:after {
    content: "";
    display: inline-block;
    background-position: -43px -138px;
    width: 16px;
    height: 11px;
    right: 0;
    top: 13px;
    margin-left: 10px;
}

.toggle-top-tasks-button.expanded:after {
    background-position: -43px -199px;
}

.homepage-search-placeholder .add-on input[type="submit"] {
    min-height: 50px;
    width: 50px;
    background-position: 18px -979px;
}

.homepage-search-placeholder .add-on input[type="submit"] {
    min-height: 65px;
    width: 65px;
}

.homepage-search-placeholder .add-on input[type="submit"] {
    background-position: 18px -979px;
}

.header .homepage-search-placeholder .add-on input[type="submit"] {
    min-height: 50px;
    width: 50px;
    background-position: 11px -987px;
}

.alert input[type="submit"] {
    background-position: -45px -1172px;
}

a.extra-button:after,
a.extra-button.light-extra-button:after,
a.extra-button.light-extra-button.full-extra-button:after,
.RadPicker_Default .rcCalPopup:after,
.toggle-panel-trigger-heading:after,
.document:before,
.document:hover:before,
.document:focus:before,
.related-info-list .document:before,
.related-info-list a:before,
.header-link-print,
.header-link-print:hover,
.header-link-print:focus,
.full-extra-button-icon,
.social-footer-link,
.sub-menu-expand,
.menu-button-icon,
.menu-button-icon.main-menu-icon-expanded,
.main-menu-home-item-link,
.toggle-panel-trigger-button.sub-menu-heading:after,
a.page-link.next:after,
a.page-link.prev:before,
.seamless-pagination input[type="submit"],
.toggle-panel-trigger-button.sub-menu-heading:after,
.button-previous .seamless-pagination input[type="submit"],
.categories-details-section:before,
.cod-contact:before,
.cod-postal-address-section-body:before,
.cod-location-section-body:before,
.cod-transport:before,
.cod-access:before,
.cod-website:before,
.cod-organisation-email:before,
.parks-location-section-body:before,
.social-link,
.add-button:before,
li.tab.list-tab:before,
li.tab.map-tab:before,
.doc-listing-item-suburb-container:before,
.small .sub-menu-icon,
.info-window-street-address:before,
.list-item-address-placeholder:before,
.list-item-categories-placeholder:before,
.listing-item-date-placeholder:before,
.event-contact-email:before,
.details-page-categories-placeholder:before,
.header-search-placeholder .add-on input[type="submit"],
.add-to-calendar-toggle-panel-trigger-button.toggle-panel-trigger-button.sub-menu-heading:before,
.footer-link-icon,
.middle-footer-councillors-section .owl-prev,
.middle-footer-councillors-section .owl-next,
.stop-play-button,
.homepage-hero-banner-link-text:after,
.homepage-search-placeholder .add-on input[type="submit"],
.discover-maroondah-search-placeholder input[type="submit"],
.toggle-top-tasks-button:after,
.alert input[type="submit"],
.project-status:before,
.contact-name-icon:before,
.contact-phone-icon:before,
.contact-phone-icon--outline:before, /* DESK-7827 */
.contact-email-icon:before,
.contact-website-icon:before,
.consultation-status:before,
.capacity-icon:before,
.status-flag-closing-soon:before,
.status-flag-new:before,
.categories-blue-icon:before,
.back-to-top-icon,
.feedback-toggle-yes:before,
.feedback-toggle-no:before,
.social-share-facebook,
.social-share-twitter,
.social-share-linkedin,
.social-share-email,
.rss-feed-link:before,
.rss-feed-button:before,
.report-comment-link:before,
.comment-reply-button,
.comment-reply-button,
.comment-like-button,
.post-button:after,
.alert-message:before,
a.extra-button.button-action-prev:before,
.tooltip:before,
a.chat-button:before,
.chat-close-button:before,
.mobile-tour-toggle:before,
.tourToggle,
.mobile-tab-dropdown-link:after {
    background-repeat: no-repeat;
    background-image: url("maroondah-sprite.png?v=1.1"); /* DESK-7827 */
}

.svg a.extra-button:after,
.svg a.extra-button.light-extra-button:after,
.svg a.extra-button.light-extra-button.full-extra-button:after,
.svg .RadPicker_Default .rcCalPopup:after,
.svg .toggle-panel-trigger-heading:after,
.svg .document:before,
.svg .document:hover:before,
.svg .document:focus:before,
.svg .related-info-list .document:before,
.svg .related-info-list a:before,
.svg .header-link-print,
.svg .header-link-print:hover,
.svg .header-link-print:focus,
.svg .full-extra-button-icon,
.svg .social-footer-link,
.svg .sub-menu-expand,
.svg .menu-button-icon,
.svg .menu-button-icon.main-menu-icon-expanded,
.svg .main-menu-home-item-link,
.svg .toggle-panel-trigger-button.sub-menu-heading:after,
.svg a.page-link.next:after,
.svg a.page-link.prev:before,
.svg .seamless-pagination input[type="submit"],
.svg .toggle-panel-trigger-button.sub-menu-heading:after,
.svg .button-previous .seamless-pagination input[type="submit"],
.svg .categories-details-section:before,
.svg .cod-contact:before,
.svg .cod-postal-address-section-body:before,
.svg .cod-location-section-body:before,
.svg .cod-transport:before,
.svg .cod-access:before,
.svg .cod-website:before,
.svg .cod-organisation-email:before,
.svg .parks-location-section-body:before,
.svg .social-link,
.svg .add-button:before,
.svg li.tab.list-tab:before,
.svg li.tab.map-tab:before,
.svg .doc-listing-item-suburb-container:before,
.svg .sub-menu-icon,
.svg .info-window-street-address:before,
.svg .list-item-address-placeholder:before,
.svg .list-item-categories-placeholder:before,
.svg .listing-item-date-placeholder:before,
.svg .event-contact-email:before,
.svg .details-page-categories-placeholder:before,
.svg .header-search-placeholder .add-on input[type="submit"],
.svg .add-to-calendar-toggle-panel-trigger-button.toggle-panel-trigger-button.sub-menu-heading:before,
.svg .footer-link-icon,
.svg .middle-footer-councillors-section .owl-prev,
.svg .middle-footer-councillors-section .owl-next,
.svg .stop-play-button,
.svg .homepage-hero-banner-link-text:after,
.svg .homepage-search-placeholder .add-on input[type="submit"],
.svg .discover-maroondah-search-placeholder input[type="submit"],
.svg .toggle-top-tasks-button:after,
.svg .alert input[type="submit"],
.svg .project-status:before,
.svg .contact-name-icon:before,
.svg .contact-phone-icon:before,
.svg .contact-phone-icon--outline:before, /* DESK-7827 */
.svg .contact-email-icon:before,
.svg .contact-website-icon:before,
.svg .consultation-status:before,
.svg .capacity-icon:before,
.svg .status-flag-closing-soon:before,
.svg .status-flag-new:before,
.svg .categories-blue-icon:before,
.svg .back-to-top-icon,
.svg .feedback-toggle-yes:before,
.svg .feedback-toggle-no:before,
.svg .social-share-facebook,
.svg .social-share-twitter,
.svg .social-share-linkedin,
.svg .social-share-email,
.svg .rss-feed-link:before,
.svg .rss-feed-button:before,
.svg .report-comment-link:before,
.svg .comment-reply-button,
.svg .comment-like-button,
.svg .post-button:after,
.alert-message:before,
.svg a.extra-button.button-action-prev:before,
.svg .tooltip:before,
/*.svg a.chat-button:before, svg css rotate behaves differently on ie9 */
/*.svg .chat-close-button:before, svg css rotate behaves differently on ie9*/
.svg .mobile-tour-toggle:before,
.svg .tourToggle,
.svg .mobile-tab-dropdown-link:after {
    background-image: url("maroondah-sprite.svg?v=1.1"); /* DESK-7827 */
}

.toggle-panel-trigger-heading:after {
    background-position: 9px -124px;
}

.site-logo-link {
    background-image: url("maroondah-logo-sprite.png");
}

.svg .site-logo-link {
    background-image: url("maroondah-logo-sprite.svg");
}

.menu-button-icon {
    background-position: -54px -1571px;
}

.menu-button-icon.main-menu-icon-expanded {
    width: 11px;
    height: 11px;
    background-position: 0 -1607px;
}

.toggle-top-tasks-button {
    margin: 0 auto;
    width: 115px;
    line-height: 2;
    height: 33px;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    border: none;
    font-weight: 400;
    padding-left: 2px;
    text-align: left;
}

.toggle-top-tasks-button.expanded {
    width: 104px;
}

.toggle-top-tasks-button:hover {
    border-bottom: 2px solid #313140;
}


/* LOGO SPRITEMAP */

.site-logo-link {
    background-image: url("maroondah-logo-sprite.png");
}

.svg .site-logo-link {
    background-image: url("maroondah-logo-sprite.svg");
}

.main-content-inner {
    overflow: hidden;
}

/* RESPONSIVE SPRITEMAP ELEMENTS - when a size of an icon changes in different sizes */

@media (min-width: 768px) {
    .toggle-panel-trigger-heading {
        padding: 13px 85px 10px 25px;
        min-height: 60px;
    }
    .toggle-panel-trigger-heading:after {
        background-position: 16px -116px;
        background-size: auto;
        width: 50px;
        height: 56px;
    }
    .toggle-panel-trigger-heading.expanded:after {
        background-position: 16px -177px;
    }
    .main-content-inner {
        padding: 0;
        overflow: hidden;
    }
    .menu-button-icon {
        background-position: 0 -1570px;
    }
    .header-search-placeholder .add-on input[type="submit"] {
        background-position: 11px -986px;
    }
}

/* PARKS AND FACILITIES DETAILS PAGE FEATURE ICONS*/
.feature-listings {
    padding: 0;
    list-style: none;
}

.key-feature-item {
    position: relative;
    line-height: 1.4;
}

.key-feature-item .feature-description {
    display: inline-block;
    margin-left: 50px;
    padding-top: 7px;
}

.side-column-details-section-body .key-feature-item {
    margin-bottom: 25px;
    min-height: 36px;
}

.side-column-details-section-body .key-feature-item:before {
    position: absolute;
}

.list-item .feature-listings {
    margin-top: 12px;
}

.list-item .key-feature-item,
.gmap .key-feature-item {
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 4px;
}

.gmap .feature-listings {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* NEW CONTACT ICONS STYLING */
.contact-name-icon,
.contact-phone-icon,
.contact-phone-icon--outline, /* DESK-7827 */
.contact-email-icon,
.contact-website-icon,
.capacity-icon {
    padding-left: 30px;
    position: relative;
    margin-bottom: 10px;
}

.contact-name-icon:before,
.contact-phone-icon:before,
.contact-phone-icon--outline:before, /* DESK-7827 */
.contact-email-icon:before,
.contact-website-icon:before {
    width: 20px;
    height: 22px;
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    /*opacity: 0.73;*/
}

.capacity-icon:before {
    width: 20px;
    height: 22px;
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
}

.contact-name-icon:before {
    background-position: 0px -1348px;
}

.contact-phone-icon:before {
    background-position: 0px -1694px;
}

.contact-email-icon:before {
    background-position: 0px -1307px;
}

.contact-website-icon:before {
    background-position: 0px -1270px;
}

.capacity-icon:before {
    background-position: 0px -2429px;
}

.status-flag-closing-soon:before,
.status-flag-new:before {
    content: '';
    display: inline-block;
    width: 128px;
    height: 58px;
}

.status-flag-closing-soon:before {
    background-position: 0 -2088px;
}

.status-flag-new:before {
    background-position: 0 -2180px;
}

.side-column-details-section-body a {
    color: #595966;
}

.side-column-details-section-body {
     /*font-weight: 400; */
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.show-all-button-container {
    text-align: center;
    display: none;
}

.side-panel-wysiwyg .show-all-button-container {
    width: 100%;
    display: none;
}

a.extra-button.show-all-button:after {
    width: 16px;
    height: 12px;
    background-position: -44px -138px;
    right: -24px;
    top: 7px;
}

a.extra-button.show-all-button.show-less:after {
    background-position: -44px -200px;
}

.categories-blue-icon {
    padding-left: 30px;
    position: relative;
}

.categories-blue-icon:before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    background-position: -161px -1492px;
}

.filtered-tag-container {
    padding: 8px 12px;
    margin-bottom: 15px;
    background-color: #f4f4f4;
    color: #0068a7;
    display: none;
}

.side-panel-wysiwyg .filtered-tag-container {
    display: none;
}

.clear-filter-button {
    font-weight: 500;
}

/* GALLERIA STYLES */
.galleria-container {
    max-width: 750px;
    margin-bottom: 25px;
}

.galleria-outer {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 60.2% 0 0 0;
    overflow: hidden;
}

.galleria {
    max-width: 100%;
    max-height: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.no-js .galleria-outer,
.no-js .consultation-blog-image-gallery-container .galleria-outer {
    padding: 0;
    height: auto;
}

.no-js .galleria {
    width: 100%;
    position: relative;
    padding: 25px 25px 0 25px;
}

.no-js .galleria .document {
    margin-left: 0;
}

.no-js .galleria .document:before {
    display: none;
}

.no-js .galleria .file-size-container {
    display: none;
}

.galleria-link img {
    margin-bottom: 0;
}

.galleria-link {
    margin-bottom: 20px;
}

.galleria-link:nth-child(3n+1) {
    clear: both;
}

.consultation-blog-image-gallery-container {
    margin: -25px -25px 40px -25px;
}

.consultation-blog-image-gallery-container .galleria-container {
    width: 100%;
    max-width: none;
}

.consultation-blog-image-gallery-container .galleria-outer {
    padding: 52.2% 0 0 0;
}

@media (min-width: 768px) {

    .consultation-blog-image-gallery-container .galleria-outer {
        padding: 42.2% 0 0 0;
    }
}

@media (min-width: 992px) {

    .galleria-link {
        text-align: center;
    }

    .galleria-link:nth-child(3n+1) {
        clear: both;
    }

    .consultation-blog-image-gallery-container .galleria-outer {
        padding: 37.5% 0 0 0;
    }
}

/* PARKS AND FACILITIES ICONS */
.basketballringsnetballhoopsopentenniscourts-icon:before,
.bbq-icon:before,
.bushland-icon:before,
.dogsoffleash-icon:before,
.dogsonleash-icon:before, /* DESK-8516 */
.fitnesstrackcircuit-icon:before,
.interpretivetrail-icon:before,
.nodogs-icon:before,
.onsiteparking-icon:before,
.parkour-icon:before,
.playground-icon:before,
.publictoilet-icon:before,
.seatspicnictables-icon:before,
.shelters-icon:before,
.skatepark-icon:before,
.sportsground-icon:before,
.waterarea-icon:before,
.waterfountain-icon:before,
.walkingpath-icon:before {
    background-repeat: no-repeat;
    background-image: url('parks-feature-icons.png?v1.01'); /* DESK-8516 */
}

.svg .basketballringsnetballhoopsopentenniscourts-icon:before,
.svg .bbq-icon:before,
.svg .bushland-icon:before,
.svg .dogsoffleash-icon:before,
.svg .dogsonleash-icon:before, /* DESK-8516 */
.svg .fitnesstrackcircuit-icon:before,
.svg .interpretivetrail-icon:before,
.svg .nodogs-icon:before,
.svg .onsiteparking-icon:before,
.svg .parkour-icon:before,
.svg .playground-icon:before,
.svg .publictoilet-icon:before,
.svg .seatspicnictables-icon:before,
.svg .shelters-icon:before,
.svg .skatepark-icon:before,
.svg .sportsground-icon:before,
.svg .waterarea-icon:before,
.svg .waterfountain-icon:before,
.svg .walkingpath-icon:before {
    background-image: url('parks-feature-icons.svg?v1.01'); /* DESK-8516 */
}

.basketballringsnetballhoopsopentenniscourts-icon:before,
.bbq-icon:before,
.bushland-icon:before,
.dogsoffleash-icon:before,
.dogsonleash-icon:before, /* DESK-8516 */
.fitnesstrackcircuit-icon:before,
.interpretivetrail-icon:before,
.nodogs-icon:before,
.onsiteparking-icon:before,
.parkour-icon:before,
.playground-icon:before,
.publictoilet-icon:before,
.seatspicnictables-icon:before,
.shelters-icon:before,
.skatepark-icon:before,
.sportsground-icon:before,
.waterarea-icon:before,
.waterfountain-icon:before,
.walkingpath-icon:before {
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
}

.basketballringsnetballhoopsopentenniscourts-icon:before {
    background-position: -61px -107px;
}

.bbq-icon:before {
    background-position: -61px 0;
}

.bushland-icon:before {
    background-position: 0 -264px;
}

.dogsoffleash-icon:before {
    background-position: -122px -214px;
}

/* DESK-8516 - start */
.dogsonleash-icon:before {
    background-position: 0 -314px;
}
/* DESK-8516 - end */

.fitnesstrackcircuit-icon:before {
    background-position: 0 -107px;
}

.interpretivetrail-icon:before {
    background-position: 0 -160px;
}

.nodogs-icon:before {
    background-position: -61px -214px;
}

.onsiteparking-icon:before {
    background-position: -122px -264px;
}

.parkour-icon:before {
    background-position: -122px -53px;
}

.playground-icon:before {
    background-position: -122px 0;
}

.publictoilet-icon:before {
    background-position: 0 0;
}

.seatspicnictables-icon:before {
    background-position: -61px -53px;
}

.shelters-icon:before {
    background-position: -62px -264px;
}

.skatepark-icon:before {
    background-position: 0 -53px;
}

.sportsground-icon:before {
    background-position: 0 -214px;
}

.waterarea-icon:before {
    background-position: -61px -160px;
}

.waterfountain-icon:before {
    background-position: -122px -107px;
}

.walkingpath-icon:before {
    background-position: -122px -160px;
}

/* HALLS AND FACILITIES ICONS */
.air-conditioning-icon:before,
.artsstudio-icon:before,
.carpark-icon:before,
.disabledaccess-icon:before,
.disabledtoilet-icon:before,
.heating-icon:before,
.kitchenfacilities-icon:before,
.meetingrooms-icon:before,
.pasoundsystem-icon:before,
.permanentlongtermhireweeksormoreavailable-icon:before,
.projector-icon:before,
.stage-icon:before,
.tablechairs-icon:before,
.tableampchairs-icon:before,
.suitableforparties-icon:before,
.whiteboard-icon:before,
.wi-fi-icon:before {
    background-repeat: no-repeat;
    background-image: url('halls-feature-icons.png');
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
}

.svg .air-conditioning-icon:before,
.svg .artsstudio-icon:before,
.svg .carpark-icon:before,
.svg .disabledaccess-icon:before,
.svg .disabledtoilet-icon:before,
.svg .heating-icon:before,
.svg .kitchenfacilities-icon:before,
.svg .meetingrooms-icon:before,
.svg .pasoundsystem-icon:before,
.svg .permanentlongtermhireweeksormoreavailable-icon:before,
.svg .projector-icon:before,
.svg .stage-icon:before,
.svg .tablechairs-icon:before,
.svg .tableampchairs-icon:before,
.svg .suitableforparties-icon:before,
.svg .whiteboard-icon:before,
.svg .wi-fi-icon:before {
    background-image: url('halls-feature-icons.svg');
}

.air-conditioning-icon:before {
    background-position: -394px 0;
}

.artsstudio-icon:before {
    background-position: -176px 0;
}

.carpark-icon:before {
    background-position: -612px 0;
}

.disabledaccess-icon:before {
    background-position: -219px 0;
}

.disabledtoilet-icon:before {
    background-position: -131px 0;
}

.heating-icon:before {
    background-position: -306px 0;
}

.kitchenfacilities-icon:before {
    background-position: -88px 0;
}

.meetingrooms-icon:before {
    background-position: 0 0;
}

.pasoundsystem-icon:before {
    background-position: -43px 0;
}

.permanentlongtermhireweeksormoreavailable-icon:before {
    background-position: -658px 0;
}

.projector-icon:before {
    background-position: -439px 0;
}

.stage-icon:before {
    background-position: -351px 0;
}

.tablechairs-icon:before,
.tableampchairs-icon:before {
    background-position: -572px 0;
}

.suitableforparties-icon:before {
    background-position: -263px 0;
}

.whiteboard-icon:before {
    background-position: -529px 0;
}

.wi-fi-icon:before {
    background-position: -482px 0;
}

/* FEEDBACK & SUBSCRIBE FORM */
.feedback-subscribe-container {
    padding: 25px 15px;
    position: relative;
    background-color: #f4f4f4;
}

.feedback-subscribe-container:empty {
    padding: 0;
}

.feedback-container,
.pageSubscribe {
    margin-bottom: 30px;
}

.feedback-title {
    font-weight: 400;
    padding-right: 12px;
    display: block;
}

.subscribe-page-heading,
.feedback-form-heading {
    /* same as h4 styles */
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 0.6em;
}

.feedback-toggle-yes:before,
.feedback-toggle-no:before {
    content: '';
    display: inline-block;
    width: 74px;
    height: 30px;
    vertical-align: -50%;
    margin: 10px 12px 0 0;
}

.feedback-toggle-yes:before {
    background-position: -284px -741px;
}

.feedback-toggle-no:before {
    background-position: -382px -741px;
}

.feedback-toggle-yes:hover:before,
.feedback-toggle-yes.active:before {
    background-position: -284px -784px;
}

.feedback-toggle-no:hover:before,
.feedback-toggle-no.active:before {
    background-position: -382px -784px;
}

.feedback-form-container {
    display: none;
    padding-top: 30px;
}

.feedback-form-container.active {
    display: block;
}

.no-js .feedback-form-container {
    display: block;
}

.no-js .feedback-toggle {
    display: none;
}

.input-radio-container.visuallyhidden {
    position: absolute; /* to prevent visuallyhidden form from showing on IE */
}

.feedback-form .input-container,
.pageSubscribe .input-container,
.post-container .input-container {
    margin-bottom: 5px;
    padding-bottom: 0;
}

.feedback-notice {
    display: block;
    margin-bottom: 15px;
}

.feedback-form .input-captcha-container,
.pageSubscribe .input-captcha-container,
.post-container .input-captcha-container {
    margin-top: 20px;
    margin-bottom: 20px;
}

.feedback-form .input-element.input-submit,
.pageSubscribe .input-element.input-submit {
    float: left;
}

.CaptchaImageDiv {
    margin-bottom: 0;
}

.page-subscribe-form-container {
    display: none;
    padding-top: 30px;
}

.page-subscribe-form-container.active {
    display: block;
}

.page-subscribe-toggle-container {
    display: block;
}

.page-subscribe-toggle {
    font-weight: 400;
    color: #313140;
}

.no-js .page-subscribe-form-container {
    display: block;
}

.no-js .pageSubscribe:nth-child(2) .page-subscribe-toggle-container {
    position: static;
    text-align: left;
}

@media (min-width: 768px) {
    .feedback-subscribe-container {
        padding: 25px 25px;
    }

    .feedback-container,
    .pageSubscribe {
        margin-bottom: 0;
    }

    .feedback-form-container,
    .page-subscribe-form-container {
        padding-top: 50px;
    }

    .feedback-toggle-yes:before,
    .feedback-toggle-no:before {
        margin: 0 12px 0 0;
    }

    .feedback-title {
        display: inline-block;
    }

    .page-subscribe-toggle-container {
        text-align: right;
    }

    .pageSubscribe:nth-child(2) .page-subscribe-toggle-container {
        position: absolute;
        top: 28px;
        right: 25px;
    }

    /* CAPTCHA */
    .captchaImage,
    .CaptchaImageDiv img {
        float: left;
        margin-right: 25px;
    }
}

@media (min-width: 992px) {
    .feedback-form .generic-form-combobox {
        margin-top: 0;
    }

    .feedback-form .input-label,
    .pageSubscribe .input-label,
    .post-container .input-label {
        width: 100%;
        text-align: left;
    }

    .feedback-form .input-element,
    .pageSubscribe .input-element,
    .post-container .input-element {
        width: 100%;
    }

    .feedback-form .input-submit input[type='submit'],
    .pageSubscribe .input-submit input[type='submit'] {
        float: left;
    }

}

/* SOCIAL SHARING ICONS */
.below-content-container {
    max-width: 1140px;
    margin: 0 auto;
    text-align: right;
}

.social-share-container {
    float: right;
    margin-top: 15px;
    padding-right: 15px;
}

.social-share-facebook,
.social-share-twitter,
.social-share-linkedin,
.social-share-email {
    width: 30px;
    height: 30px;
}

.social-share-facebook {
    background-position: -134px -439px;
}

.social-share-facebook:hover {
    background-position: -185px -439px;
}

.social-share-twitter {
    background-position: -134px -509px;
}

.social-share-twitter:hover {
    background-position: -185px -509px;
}

.social-share-linkedin {
    background-position: -134px -648px;
}

.social-share-linkedin:hover {
    background-position: -185px -648px;
}

.social-share-email {
    background-position: -281px -580px;
}

.social-share-email:hover {
    background-position: -235px -580px;
}

a.social-share-icon {
    display: inline-block;
    margin-right: 5px;
}

a.social-share-icon:last-child {
    margin-right: 0;
}

.social-share-label {
    font-weight: 400;
    vertical-align: 50%;
    padding-right: 10px;
}

@media (min-width: 768px) {
    .social-share-container {
        padding-right: 25px;
    }
}

/* RSS FEED */
.rss-feed-link:before,
.rss-feed-button:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-position: 0 -2654px;
    margin-right: 10px;
    vertical-align: -5%;
}

a.rss-feed-link {
    font-size: 17px;
    font-size: 1.7rem;
    color: #007bc7;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    padding: 13px 5px;
    z-index: 1;
}

a.rss-feed-link:hover {
    text-decoration: underline;
}

.rss-feed-container {
    text-align: right;
}

a.rss-feed-button {
    color: #007bc7;
    border: 2px solid #007bc7;
    padding: 3px 27px;
    border-radius: 2px;
    margin: 12px 0 0 0;
    height: 50px;
    line-height: 40px;
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
}

a.rss-feed-button:hover {
    color: #fff;
    background-color: #007bc7;
}

.rss-feed-button:hover:before {
    background-position: -37px -2654px;
}

.rss-except-mobile {
    display: none;
}

@media (min-width: 768px) {
    .rss-except-mobile {
        display: block;
    }

    .rss-for-mobile {
        display: none;
    }

    .js .rss-with-tabs {
        margin-bottom: -45px;
    }
}

/* COMMENTS */
.comments-panel {
    background-color: #f4f4f4;
    margin: 0 -15px;
    padding: 25px 15px;
    overflow: hidden;
}

.comments-panel-title {
    font-weight: 600;
}

.comment-count {
    margin-bottom: 40px;
}

.comment {
    margin-bottom: 25px;
}

.comment-content {
    background-color: #fff;
    padding: 15px;
}

.comment-title {
    font-size: 17px;
    font-size: 1.7rem;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 24px;
}

.comment-date {
    font-weight: 500;
    color: #6f6f76;
    display: block;
    margin-bottom: 12px;
}

.nested-comment {
    margin-left: 5%;
}

.comment-content_Details {
    list-style-type: none;
    margin: 5px 0;
    padding: 0;
}

.report-comment-link {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    color: #6f6f76;
    text-decoration: none;
}

.report-comment-link:hover {
    color: #04588b;
    text-decoration: underline;
}

.report-comment-link:before {
    content: '';
    display: inline-block;
    margin-right: 8px;
    width: 17px;
    height: 15px;
    background-position: -0 -2826px;
    vertical-align: -6%;
}

.report-comment-link:hover:before {
    background-position: -151px -2826px;
}

.comment-reply-like-container {
    text-align: right;
}

input.comment-reply-button,
input.comment-like-button {
    margin: 0;
    padding: 0 0 0 26px;
    color: #007bc7;
    background-color: transparent;
    min-height: 1em; /* to fix min height auto being ignored on ios devices */
    min-height: auto;
}

input.comment-reply-button:hover,
input.comment-like-button:hover,
input.comment-reply-button:focus,
input.comment-like-button:focus {
    color: #007bc7;
    background-color: transparent;
    text-decoration: underline;
}

.comment-reply-button {
    background-position: 0 -2885px;
}

.comment-reply-button:hover,
.comment-reply-button:focus {
    background-position: -151px -2885px;
}

.comment-like-button {
    background-position: 6px -2766px;
}

.comment-like-button:hover,
.comment-like-button:focus,
.comment-like-button.liked {
    background-position: -145px -2766px;
}

.comment-like-button.liked:hover,
.comment-like-button.liked:focus {
    text-decoration: none;
}

.comment-like-button.liked[disabled] {
    -webkit-text-fill-color: #007bc7; /* Override iOS / Android font color change */
    -webkit-opacity: 1; /* Override iOS opacity change affecting text & background color */
    color: #007bc7 !important; /* Override IE font color change */
}

.comment-like-button.liked:disabled {
    color: #007bc7 !important; /* Override IE font color change */
}

.comment-like-button ~ .comment-reply-button {
    margin-left: 20px;
}

.post-container {
    margin-bottom: 40px;
    padding: 0 15px;
    display: none;
}

.post-container.active {
    display: block;
}

.no-js .post-container {
    display: block;
}

.post-container .input-textarea {
    margin-bottom: 20px;
}

.post-container .input-submit input[type='submit'] {
    float: none;
}

.post-container .input-submit-container {
    text-align: right;
    margin-bottom: 20px;
}

.post-button {
    display: block;
    width: 100%;
    height:  60px;
    text-align: left;
    padding-right: 60px;
    position: relative;
    font-size: 20px;
    margin-bottom: 25px;
    margin-top: 40px;
}

.post-button:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 44px;
    height: 44px;
    top: 8px;
    right: 6px;
    background-position: -78px -1513px;
}

.no-js .post-button:after {
    display: none;
}

.post-button.active:after {
    background-position: -133px -1514px;
}

.alert-message {
    padding: 20px;
    position: relative;
    margin-bottom: 25px;
    margin-top: 40px;
}

.alert-warning {
    border-radius: 2px;
}

.alert-message:before {
    content: '';
    display: inline-block;
    margin-right: 15px;
    width: 17px;
    height: 15px;
    background-position: -0 -2826px;
    vertical-align: -6%;
}

.comment ~ .post-button {
    display: none;
}

.comment ~ .post-container {
    display: block;
    margin-left: 5%;
    padding-left: 0;
}

.comment-privacy-statement,
.comment-privacy-statement a {
    font-size: 12px;
    font-size: 1.2rem;
}

@media (min-width: 768px) {
    .comments-panel {
        margin: 0 -25px -15px;
        padding: 25px 25px;
    }

    .comment-date {
        display: inline;
        margin-bottom: 0;
    }

    .comment-reply-like-container {
        float: right;
    }
}

/* bug FIXES  */
@media (min-width: 992px) {
    .input-list-hyperlink-container ul:not([class]) {
        margin: 0;
    }
}

.map.map-main-column {
    height: 400px;
}

.side-column-details-section-body {
    word-wrap: break-word;
}

.news-listing .rss-feed-button {
    margin-top: 20px;
}

.help-toggle {
    display: none;
}

.pageSubscribe:nth-child(2) .page-subscribe-toggle-container {
    padding-top: 20px;
    border-top: 1px solid #ccc;
}

@media (min-width: 768px) {

    .pageSubscribe:nth-child(2) .page-subscribe-toggle-container {
        padding-top: 0;
        border-top: none;
    }
}

.comment-success {
    background-color: #f3ffed;
    color: #3c7140;
    font-weight: 500;
    border-radius: 1px;
    padding: 20px;
}

.comment-success p {
    margin: 0;
}


/* QUICK TOUR */
.tour-heading {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
}

.tour-body {
	font-size: 14px;
	font-weight: 300;
}

.slide-page-count {
	display: none;
}

a.button.button-action-stop {
	padding: 10px 12px;
    margin-bottom: 0;
}

a.extra-button.button-action-prev {
	margin-left: 30px;
	margin-right: 25px;
}

a.extra-button.button-action-prev,
a.extra-button.button-action-next {
    margin-top: 8px;
}

a.extra-button.button-action-prev:before {
	content: '';
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 14px;
	top: 6px;
	left: -20px;
	background-position: -199px -387px;
}

a.extra-button.button-action-prev:after {
	display: none;
}

.powertour-activehook .band {
    display: none;
}

.powertour-activehook.news-homepage-section {
    background-color: #fff;
}

.homepage-section.powertour-activehook {
    overflow: visible;
}

.powertour-activehook.middle-footer-councillors-section {
    overflow: visible;
    background-color: #ececec;
}

.powertour-activehook.upper-homepage-footer-section {
    background-color: #f4f4f4;
}

.powertour-step {
	padding: 10px 10px 0px;
}

.single-step {
    padding: 20px 15px;
}

.sm-simple a.hovered {
    background-color: #04588b;
    color: #fff;
}

.small a.sub-menu-link.sub-menu-link-level-1.hovered {
    background-color: #007bc7;
    color: #fff;
}

.small a.sub-menu-link.sub-menu-link-level-1.mobile-tour-toggle {
    font-weight: 500;
}

.mobile-tour-toggle:before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 15px;
    margin-right: 10px;
    vertical-align: -10%;
    background-position: 0 -3004px;
}

@media (max-width: 767px) {
    .powertour-step {
        width: 100vw !important;
        /*max-width: 100%;*/
        margin-left: 0 !important;
        left: 0 !important;
    }
}

@media (min-width: 768px) {
    .powertour-step {
        width: 415px !important;
    }
}

@media (min-width: 992px) {
    .powertour-step {
        width: 500px !important;
    }

    .single-step {
        padding: 20px;
    }

    .tourToggle {
        cursor: pointer;
        position: absolute;
        display: block;
        z-index: 999;
        width: 66px;
        height: 95px;
        overflow: hidden;
        right: 0;
        top: -95px;
        transition:top 0.5s;
        background-position: 0 -3069px;
    }

    .tourToggle.tourToggle--active {
        top: 0;
    }

    .homepage-header .header-content-placeholder {
        margin-right: 105px;
    }

}

.hero-banner-homepage-section,
.homepage-search-placeholder,
.homepage-search-inner-placeholder,
.header-search-inner-placeholder {
    z-index: auto;
}

/* WEB CHAT BUTTON */
.chat-container {
    display: none;
    z-index: 99;
    background-color: #007bc7;
    color: #fff;
    text-align: center;
    position: relative;
    position: fixed;
    border-radius: 10px 10px 0 0;
    right: 22px;
    /*bottom: 40%;*/
    top: 30%;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: right;
    -webkit-transform-origin: right;
    transform-origin: right;
    /*left: 38px;*/
    /*bottom: 0;*/
}

a.chat-button {
    display: inline-block;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    border-radius: 10px 10px 0 0;
    padding: 12px 51px 12px 25px;
}

a.chat-button:hover,
a.chat-button:focus {
    background-color: #184d7a;
}

.chat-container.active {
    display: block;
}

a.chat-button:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: 0 -2720px;
    vertical-align: -25%;
    margin-right: 12px;
}

a.chat-close-button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: inline-block;
    padding: 18px;
    z-index: 100;
}

.chat-close-button:before {
    content: '';
    display: inline-block;
    top: 8px;
    right: 10px;
    position: absolute;
    width: 11px;
    height: 11px;
    background-position: -53px -1180px;
}

@media (min-width: 768px) {
    .chat-container {
        top: 60%;
    }
}

.rsbtn .single-step .button-action-stop {
    display: inline-block;
}

/* TOOLTIP */
.tooltip:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: 0 -2265px;
    vertical-align: -25%;
}

.tooltip-container {
    display: inline;
    position: relative;
}

.tooltip-content[role=tooltip] {
	padding: 8px 12px;
	border: none;
	color: #fff;
	background-color: #7e7e86;
	position: absolute;
	z-index: 2;
	border-radius: 5px;
    font-size: 13px;
	font-size: 1.3rem;
	font-weight: 300;
	bottom: 35px;
	width: 175px;
	text-align: left;
	line-height: 1.4;

}

.tooltip-arrow {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    margin-left: -7px;
    margin-top: -0.5px;
    border-width: 7px;
    border-style: solid;
    border-color: #7e7e86 transparent transparent transparent;
}

.no-js .feedback-form .tooltip-content[role=tooltip],
.no-js .pageSubscribe .tooltip-content[role=tooltip] {
    text-align: left;
}

.tooltip-content[role=tooltip][aria-hidden=true]  {
  display: none;
}

.no-js .tooltip {
    display: none;
}

.no-js .tooltip-container {
    display: block;
}

.no-js .tooltip-content[role=tooltip] {
    display: block;
    position: static;
    padding: 0;
    margin: 0;
    text-align: left;
    width: auto;
    background-color: transparent;
    color: #313140;
}

.no-js .tooltip-content[role=tooltip]:before,
.no-js .tooltip-arrow {
    display: none;
}

@media (min-width: 992px) {
    .no-js .tooltip-content[role=tooltip] {
        text-align: right;
    }

    .tooltip-content[role=tooltip]:before {
        margin-left: 54px;
    }
}

/* PAST EVENTS */
.event-datetime-past {
    font-weight: 200;
}

.detail-event-occurrences-pastevent {
    display: inline-block;
    padding: 0 15px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    background-color: #f2f3f4;
    vertical-align: 5%;
}

.event-datetime {
    margin-right: 15px;
}

@media (min-width: 768px) {
    .event-datetime {
        min-width: 390px;
        display: inline-block;
    }
}

/* A - Z */
.az-wrap {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0 0 50px;
}

.az-wrap:after {
    display: block;
    clear: both;
    content: "";
}

.az-button {
    height: 39px;
    width: 39px;
    line-height: 39px;
    text-align: center;
    font-weight: 600;
    color: #b5b5bb;
    background: #efeeee;
    margin-right: 2px;
    margin-bottom: 2px;
    list-style: none;
    float: left;
}

.az-button a {
    display: block;
    color: #0067ac;
    text-decoration: none;
}

.az-button.az-active {
    background-color: transparent;
}

.az-button a:hover,
.az-button a:hover {
    color: #fff;
    background: #007bc7;
}

.current-az {
    font-size: 34px;
    font-size: 3.4rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 25px;
}


/* DESK-7827 - Start */

.list-item-address-with-phone {
    margin-bottom: 7px;
    margin-right: 19px;
}

.listing-item-phone {
    font-weight: 500;
    line-height: 22px;
    line-height: 2.2rem;
    margin-bottom: 20px;
}

.contact-phone-icon--outline:before {
    background-position: -52px -1694px;
}

@media (min-width: 992px) {

    .list-item-address-placeholder.list-item-address-with-phone.visible {
        display: inline-block;
        width: auto;
    }

    .listing-item-phone {
        display: inline-block;
    }

}

/* DESK-7827 - End */

/* DESK-8025 - Start */
.general-search-list-item .listing-item-abstract {
    margin-bottom: 15px;
}

.listing-item-page-type {
    display: inline-block;
    background-color: #e9e9e9;
    font-weight: 400;
    padding: 2px 5px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.predictive-item-page-type {
    display: inline-block;
    background-color: #f1f1f1;
    padding: 2px 5px;
    line-height: 1.2;
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: 5px;
    color: #333341;
}

.predictive-item-page-type .result-text {
    font-weight: 300;
    color: #333341;
}
/* DESK-8025 - End */


/* DESK-8288 - Start */
.gm-bundled-control-on-bottom button {
    min-height: 0;
}
/* DESK-8288 - End */


/* DESK-9291 - Start */
@media (min-width: 765px) {
    .edit-button-container-for-mobile {
        display: none;
    }
}

.detail-management-button {
	min-width: 215px;
}
/* DESK-9291 - End */