/*
    RESPONSIVE - this is the old responsive file with modification as part of DESK-3639.
    Please note that the media queries in this section should not be used, sincevid-overlay
    new project only use the three breakpoint media queries at the end of this file.

    IMPORTANT:
    Use and edit this section ONLY IF there is really the need fo it, otherwise
    we could try removing this section in all.
*/

@media screen and (max-device-width: 979px), screen and (max-width:979px) {
    
    #event-calendar {
        display:none;
    }

    #sidebar-right {
        width: 26%;
    }

    .content {
        width: 71%;
    }

    .home-heading-image, .rcCaptchaAudioLink, .print.js-element {
        display: none!important;
    }

    #home-quicklinks {
        width: 94%;
        margin-bottom: 25px;
        height: auto;
        padding: 3%;
        float: none;
        clear: both;
    }

    #home-quicklinks li {
        width: 30.5%;
        margin-right: 2.5%;
        display: inline-block;
        border-top: 0px;
        border-bottom: 2px solid #33acdd;
        line-height: 1.6em;
        height: auto;
    }

    #home-quicklinks li a {
        display: block;
        padding: 10px 0 20px 0;
    }

    .tabs ul#homepage-tabmenu {
        clear: both;
    }

    .slider {
        width: 100%;
        height: 250px;
        float: none;
        clear: both;
        position: relative;
    }

    #main-content .landing-image img {
        max-width: 100%;
    }

    .text-controls {
        display: none;
    }

    .flexslider .slider-bg h2 {
        padding: 25px;
    }

    .slider .flexslider .slides > li {
        padding-bottom: 0;
    }

    .slider .flexslider li .text {
        /* width: 96%; */
        margin: 0 auto;
    }    

    .slider .flex-pause, .slider .flex-play {
        bottom: 8%;
    }

    .container {
        width: 97%;
        margin: 0 1.5%;
    }

    .contact-support {
        clear: both;
    }

    footer .squiggle {
        background-image: none;
    }

    footer {
        background: url("Footer-Pattern.png") no-repeat scroll 65% bottom #003A63;
    }

    #nav-container {
        background: transparent;
        height: auto;
    }

    .mean-container .mean-nav ul li {
        margin: 0;
        padding: 0;
    }

    .in-this-section ul {
        display: block;
    }

    .in-this-section span.expand-menu {
        display: none;
    }
}

/** end of 768px **/
@media screen and (max-device-width: 767px), screen and (max-width:767px) {
    .in-this-section span.expand-menu {
        display:block;
    }

    .ui-tabs.tabs #homepage-tabmenu li {
        padding: 0;
    }

    #home-news a, #home-yoursay a, #home-whatson a, #home-mayors a {
        display: block;
    }

    #home-news a {
        background: url(home-tab-news.jpg) center center no-repeat;
    }

    #home-news.ui-state-active a {
        background: url(home-tab-news-active.jpg) center center no-repeat;
    }

    #home-yoursay a {
        background: url(home-tab-yoursay.jpg) center center no-repeat;
    }

    #home-yoursay.ui-state-active a {
        background: url(home-tab-yoursay-active.jpg) center center no-repeat;
    }

    #home-whatson a {
        background: url(home-tab-whatson.jpg) center center no-repeat;
    }

    #home-whatson.ui-state-active a {
        background: url(home-tab-whatson-active.jpg) center center no-repeat;
    }

    #home-mayors a {
        background: url(home-tab-mayor.jpg) center center no-repeat;
    }

    #home-mayors.ui-state-active a {
        background: url(home-tab-mayor-active.jpg) center center no-repeat;
    }

    .link-map {
        display: block;
    }

    .gmap, .gmap-container {
        display: none;
    }

    header {
        height: 248px;
        width: 100%;
    }

    header .logo {
        width: 100%;
        display: block;
        text-align: center;
    }

    header .pull-right, header .pull-left {
        float: none;
        clear: both;
    }

    header .pull-right {
        padding-top: 20px;
        display: block;
    }

    .text-controls {
        display: none;
    }

    #main-content img.pull-left {
        margin: 0 0 20px 0;
        float: none;
    }

    .header-links {
        float: left;
    }

    .controls {
        float: right;
    }

    #feedbackForm h3 {
        height: auto;
        line-height: 1.4em;
        padding-bottom: 40px;
        padding-top: 20px;
    }

    #feedbackForm .buttons {
        /* DESK-3563 top:50px; */
    }

    #searchForm {
        float: none;
        width: 100%;
    }

    #searchForm .add-on {
        float: none;
    }

    #searchForm .ps-input {
        width: 70%;
        padding-left: 1%;
    }

    #searchForm .ps-button {
        width: 29%;
    }

    #main-content {
        width: 94%;
    }

    aside.in-this-section, aside.quicklinks {
        /* width: 97%; */
        margin: 0;
    }

    aside.in-this-section {
        margin-bottom: 25px;
    }

    #default-content, .event-content {
        float: none;
        width: 100%;
    }

    #home-quicklinks li {
        width: 100%;
        margin-right: 0px;
    }

    .landing-list .item-list li:nth-child(2n+1) {
        margin-right: 0px;
    }

    .landing-list .item-list li {
        width: 95%;
    }

    .ui-tabs.tabs #homepage-tabmenu li {
        padding: 0px;
        width: 24%;
        margin-right: 1%;
        text-indent: -999em;
    }

    .ui-tabs.tabs .ui-tabs-panel .item {
        width: 93%;
    }


    iframe[id^='seamless-smartform-iframe-']
    {
        display: block;
    }
    
    .interactive-map {
        display: inline;
    }

    /*desk-3566*/
    #searchForm label {
        display: none;
    }

    .print-share.js {
        display: none !important;
    }

    .search-form .search-ot-type.pull-left {
        float: none;
        clear: both;
    }

    #sidebar {
        display: none;
    }

    #content .columnleft {
        float: none;
        width: 100%;
    }

    .contact-share {
        clear: left;
    }

    #main-content .landing-image {
        display: none;
    }

    .menubar {
        display: none;
        margin-bottom: 0;
        margin-top: 0px;
    }

    #sidebar-right {
        display: none;
    }

    .content {
        float: none;
        width: 100%;
    }

    #map {
        display: none !important;
    }

    .link-map {
        display: block;
    }

    .seamless-pagination li a.page-link, .seamless-pagination li.active span {
        display: none;
    }

    .seamless-pagination li a.page-link.prev, .seamless-pagination li a.page-link.next {
        display: inline-block;
    }

    .listing {
        width: 100%;
    }

    .list-search-form, .event-aside {
        width: 97%;
        clear: both;
        margin-left: 0px;
        margin-top: 25px;
        padding: 10px 3% 2.5%
    }

    #feedbackForm .field {
        /* DESK-3563 width:80%;*/
    }

    #feedbackForm textarea {
        width: 100%;
    }

    .slider {
        width: 100%;
        height: 282px;
        float: none;
        clear: both;
        position: relative;
        margin-bottom: 25px;
    }

    .slider .flexslider .slides img {

    }

    .flexslider .slider-bg h2 {
        padding: 0px 20px 0 0px;
    }

    .slider .flexslider .slides > li {
        /* padding-bottom: 100px; */
        /* height:182px; */
    }

    .slider .flexslider li .slider-bg {
        width: 100%;
        /* padding:15px 0; */
        
        left: auto;
        right: 0px;
        top: auto;
        bottom: 0;
    }

    .slider .flexslider li .text {
        width: 96%;
        margin: 0 auto;
    }

    .slider .flex-pause, .slider .flex-play {
        bottom: 8%;
    }
}

/* FORM */

.ui-dialog-content-body .scpicker > input, .ui-dialog-content-body .input-prepend.scpicker > input[type="text"], .ui-dialog-content-body .input-append.scpicker > input[type="text"] { height:auto; }
.tabledForm.ugc-event .RadUpload .ruFileWrap { height:auto; }
.RadUpload .ruActions .ruButton, .RadUploadProgressArea .ruActions .ruButton { padding:0; }
.field_input .RadUpload .ruStyled .ruFileInput, .RadUpload .ruFakeInput { padding:0px; }
.tabledForm.ugc-event .field_input .RadUpload_Default input[type="text"].ruFakeInput {width: 50%;border: none;font-size:1.1em;margin-right:10px;background:#ffffff;padding:5px 0;}
.field_row { margin:0px 0 35px 0;clear:both; }
.tabledForm.ugc-event .ruButton.ruRemove { height:auto;padding:5px;margin-top:0px; }
.RadUpload .ruCheck { margin-right: 10px;margin-top: 7px; }

.CaptchaImageDiv {display: inline-block;/* margin:10px 0 25px 0; */position: relative;width: 100%;margin-top: 5px;}

ul.form_container .field_label label {/* margin:7px 0; */display:inline-block;}
ul.form_container .field_input input[type="text"].custom-df-hyperlink-item-name, ul.form_container .field_input input[type="text"].custom-df-hyperlink-item-link {margin-right: 1%;width: 33%;height: 56px;line-height:24px;}
.custom-df-hyperlink-item {margin-bottom: 10px;}
.field_input table td {background:transparent;padding:0;/* text-align: right; */}
.button-wrap { margin-top:20px; }
.matrix_row label { display:none; }
.matrix_row table, .rank_row table { width:100%; }
.matrix_row table th, .matrix_row table thead, .matrix_row table thead th, .rank_row table th, .rank_row table thead, .rank_row table thead th { padding:0px;font-family:Arial;color:#3a3a3a;background:transparent;font-weight:normal;font-size:1em;text-align:left;padding-right:15px; }
.matrix_row table td, .rank_row td, .checkbox_row td {padding-left:0px;padding-right:15px;position: relative;}

.custom-df-hyperlink-item-name {
    margin-bottom:5px;
}

table.RadCalendar, table.RadCalendar table, table.RadCalendar th, table.RadCalendar thead, table.RadCalendar thead th, table.RadCalendar table th, table.RadCalendar table thead, table.RadCalendar table thead th, .RadEditor table, .RadEditor.reWrapper table td { padding:0;background:transparent;margin-bottom:0px; }


.field_input .Default.reWrapper,  .field_input .Default.reColorPicker, .field_input .Default.reInsertTable, .field_input .Default.reDropDownBody, .field_input .Default.reCustomLinks a:hover { border:1px solid #d9d9d9; }
.field_input .Default.RadEditor .reContentCell { border:0px;border-top:1px solid #d9d9d9; }
.RadEditor table { border:1px solid #d9d9d9; }

.generic-form-radiobutton input[type="radio"],
.generic-form-checkbox input[type="checkbox"] {
    position: absolute;
    top: 6px;
}

.generic-form-radiobutton label,
.generic-form-checkbox label {
    margin-left: 18px
}


.control-group .form-label {
    margin-bottom: 6px;
}
.control-group table td, #postalSame table td {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    padding: 4px;
}
.controls.inline-label table td label {
    margin-left: 12px;
}
.uneditable-input {
    margin-right: 12px;
}
.input_array table th {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #313131;
}
.form_container {
    /* background: none repeat scroll 0 0 #F3F3F3; */
        background: #ededed;
}
.input_array.rank-form {
    width: auto;
}
.input_array.rank-form label {
    margin-left: 15px;
}
.input_array.rank-form input[type="text"] {
    width: 58px;
}

.field_row .label {margin:14px 0;display:block;font-weight: 700;font-size: 20px;font-size: 2rem;}

.inline-label .form-label {
    display: block;
    float: left;
    width: 155px;
}
input[type="text"], textarea, html body .riSingle .riTextBox, html body .riSingle .riTextBox[type="text"] {
    resize: none !important;
    border:1px solid #d9d9d9;
    clear:both;
    /* border: none; */
}
#ctl09_captchaPanel {
    background: none repeat scroll 0 0 #FFFFFF;
    background-color:transparent; /* DESK-3563 */
}
.fileupload input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E0E0E0;
    margin-right: 10px;
}
table.calendarWrapper_Default td {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    padding: 0;
}
form .tabledForm .RadCaptcha p {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);clear:both;
}
form .tabledForm .RadCaptcha input {
    width: auto;
}

ul.form_container {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.form_container > li {
    clear: both;
    display: block;
    margin-bottom: 15px;
    padding-left:0;
    margin-left:0;
}

.label-box {
    background: none repeat scroll 0 0 #E7E7E7;
    height: 30px;
    line-height: 30px;
    padding: 0 16px;
    width: 236px;
}
.field_input label {
    margin-left: 5px;
}
.grid .field_input {
    padding-left: 90px;
}
.grid .field_label {
    margin-right: -90px;
}

.rank input[type="text"] {
    margin-bottom: 10px;
    margin-right: 10px;
    width: auto;
}

input.shortInput {
    margin-right: 10px;
    width: 58px;
}
select {
    border: 1px solid #D9D9D9;
    padding:5px;
}

.input_array table {
    width: 100%;
}
.input_array table th {
    font-weight: normal;
    text-align: left;
}
.input_array table th, .input_array table td {
    line-height: 2.083em;
    padding: 0;
}
.input_array table .question, .input_array table tbody td:first-child {
    width: 185px;
}
.radioCheck {
    line-height: 2.083em;
}
.radioCheck input {
    margin-right: 10px;
}
p.error {
    color: #AD6109;
    font-weight: bold;
}
.emailAFriend .field_input {
    padding-left: 138px;
}
.emailAFriend .field_label {
    margin-right: -138px;
}
.RadCaptcha_Default img {
    clear: right;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
}
.captchaLabel {
    display: block;
    margin-bottom: 15px;
}
.captcha .captcha div:after {
    clear: both;
    content: "";
    height: 0;
}
.captcha input[type="text"] {
    width: 244px;
}
.radEnabledCss_Default, .radHoverCss_Default, .radFocusedCss_Default {
    border: 1px solid #E0E0E0 !important;
    height: 24px;
    line-height: 24px;
    width: 73px !important;
}
.radInvalidCss_Default {
    height: 24px;
    line-height: 24px;
    width: 73px !important;
}
.pickerWrapper_Default, .pickerWrapper_Default table {
    height: 29px !important;
    width: 98px !important;
}
.pickerWrapper_Default table table {
    width: 78px !important;
}
.radInput_Default {
    height: 29px !important;
    padding: 0 !important;
}
.pickerWrapper_Default {
    display: inline;
    line-height: 29px;
}
.dateWrapper {
    float: left;
    margin-right: 10px;
}
.dateWrapper table td {
    background: none repeat scroll 0 0 #EDEDED;
    border: 0 none;
    padding: 0;
}
.horizontalForm.eventFilter label {
    float: left;
    line-height: 25px;
}

/* DESK-3563 */

.form_container input[type="text"],
.form_container textarea {
    width: 100%;
  
   box-sizing: border-box;
}

.form_container input[type="text"] {
    padding:16px 5px;
}

.form_container textarea {
    
    min-height: 120px;
    padding: 5px;
}

.form_container .captcha input[type="text"],
.form_container .content-captcha input[type="text"],
.form_container .feedba-captcha input[type="text"]{
    width:179px;
}

/* DESK-3563 - END */


/************** ORIGINAL STYLES, MODIFIED FOR DESK-3639 PURPOSES **************/

.Default.reWrapper,
.Default.RadEditor .reContentCell,
.Default.reColorPicker,
.Default.reInsertTable,
.Default.reDropDownBody,
.Default.reCustomLinks a:hover {
    border: 0px;
}

#feedbackForm.feedback-open .buttons a.yes {
    /*     background: url(feedback-up-dull.png) top left no-repeat; */
}

#feedbackForm.feedback-open .buttons a.no {
    /*     background: url(feedback-down-dull.png) top left no-repeat; */
}

.navheader {
    font-size: 12px;
}

.collapse-trigger {
    display: none;
    /* need this */
    cursor: pointer;
    margin-left: 15px;
    margin-right: 15px;
}

.collapse-trigger span {
    background-image: url("menu-main-icon.png");
    background-position: 0 0;
    display: block;
    float: right;
    margin-top: 16px;
    margin-right: 25px;
    height: 29px;
    width: 34px;
}

.in-this-section h4 {
    position: relative;
}

.in-this-section span.expand-menu {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-indent: -999em;
    background: url(menu-side-closed.png) right center no-repeat;
}

.link-map {
    display: none;
}

.smaller {
    font-size: 50%;
}

.small {
    font-size: 75%;
}

.large {
    font-size: 150%;
    display: none;
}

.larger {
    font-size: 200%;
}

.largest {
    font-size: 200%;
}

p.note,
.tabledForm.ugc-event fieldset .field_label.checkbox_label,
.tabledForm.ugc-event fieldset .field_input.checkbox_input {
    font-size: 0.9em;
    color: #696969;
}

p.note .link-text {
    display: inline-block;
    width: 34%;
}

.errors,
.errors a,
.success {
    color: #cb430e;
    margin-bottom: 25px;
}

.errors:empty {
    display: none;
}

.tabledForm.ugc-event ul.errors {
    margin-left: 25px;
    margin-bottom: 20px;
    list-style: disc;
}

.tabledForm.ugc-event ul li {
    list-style: disc;
}

.field_input {
    margin-bottom: 25px;
}

.tabledForm.ugc-event .RadUpload .ruInputs li {
    list-style: none;
}

.errors a {
    text-decoration: none;
}

.errors a:hover {
    text-decoration: underline;
}

.success,
.success li {
    list-style: none;
    padding: 0;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

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

.se-form-required-text {
    color: #cb430e;
    font-size: 17px;
    font-weight: 500;
}

.clear {
    clear: both;
    display: block;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after,
.imagegallery:before,
.imagegallery:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after,
.imagegallery:after {
    clear: both;
}

.se-form-container:before {
    clear: both;
    content: '';
    display: table;
}

#content {
    background: #ffffff;
    width: 100%;
    padding: 15px 0 0 0;
}

.container {
    width: 980px;
    margin: 0 auto;
}

#main-content {
    width: 69%;
    float: left;
    background: #f5f5f5;
    padding: 3%;
    margin-bottom: 25px;
}

#main-content img.pull-left {
    margin: 0 25px 25px 0;
}

aside {
    /* float: left; */
    /* width: 19%; */
    /* padding: 0 1.5%; */
}

#full-content {
    width: 94%;
    padding: 3%;
    background: #f5f5f5;
    clear: both;
    /*  DESK-3637 */
    display: inline-block;
    /*  DESK-3637 - END */
}

#default-content {
    float: left;
    width: 74%;
}

#default-content #main-content {
    width: 94%;
}

img.content-image {
    margin: 0 30px 25px 0;
    width: 45%;
    max-width: 100%;
}

.gallery-item {
    float: left;
    margin: 0 25px 25px 0;
    height: 170px;
    overflow: hidden;
    display: block;
}

.gallery-item a img {
    max-height: 170px;
    max-width: 202px;
}

.back-to-top {
    text-align: center;
    padding: 25px 0;
    margin: 0;
}

.back-to-top a {
    color: #828282;
    text-decoration: none;
    /*font-family: 'Carrois Gothic', sans-serif;*/
    background: url(arrow-btt.png) center left no-repeat;
    padding: 5px 0 5px 26px;
}

.back-to-top a:hover {
    text-decoration: underline;
}

a.link-button,
.submit-button input[type="submit"],
.calendar-aside input[type="submit"],
.button-wrap input[type="submit"],
.buttons input,
.tabledForm.ugc-event .ruButton.ruBrowse,
.tabledForm.ugc-event .ruButton.ruRemove,
.RadUpload .ruActions .ruButton,
.RadUploadProgressArea .ruActions .ruButton,
.hyperlink-button-remove,
.hyperlink-button-add input {
    /* height: 36px; */
    /* line-height: 36px; */
    color: #ffffff;
    /* font-size: 15px; */
    /* border-radius: 2px; */
    /* background: #465864; */
    /* padding: 0 20px; */
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

.hyperlink-button-add input,
.calendar-aside input[type="submit"] {
    /* margin-top: 10px; */
}

.sc-editcal.sc-editcal-empty .sc-editcal-add,
.sc-editcal .sc-editcal-remove,
.sc-editcal .sc-editcal-edit,
.hyperlink-button-add input {
    font-size: 20px;
    background-color: #2f8431;
    color: #fff;
    width: auto;
    border-radius: 3px;
    padding: 0 35px;
    height: 50px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.51);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.51);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.51);
    font-weight: 600;
}
.sc-editcal.sc-editcal-empty .sc-editcal-add,
.sc-editcal .sc-editcal-remove,
.sc-editcal .sc-editcal-edit {
    /* padding: 15px; */
    height: 54px;
    display: inline-block;
    vertical-align: middle;
    display: table-cell;
    float: none;
    /* position: absolute; */
    top: 0;
    margin-top: 0;
}

.sc-editcal.sc-editcal-empty .sc-editcal-add:hover,
.sc-editcal.sc-editcal-empty .sc-editcal-add:focus
.sc-editcal .sc-editcal-remove,
.sc-editcal .sc-editcal-remove:focus,
.sc-editcal .sc-editcal-remove:hover,
.sc-editcal .sc-editcal-edit:hover,
.sc-editcal .sc-editcal-edit:focus {
    background-color: #276b28;
}

.hyperlink-button-add input:hover, 
.hyperlink-button-add input:focus {
    background-color: #276b28;
}

.sc-editcal-buttons,
.sc-editcal {
    display: block;
    /* height: 50px; */
    position: relative;
}

.hyperlink-button-add input {

}

a.link-button.arrow-right {
    padding-right: 50px;
    background: url(link-right.png) center right no-repeat #465864;
    float: right;
    margin-right: 25px;
}

.tabledForm.ugc-event .ruButton.ruBrowse,
.tabledForm.ugc-event .ruButton.ruRemove {
    /* margin-top: -5px; */
}


/* header styles */

input.btnTextIncrease[type="submit"],
input.btnTextDecrease[type="submit"] {
    background: url("icon-decrease.png") no-repeat left top;
    border: 0 none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    margin: 0 10px 0 0;
    padding: 0;
    text-indent: -999em;
    width: 24px;
}

input.btnTextIncrease[type="submit"] {
    background: url("icon-increase.png") no-repeat left top;
}

.print.js-element {
    float: left;
    margin-left: 40px;
    margin-right: 3px;
    margin-top: 2px;
}

.st_facebook_large .stButton .stLarge,
.st_twitter_large .stButton .stLarge {
    display: none;
    margin: 0px;
}

.st_twitter_large,
.st_facebook_large {
    height: 24px;
    width: 27px;
    display: block;
    margin: 0px 0 0 10px;
    float: left;
}

.st_facebook_large .stButton,
.st_twitter_large .stButton {
    height: 24px;
    width: 24px;
    display: block;
    background: url(icon-facebook.png) top left no-repeat;
    margin: 0px;
    float: left;
}

.st_twitter_large .stButton {
    background: url(icon-twitter.png) top left no-repeat;
    width: 27px;
}

#page-controls {
    width: 100%;
    background: #003357;
    padding: 12px 0;
    font-size: 12px;
}

#page-controls a,
header p a {
    color: #ffffff;
}

#page-controls a,
.controls a {
    text-decoration: none;
    margin-left: 12px;
}

#page-controls a:hover,
.controls a:hover {
    text-decoration: none;
}

header {
    background: url(Header-Pattern.png) top center no-repeat #003a63;
    padding: 20px 0;
}

header .pull-right {
    text-align: right;
}

header .logo {
    float: left;
}

header .controls {
    float: right;
    margin-bottom: 0px;
    line-height: 15px;
    margin-top: 25px;
}

#searchForm {
    float: right;
    margin-bottom: 15px;
    position: relative;
}

.searchLabel {
    position: absolute;
    left: -999em;
}

#searchForm .add-on {
    float: right;
}

#searchForm .ps-input {
    background: ffffff;
    border: 0;
    padding: 9px 0 9px 10px;
    margin: 0;
    border-radius: 2px 0 0 2px;
    font-size: 15px;
    width: 315px;
    float: left;
    height: 18px;
}

header p.header-links {
    font-size: 13px;
    color: #fff;
    margin-bottom: 0px;
    line-height: 13px;
    clear: both;
}

#predictiveResults {
    background-color: #ffffff;
    color: #3a3a3a !important;
    display: none;
    border: 5px solid #f5f5f5;
    left: 0px;
    margin-top: 40px;
    position: absolute;
    text-align: left;
    width: 400px;
    z-index: 10001;
}

a.predictive-search-link-item,
a.predictive-search-link-item:visited {
    background: none;
    color: #3a3a3a;
    display: block;
    padding: 15px 0px;
    margin: 0 20px;
    text-decoration: none;
    border-bottom: 2px solid #f5f5f5;
}

#predictiveResults a.predictive-search-link-item:last-child {
    border-bottom: 0px;
}

a.predictive-search-link-item:hover,
a.predictive-search-link-item.itemSelected {
    text-decoration: underline;
}


/* navigation was here, styles moved to all-DESK-3639.css and modified there - DESK-3639 - PMR-8 */

#breadcrumbs {
    font-size: 13px;
    color: #262626;
    margin-bottom: 25px;
    clear: both;
}

#breadcrumbs a {
    color: #0097d4;
}


/* homepage */

.ui-tabs.tabs ul,
.ui-tabs.tabs li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ui-tabs.tabs ul#homepage-tabmenu {
    height: 55px;
    margin-top: 25px;
}

.ui-tabs.tabs #homepage-tabmenu li {
    /*font-family: 'Carrois Gothic', sans-serif;*/
    display: block;
    float: left;
    font-size: 15px;
    margin: 10px 5px 0 0;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    border-radius: 8px 8px 0 0;
    background: #e7ebee;
    border: 0px;
}

.ui-tabs.tabs #homepage-tabmenu li.ui-state-active {
    height: 55px;
    line-height: 55px;
    background: #f7be56;
    font-size: 20px;
    margin-top: 0px;
}

.ui-tabs.tabs .ui-tabs-nav li a {
    float: none;
    padding: 0px;
}

.ui-tabs.tabs #homepage-tabmenu li a {
    text-decoration: none;
}

.ui-tabs.tabs .ui-widget-header,
.ui-tabs.tabs.ui-widget-content {
    background: none;
    border: 0px;
}

.ui-tabs.tabs .ui-tabs-panel {
    background: #f5f5f5;
    padding: 25px 0;
}

.ui-tabs-panel p.empty {
    padding: 25px;
}

.ui-tabs.tabs .ui-tabs-panel a.link-button {
    margin-top: 60px;
    color: #ffffff;
}

.ui-tabs.tabs .ui-tabs-panel .item {
    padding: 0 5% 0 2%;
    float: left;
    width: 26%;
}

.ui-tabs.tabs .ui-tabs-panel .item.last {
    padding-right: 25px;
}

.ui-tabs.tabs .ui-tabs-panel .item h3 {
    border-bottom: 2px solid #d7dee3;
    padding: 23px 0 23px 50px;
    font-size: 1.45em;
}

.ui-tabs.tabs .ui-tabs-panel .item h3.home-news {
    background: url(home-news-icon.png) center left no-repeat;
}

.ui-tabs.tabs .ui-tabs-panel .item h3.home-event {
    background: url(home-events-icon.png) center left no-repeat;
}

.ui-tabs.tabs .ui-tabs-panel .item h3 a {
    color: #3a3a3a;
    text-decoration: none;
    display: block;
}

#homepage-tabmenu li.ui-state-active a,
#homepage-tabmenu li.ui-state-active a:link,
#homepage-tabmenu li.ui-state-active a:visited,
#homepage-tabmenu li.ui-state-default a,
#homepage-tabmenu li.ui-state-default a:link,
#homepage-tabmenu li.ui-state-default a:visited {
    color: #3a3a3a;
    font-weight: normal;
}

.ui-tabs.tabs .ui-tabs-panel .item h3 a:hover {
    text-decoration: underline;
}

.mayor-content {
    padding: 25px;
}

#yoursay li:nth-child(4) {
    clear: both;
}

.slider {
    width: 645px;
    height: 430px;
    display: block;
    float: left;
    overflow: auto;
}


/* landing page */

.landing-list .item-list {
    margin-left: 0;
    padding-left: 0;
}

.landing-list .item-list,
.landing-list .item-list li {
    list-style: none;
}

.landing-list .item-list li {
    width: 43%;
    padding: 2.5%;
    float: left;
    background: #fbfbfb;
    margin-bottom: 25px;
}

.landing-list .item-list li:nth-child(odd) {
    clear: both;
    margin-right: 3.5%;
}

.landing-list .item-list li h3 a {
    text-decoration: none;
    color: #003a63;
}

.landing-list .item-list li h3 a:hover {
    text-decoration: underline;
}

.timestamp {
    color: #606f7a;
    font-size: 1.1em;
    /*font-family: 'Carrois Gothic', sans-serif;*/
}

/* iframe */

.iframewrap {
    width: 100%;
    height: 800px;
    overflow: auto;
    display: block;
}

.iframewrap iframe {
    border: 0 none;
    display: block;
    height: 100% !important;
    margin: 0;
    min-height: 100% !important;
    outline: 0 none;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100% !important;
}


/* listing page */

.list-search-form {
    width: 25%;
    background: #2caf56;
    float: left;
    color: #ffffff;
    margin-left: 3%;
    padding: 1.5% 1.5% 2.5% 1.5%;
}

.list-search-form h3 {
    color: #ffffff;
    border-bottom: 1px solid #56bf78;
    padding-bottom: 10px;
    font-size: 1.7em;
}

.RadPicker .rcTable span {
    margin: 0px;
}

.list-search-form label {
    margin: 0 0 20px 0;
}

.list-search-form label span {
    /*font-family: 'Carrois Gothic', sans-serif;*/
    display: block;
    font-size: 1.1em;
    margin: 10px 0;
}

.list-search-form input[type="text"] {
    font-size: 12px;
    padding: 7px 1.5%;
    width: 97%;
}

.list-search-form select {
    width: 100%;
}

.search-list-button {
    clear: both;
    display: block;
}

.search-list-button input[type="submit"] {
    background: #1a6934;
    color: #ffffff;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    width: 90px;
    clear: both;
}

.listing {
    /* width: 69%; */
    /* float: left; */
}

.listing .item-list,
.listing .item-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.listing .item-list li {
    border-bottom: 2px solid #d7dee3;
    padding: 15px 0 30px 0;
    margin-bottom: 15px;
}

.listing .item-list li.last {
    border-bottom: 0px;
}

.listing .item-list li h3 a {
    text-decoration: none;
}

.listing .item-list li h3 a:hover {
    text-decoration: underline;
}

.listing .item-list li .pull-right img {
    margin: 15px 0 15px 25px;
}

.link-icon + .listing-item-link .listing-item-header {
    padding-left: 30px;
    padding-right: 120px;
}

.listing-item-link + .file-details {/*     display: none; */color: #0e1d23;position: absolute;right: 12px;top: 26px;font-size: 15px;font-weight: 600;}

.link-icon + .listing-item-link {
    padding-bottom: 40px;
}


.RadPicker_Default .rcCalPopup {
    background-image: none !important;
    position: relative;
    width: 35px !important;
    height: 35px !important;
    margin-left: 10px;
    opacity: 0.75;
}

.RadPicker_Default .rcCalPopup:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8 !important;
}

.RadPicker_Default a.rcCalPopup:hover {
    opacity: 1 !important;
    
}

.RadPicker_Default a.rcCalPopup:focus {
    opacity: 1;
    outline: 2px dashed #808283;
}

/* event detail */

.event-content {
    width: 66%;
    float: left;
}

.event-content h3 {
    font-size: 1.6em;
    border-bottom: 2px solid #e6e9ec;
    padding: 18px 0;
    color: #3a3a3a;
}

.event-aside {
    float: left;
    width: 31%;
    margin-left: 3%;
    padding: 0;
}

.event-snapshot {
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003a63+0,028ac8+100 */
     background: #003a63;
    /* Old browsers */
     background: -moz-linear-gradient(-45deg, #003a63 0%, #028ac8 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(-45deg, #003a63 0%, #028ac8 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(135deg, #003a63 0%, #028ac8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#003a63', endColorstr='#028ac8', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
     color: #fff;
     padding: 20px 10px;
     font-size: 17px;
     display: inline-block;
     width: 100%;
     box-sizing: border-box;
     margin-bottom: 20px;
}

.event-snapshot h1,
.event-snapshot h3,
.event-snapshot h4 {
    color: #ffffff;
    /* border-bottom: 1px solid #56bf78; */
    /* padding-bottom: 10px; */
    margin-top: 0;
}

.event-snapshot h4 {
    margin-top: 15px;
}

.event-snapshot a,
.event-snapshot a:visited  {
    color: #ffffff;
}


.event-snapshot img.content-image {
    width: 100%;
}

.event-snapshot fieldset select {
    display: block;
}

.calendar-aside fieldset label {
    padding: 1em 0;
    display: block;
}

.calendar-aside {
    /* margin-top: 15px; */
    margin-bottom: 20px;
    font-size: 17px;
    color: #000;
}

.calendar-aside p:first-child{
    margin-top: 0;
}

.calendar-aside p {
    margin-bottom: 25px;
}

a.btn-add-to-my-diary {
    width: 100%;
    padding: 20px 20px;
    font-size: 18px;
    text-align: left;
    color: #ffffff;
    background: #eb660b;
    display: block;
    text-decoration: none;
    box-sizing: border-box;
    border-radius: 0;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 0;
    display: block;
    height: auto;
    float: none;
}

.no-js a.btn-add-to-my-diary {
    display: none;
}

a.btn-add-to-my-diary:visited,
a.btn-add-to-my-diary:hover,
a.btn-add-to-my-diary:focus {
    background-color: #d15a0a;
    color: #fff;
}

.no-js-add-to-calendar-heading {
    background-color: #d15a0a;
    color: #fff;
    padding: 20px 20px;
    display: none;
}

.no-js .no-js-add-to-calendar-heading {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
}

a.btn-add-to-my-diary:focus {
    outline: 2pd dashed #DFEDED;
    color: #fff;
}

.calendar-aside fieldset {
    background: #f1d1ba;
    padding: 20px;
    margin-top: -2px;
}

.calendar-aside fieldset textarea {
    width: 100%;
    min-height: 58px;
    box-sizing: border-box;
    padding: 5px;
    border: none;
    margin-bottom: 20px;
}

.calendar-aside fieldset textarea:focus {
    outline: 2px dashed #818284;
}

a.button.event-detail-button {
    width: 100%;
    text-align: center;
    background-color: #00436e;
    box-sizing: border-box;
    padding: 15px 5px;
    margin-bottom: 10px
}

a.button.event-detail-button:hover,
a.button.event-detail-button:focus {
    background-color: #003454;
}

a.button.event-detail-button:focus {
    outline: 2px dashed #808283;
}

a.button.event-detail-button:first-child {
    float: left;
}

a.button.event-detail-button:last-child {
    float: right;
}

p.event-buttons-placeholder:after {
    clear: both;
    content: '';
    display: table;
}

.event-snapshot a:focus {
    background-color: transparent;
    outline: 2px dashed #fff;
    color: #fff;
}

/* related links */

.related-links {
    margin-top: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#715797+0,a183ba+100 */
    background: #715797;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #715797 0%, #a183ba 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #715797 0%, #a183ba 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #715797 0%, #a183ba 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#715797', endColorstr='#a183ba', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    padding: 20px 5px;
}

p.form-heading {
    /*font-family: 'Carrois Gothic', sans-serif;*/
    display: block;
    font-size: 1.6em;
    color: #3a3a3a;
    padding-bottom: 16px;
    border-bottom: 2px solid #d7dee3;
}

.related-links ul,
.related-links li {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
    line-height: 1;
}

.related-links li {
    margin: 4px 0 10px 0;
    padding: 0px;
    position: relative;
    padding-left: 26px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.related-links li a {
    padding: 0px 0px 0px 0px;
    color: #fff;
    margin-left: 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
    display: inline-block;
    float: left;
    width: auto;
    text-decoration:none;
}

.related-links li a:hover {
	text-decoration:underline;
}

.related-links li a:focus {
    background-color: transparent;
    outline: 2px dashed #ffffff;
}

.related-links li a.doc,
.related-links li a.docx {
    /*     background: url(file-doc.png) center left no-repeat; */
}

.related-links li a.pdf {
    /*     background: url(file-pdf.png) center left no-repeat; */
}

.related-links li a.ppt {
    /*     background: url(file-ppt.png) center left no-repeat; */
}

.related-links li a.rar {
    /*     background: url(file-rar.png) center left no-repeat; */
}

.related-links li a.txt {
    /*     background: url(file-txt.png) center left no-repeat; */
}

.related-links li a.xls,
.related-links li a.xlsx {
    /*     background: url(file-xls.png) center left no-repeat; */
}

.related-links li a.zip {
    /*     background: url(file-zip.png) center left no-repeat; */
}

a.zip,
a.txt,
a.xls,
a.xlsx,
a.rar,
a.ppt,
a.pdf,
a.doc,
a.docx {
    padding: 3px 0 3px 0px;
}



/* quicklinks and In This Section */

#home-quicklinks,
aside.quicklinks,
aside.in-this-section {
    margin-left: 2.5%;
    background: #0097d4;
    color: #ffffff;
}

aside.in-this-section {
    margin-left: 0px;
    /* margin-right: 2.5%; */
    padding: 20px 5px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

aside.quicklinks h4,
aside.in-this-section h4 {
    color: #ffffff;
    font-size: 22px;
    padding: 15px 0 12px 0;
    border-bottom: 2px solid #33acdd;
    margin-bottom: 0;
}

aside.in-this-section h4 {
    border-bottom: 0px;
    margin-top: 0;
}

#home-quicklinks h4 {
    display: none;
}

#home-quicklinks ul,
#home-quicklinks li,
aside.quicklinks ul,
aside.quicklinks li,
aside.in-this-section ul,
aside.in-this-section li {
    list-style: none;
    /*font-family: 'Carrois Gothic', sans-serif;*/
    padding: 10px 0;
    margin-left: 0px;
}

#home-quicklinks ul,
aside.quicklinks ul,
aside.in-this-section ul {
    padding-bottom: 15px;
    padding-top: 0;
    margin-top: 0;
}

#home-quicklinks li,
aside.quicklinks li,
aside.in-this-section li {
    border-top: 2px solid #33acdd;
    font-size: 22px;
    font-size: 2.2rem;
}

#home-quicklinks li:first-child,
aside.quicklinks li:first-child {
    border-top: 0px;
}

#home-quicklinks li a,
aside.quicklinks li a,
aside.in-this-section li a {
    color: #ffffff;
    text-decoration: none;
}

#home-quicklinks li a:hover,
aside.quicklinks li a:hover,
aside.in-this-section li a:hover {
    text-decoration: underline;
    margin: 0;
}

#home-quicklinks {
    width: 260px;
    margin-right: 25px;
    margin-left: 0px;
    padding: 0px 25px;
    height: 427px;
    float: left;
    overflow: hidden;
}

#home-quicklinks li {
    padding: 0;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    font-size: 16px;
}

#home-quicklinks li span,
aside.quicklinks li span {
    float: left;
    display: block;
    padding-top: 10px;
    width: 55px;
}

aside.in-this-section ul {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

aside.in-this-section li {
    border-top: 0px;
    padding: 0;
    margin: 0;
    /* line-height: 1.2em; */
    /* font-size: 15px; */
    margin-bottom: 10px;
}

.in-this-section li.nav-active-page {display: none;}

aside.in-this-section li a,
aside.in-this-section li:first-child li a {
    /* border-top: 2px solid #33acdd; */
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 600;
    text-decoration: none;
}

aside.in-this-section li a:hover,
aside.in-this-section li a:hover {
    text-decoration: underline;
}

aside.in-this-section li ul {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

aside.in-this-section li li {
    font-size: 15px;
}

aside.in-this-section li li a {
    padding-left: 22px;
    background: url(side-arrow.png) top left no-repeat;
}

aside.in-this-section li li li {
    font-size: 14px;
}

aside.in-this-section li li li a {
    padding-left: 35px;
    background: url(side-arrow-2.png) 15px 0px no-repeat;
}


/* google maps */

.gmap-container {
    width: 100%;
    height: 360px;
    overflow: hidden;
}

.gmap-target {
    width: 100%;
    height: 100%;
}

img[src*="gstatic.com/"],
img[src*="googleapis.com/"] {
    max-width: 99999px;
}


/* a-z listing */

.alphabet,
.alphabet li {
    list-style: none;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}

.alphabet {
    background: #2f8431;
    width: 100%;
    padding-right: 18px;
    box-sizing: border-box;
}

.alphabet li {
    display: inline-block;
    margin: 15px 0 15px 18px;
}

.alphabet li a {
    color: #ffffff;
    /*font-family: 'Carrois Gothic', sans-serif;*/
    font-size: 22px;
    text-decoration: none;
}

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

.alphabet-list,
.alphabet-list li {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

.alphabet-list li h4 {
    border-top: 2px solid #d7dee3;
    color: #3a3a3a;
    /*font-family: 'Carrois Gothic', sans-serif;*/
    font-size: 26px;
    margin-top: 30px;
    padding: 30px 0 5px;
}

.alphabet-list li:first-child h4 {
    border-top: 0px;
    margin-top: 0px;
}

.alphabet-list li a {
    color: #3a3a3a;
    text-decoration: none;
}

.alphabet-list li a:hover {
    text-decoration: underline;
}


/* UGC Form */

.tabledForm.ugc-event fieldset {
    margin-bottom: 20px;
}

.tabledForm.ugc-event fieldset legend {
    color: #3a3a3a;
    /*font-family: 'Carrois Gothic', sans-serif;*/
    font-size: 26px;
    margin: 0;
    padding: 0 0 18px 0;
    border-bottom: 2px solid #e6e9ec;
    display: block;
    width: 100%;
    font-weight: 600;
    margin-bottom: 20px;
}

.tabledForm.ugc-event ul,
.tabledForm.ugc-event li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tabledForm.ugc-event fieldset .field_label {
    clear: both;
    /* margin: 12px 0; */
}

.field_label:after {
    display: table;
    clear: both;
    content: "";
}

.tabledForm.ugc-event li select {
    width: 60%;
}

.tabledForm.ugc-event fieldset .form_container {
    /* width: 50%; */
    /* DESK-4927 */
}

.tabledForm.ugc-event fieldset .form_container input[type="text"],
.tabledForm.ugc-event fieldset .form_container textarea {
/*     border: 1px solid #d7dee3;
    padding: 1%;
    width: 99%; */
}

.tabledForm.ugc-event fieldset .form_container textarea {
    height: 140px;
}

.tabledForm.ugc-event fieldset .field_label.checkbox_label {
    width: 75%;
    /* DESK-4927 */
    float: left;
    display: inline-block;
    /* DESK-4927 */
    /* margin-right: 15px; */
    /* DESK-4927 */
}

.tabledForm.ugc-event fieldset .field_input.checkbox_input {
    width: 100%;
    text-align: right;
    float: right;
    /* padding: 19px 0; */
    /* DESK-4927 */
}

.tabledForm.ugc-event .ruButton,
.custom-df-cms-date-container a,
.ruButton.ruBrowse,
.ruButton.ruRemove {
    background: #465864;
    border: 0px;
    color: #ffffff;
    border-radius: 2px;
    font-size: 16px;
    padding: 14px;
    text-decoration: none;
    cursor: pointer;
    margin: 15px 0;
    display: inline-block;
}

.tabledForm.ugc-event .ruButton.ruBrowse,
.tabledForm.ugc-event .ruButton.ruRemove {
    /* margin: -5px; */
}


/* feedback */

#feedbackForm {
    clear: both;
    margin-top: 0;
    position: relative;
    width: 100%;
    margin-bottom: 20px;    
}

#feedbackForm p {
    font-size: 17px;
    font-size: 1.7rem;
}

#feedbackForm .buttons {
    position: absolute;
    right: 0;
    top: 0;
}

#feedbackForm .buttons a.yes,
#feedbackForm .buttons a.no {
    /* background: url("feedback-up.png") no-repeat scroll left top; */
    display: block;
    float: left;
    height: 53px;
    /* margin-left: 4px; */
    /*     text-indent: -999em; */
    font-size: 0px;
    width: 53px;
    position: relative;
    /* background-color: #3a9e3c; */
    margin-left: 3px;
}

#feedbackForm .buttons a.yes:hover,
#feedbackForm .buttons a.no:hover {
    background-color: #3a9e3c;
}

#feedbackForm .buttons a.no:focus,
#feedbackForm .buttons a.no:focus,
#feedbackForm .buttons a.yes:focus,
#feedbackForm .buttons a.no:focus {
background-color: #3a9e3c;
    outline: 2px dashed #fff;
    outline-offset: -2px;
}

#feedbackForm .buttons a.yes:before,
#feedbackForm .buttons a.no:before {
    display: inline-block;
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#feedbackForm .buttons a.no {
    /*     background: url("feedback-down.png") no-repeat left top; */
    
}

#feedbackForm .buttons a.yes {
    /*     background: url("feedback-up.png") no-repeat left top; */
    
}

#feedbackForm .buttons a.yes:hover {
    /*     background: url("feedback-up-hover.png") no-repeat left top; */
    background-color: #3a9e3c;
}

#feedbackForm .buttons a.no:hover {
    /*     background: url("feedback-down-hover.png") no-repeat left top; */
    background-color: #3a9e3c;
}

#feedbackForm .buttons a.no.selected {
    /*     background: url("feedback-down.png") no-repeat left top; */
    background-color: #3a9e3c;    
}

#feedbackForm .buttons a.yes.selected {
    /*     background: url("feedback-up.png") no-repeat left top; */
    background-color: #3a9e3c;
}

#feedbackForm h3 {
    background: #2f8431;
    color: #ffffff;
    height: auto;
    line-height: 1.3;
    margin: 0;
    padding-left: 5px;
    /* DESK-3563 */
    padding-right: 130px;
    /* DESK-3563 - END */
    font-size: 30px;
    font-size: 3rem;
    padding-top: 7px;
    padding-bottom: 7px;
}

.feedback-form-heading {
    background-color: #2f8431;
    color: #fff;
    min-height: 41px;
    margin-bottom: 0;
    padding: 5px 123px 7px 5px;
    font-size: 30px;
    font-size: 3rem;
    margin-top: 0;
}

#feedbackForm .feedbackInner {
    background: #ededed;
    padding: 20px 5px;
    box-sizing: border-box;
    /* display: block; */
}

#feedbackForm #ctl05_pnlFormControls {
    /* width: 465px; */
}

#feedbackForm .field {
    margin-bottom: 30px;
    font-size: 17px;
    font-size: 1.7rem;
    /* DESK-3563 width:465px; */
}

#feedbackForm input[type="submit"] {
    margin-right: 8px;
    background-color: #2f8431;
    cursor: pointer;
    float: left;
}

#feedbackForm input[type="submit"][value="Cancel"] {
    background-color: #818284
}

#feedbackForm input[type="submit"][value="Cancel"]:hover,
#feedbackForm input[type="submit"][value="Cancel"]:focus {
    background-color: #67686a
}

#feedbackForm input[type="submit"]:hover,
#feedbackForm input[type="submit"]:focus {    
    background-color: #276b28;
    
}

#feedbackForm textarea,
#feedbackForm select {
    margin-top: 5px;
}

#feedbackForm textarea {
    border: 1px solid #d7dee3;
    height: 122px;
    /* DESK-3563 width: 463px;*/
    /* DESK-3563 */
    width: 100%;
    padding: 5px;
}

#feedbackForm textarea {
    /* border: none; */
    box-sizing: border-box;
    border-radius: 0;
}

#feedbackForm textarea:focus {
        outline: 2px dashed #808283;
}

#feedbackForm .captchaImage {
    clear: right;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
}

#feedbackForm .captcha p {
    clear: both;
}

#feedbackForm .captchaLabel {
    display: block;
    margin-bottom: 15px;
}

#feedbackForm input[type="text"] {
    border: 1px solid #D9D9D9;
    clear: both;    
    /* DESK-3563 width: 218px; */
    margin-top: 5px;
    /* DESK-3563 */
    width: 100%;
    height: 58px;
    padding: 0;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 5px;
}

#feedbackForm input[type="text"] {
    /* border: none; */
}


#feedbackForm label {
    font-size: 20px;
    font-weight: 700;
    font-size: 2rem;
    color: #000;
    /* margin-bottom: 9px; */
}

.feedbackInner:after,
#feedbackForm:after {
    clear: both;
    display: table;
    content: '';
}



/* DESK-3563 */

#feedbackForm .captcha input[type="text"] {
    width: 178px;
}

.captcha {
    position: relative;
}

.rcRefreshImage {
    position: absolute;
}

.rcCaptchaAudioLink {
    position: absolute;
    top: 22px;
}

.rcRefreshImage,
.rcCaptchaAudioLink {
    left: 189px;
}



/* DESK-3563 - END */


/* site map */

.site-map ul,
.site-map li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-map li a {
    border-bottom: 2px solid #d7dee3;
    color: #003a63;
    /*font-family: 'Carrois Gothic', sans-serif;*/
    font-size: 18px;
    padding: 16px 0;
    display: block;
    margin: 16px 0;
}

.site-map li a {
    text-decoration: none;
}

.site-map li a:hover {
    text-decoration: underline;
}

.site-map li li a {
    border-bottom: 0px;
    padding: 3px 0;
    color: #3a3a3a;
    font-family: Arial, sans-serif;
    font-size: 1em;
    margin: 0;
}

.site-map li li li {
    margin-left: 35px;
    list-style: disc;
}

.site-map li li li li {
    margin-left: 20px;
    list-style: none;
}

.site-map li li li li:before {
    content: ">";
    display: inline;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
}


/* footer */

footer {
    background: url(Footer-Pattern.png) center bottom no-repeat #003a63;
    color: #ffffff;
    font-size: 0.9em;
    line-height: 1em;
    padding-bottom: 40px;
}

footer .squiggle {
    background: url(Footer-squiggle.png) right bottom no-repeat #003a63;
    padding: 25px 0 50px 0;
}

footer a,
footer a:focus,
footer a:visited {
    color: #ffffff;
    background-color: transparent;
}

footer p.powered {
    font-size: 0.95em;
}

footer .contact-details,
footer .contact-share,
footer .contact-support {
    float: left;
    width: 285px;
    margin-right: 50px;
    padding-bottom: 40px;
}

footer ul,
footer li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

footer h5 {
    font-size: 1.75em;
    line-height: 1.6em;
    color: #ffffff;
    padding-bottom: 25px;
    margin-bottom: 15px;
    border-bottom: 2px solid #336182;
}

footer .contact-support {
    margin-right: 0%;
}

footer li a,
footer p a {
    text-decoration: none;
}

footer li a.footer-facebook,
footer li a.footer-youtube,
footer li a.footer-twitter,
footer li a.footer-rss {
    padding: 15px 0 15px 45px;
    background: url(icon-footer-facebook.png) center left no-repeat;
    display: block;
}

footer li a.footer-youtube {
    background-image: url(icon-footer-youtube.png);
}

footer li a.footer-twitter {
    background-image: url(icon-footer-twitter.png);
}

footer li a.footer-rss {
    background-image: url(icon-footer-rss.png);
}

footer p a {
    color: #0097d4;
}

footer li a:hover,
footer p a:hover {
    text-decoration: underline;
}

footer p {
    line-height: 1.6em;
    margin-bottom: 1.5em;
    clear: both;
}

footer .contact-share li {
    border-bottom: 2px solid #1a4e73;
}

footer .contact-support ul {
    margin-top: 10px;
}

footer .contact-support li {
    padding: 5px 0;
}


/*DESK-2817*/

.tabledForm .sc-editcal-buttons a.sc-editcal-remove,
.tabledForm .sc-editcal-buttons a.sc-editcal-edit {
    display: inline-block;
}

.hyperlink-button-remove {
    margin-top: 0;
}

.tabledForm.ugc-event .ruButton.ruBrowse,
.tabledForm.ugc-event .ruButton.ruRemove {
    font-size: 20px;
    background-color: #2f8431;
    color: #fff;
    width: auto;
    border-radius: 3px;
    padding: 0 35px;
    height: 50px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.51);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.51);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.51);
    font-weight: 600;
    margin: 0;
    margin-top: 4px;
}


/*DESK-2817 ends*/


#breadcrumbs + .announcement {
    margin-bottom: 30px;
}

/* ANNOUNCEMENTS */

.announcement {
    background-color: #9e0b0f;
    color: #fff;
    padding: 0 5px;
    position: relative;
    margin-bottom: 0;
    /* min-height: 70px; */
}

.announcement.hidden {
    display: none;
}

.announcement-level-10,
.alert {
    background-color: #9e0b0f;
}

.announcement-level-20,
.success {
    background-color: #2f8431;
}

.announcement-level-30,
.info {
    background-color: #028ac8;
}

.no-breadcrumb-template-announcements-container .announcement {
    margin-bottom: 0;
    padding: 0  
}

.announcement-body {
    font-size: 20px;
    padding-left: 95px;
}

.announcement-body a,
.announcement-body a:visited{
    color: #fff;
}


.announcement-icon {
    position: absolute;
    top: 25px;
    left: 33px;
}

.announcement-body {
    font-size: 20px;
    padding: 0px 80px;
    padding: 20px 40px 20px 0;
}

.announcement-level-10 .announcement-body,
.alert .announcement-body {
    padding: 20px 0 20px 0;
}

.announcement-body p {
    box-sizing: border-box;
    margin-top: 0;
}

.announcement-body p:last-of-type {
    margin-bottom: 0;
}

input[type="submit"].close-alert-icon:hover,
input[type="submit"].close-alert-icon:focus,
input[type="submit"].close-alert-icon {
    font-size: 0px;
    background-color: transparent;
    color: #fff;
    width: auto;
    border-radius: 0;
    padding: 0 35px;
    height: 50px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-weight: 600;
    border: 0;
    border: 1px solid;
    width: 19px;
    height: 19px;
    padding: 0;
    position: absolute;
    top: 10px;
    right: 19px;
    border: none;
}

input[type="submit"].close-alert-icon  {
    opacity: 0.7;
}

input[type="submit"].close-alert-icon:hover,
input[type="submit"].close-alert-icon:focus {
    opacity: 1;
}

input[type="submit"].close-alert-icon:focus {
    outline: 2px dashed #fff;
}

.announcement a:focus {
    background-color: transparent;
    color: #fff;
    outline: 2px dashed #fff;
}

.announcement-level-10 .close-alert-icon,
.alert input[type="submit"].close-alert-icon {
    display: none;
}

.no-breadcrumb-template-announcements-container .announcement-inner-container,
.announcements-container .announcement-inner-container {
    max-width: 1177px;
    width: auto;
    margin: 0 auto;
    position: relative;
    padding-left: 1%;
    padding-right: 1%;
    box-sizing: border-box;
}

.no-breadcrumb-template-announcements-container .col-xs-12,
.announcements-container .col-xs-12,
.no-breadcrumb-template-announcements-container .container,
.announcements-container .container {
    width: 100%;
    padding: 0;
    margin: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.announcement-body h1:first-of-type {
    margin-top: 0;
}

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

/* DESK-3566 */

.interactive-map {
    width: 100%;
    height: 750px;
    border: 0;
    margin-bottom: 20px;
}


/* DESK-3566 - END */


/* DESK-3637 */

.accordion .toggle-panel {
    height: 0px;
    overflow: hidden;
}

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

.no-js .accordion-controls {
    display: none;
}

button[disabled="disabled"] {
    opacity: 0.5;
}

.articles-list-item-heading {
    display: inline-block;
    width: 100%;
    line-height: 1.3em;
    cursor: pointer;
    position: relative;
    margin-top: 5px;
    color: #0d64c8;
}

.accordion-controls {
    float: right;
    margin-bottom: 25px;
}

.accordion-controls:after {
    display: table;
    content: '';
    clear: both;
}

.articles-list-item-body {
    border-bottom: 2px solid #d7dee3;
    margin-bottom: 20px;
}

.articles-list-item-heading:focus {
    outline: 2px dashed #0d64c8;
    /* position: relative; */
}

.toggle-panel p:first-child {
    margin-top: 0;
}

.expand-panels-button:before,
.collapse-panels-button:before,
.articles-list-item-heading:before {
    content: '';
    display: inline-block;
    float: left;
    position: absolute;
    top: 4px;
}

.articles-list-item-heading-text {
    padding-left: 27px;
    display: inline-block;
}

.expand-panels-button,
.collapse-panels-button {
    border: 0;
    background-color: transparent;
    background: none;
    cursor: pointer;
    position: relative;
    padding-left: 15px;
    color: #0d64c8;
}

.expand-panels-button:before,
.collapse-panels-button:before {
    position: absolute;
}

.expand-panels-button:before,
.collapse-panels-button:before {
    position: absolute;
    left: -3px;
    top: 6px;
}

.accordion-controls button {
    margin-left: 20px;
}

.collapse-panels-button:focus,
.expand-panels-button:focus {
    outline: 2px dashed #0097d4;
}


/* DESK-3637 */


/* DESK-4927 */

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

.tabledForm.ugc-event .field_input .RadUpload_Default input[type="text"].ruFakeInput {
    width: 60%;
    /* height: 100%; */
}

span.ruFileWrap.ruStyled {
    width: 100%;
}

.RadUpload {
    width: auto !important;
    margin: 0;
    padding: 0;
}

.custom-df-cms-rad-upload {
    width: auto;
}

.checkbox_input > table {
    margin: 0;
}

.field_input.checkbox_input {
    /* padding: 10px 0; */
}


/* DESK-4927 - end */

a.yes {}


/************** NEW STYLES, CREATED FOR DESK-3639 PURPOSES **************/

/* STYLE GUIDE */

body {
    font-size: 19px;
    font-size: 1.9rem;
    color: #0e1d23;
}

p {
  line-height: 1.5em;
}

a {
    color: #0d64c8;
}

a:visited {
    color: #6d1ec7;
}

a:focus {
    outline: 2px dashed #818284;
    text-decoration: none;
    /* background: #fefaf1; */
    color: #0e1d23;
}

.in-this-section a:focus {
    background:none;
    outline: 2px dashed #fff;
}

.outer-header-container a:focus {
    background-color: transparent;
}

.general-page-title {
    font-size: 31px;
    font-size: 3.1rem;
    font-weight: 600;
    border: none;
    padding-top: 0;
    padding: 0;
    margin-bottom: 25px;
    margin-top: 0;
    min-height: 91px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    height: auto;
    /* padding-bottom: 8px; */
}

.page-abstract {
    margin-bottom: 30px;
}

#skip-to-content-container {
    position: absolute;
    color: #fff;
    top: 5px;
    left: -10px;
}

#skip-to-content-container a {
    color: #fff;
    padding: 2px;
    text-decoration: none;
    position: absolute;
    left: -9999px;
    width: 166px;
}

#skip-to-content-container a:hover {
    text-decoration: underline;
}

#skip-to-content-container a:focus {
    outline: 2px dashed #fff;
    text-decoration: none;
    left: 20px;
}

a.page-logo-link {
    display: inline-block;
    padding: 2px;
}

a.page-logo-link:focus {
    outline: 2px dashed #fff;
}

* {
    text-align: left;
}



html {
    font-size: 10px;
}

.pmhc-logo:before {
    display: table;
    content: "";
}

[class*="col-"].main-column {
    /* padding: 0; */
    /* margin-bottom: 50px; */
}

[class*="col-"].main-column.events-listing,
[class*="col-"].main-column.news-listing,
[class*="col-"].main-column.general-listing {
    padding: 0;
}

[class*="col-"].side-column {
    padding: 0;
    /* margin-bottom: 20px; */
    padding-top: 0;
}

[class*="col-"].event-page-side-column {
    padding-left:  0 !important;
    padding-right: 1%;
}

.file-details {
    vertical-align: super;
    font-size: 12px;
    /* margin-left: 5px; */
    color: #0d64c8;
}

.related-link-item .file-details {
    color: #fff;
    font-weight: 600;
}


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

a.link-button {
    font-size: 20px;
    font-family: "Source Sans Pro";
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.27);
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.27);
}

a.link-button:hover,
a.link-button:focus {
    outline: none;
}

a.link-button.arrow-right {
    margin-right: 10px;
    background: none;
    background-color: #2f8432;
    padding: 7px 40px;
    border-radius: 4px;
}

.home-page-section a.link-button.arrow-right {
    width: 245px;
    text-align: center;
    padding: 18px 0;
}

a.link-button.arrow-right:hover,
a.link-button.arrow-right:focus,
a.link-button.arrow-right:visited {
    color: #fff;
}

a.link-button.arrow-right:hover,
a.link-button.arrow-right:focus {
    background-color: #276b29;
    color: #fff;
}

a.button {
    margin-right: 8px;
    background-color: #2f8431;
    cursor: pointer;
    /* float: left; */
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    /* background-color: #eb660b; */
    color: #fff;
    width: auto;
    border-radius: 3px;
    padding: 15px 35px;
    /* height: 50px; */
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.51);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.51);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.51);
    font-weight: 600;
    display: inline-block;
    /* float: none; */
    margin: 0;
}

a.button:hover,
a.button:focus {
    background-color: #276b28;
}


/***************************** GRID ****************************/

.grid {
    /* margin: 0 -1%; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.grid:after {
    clear: both;
    content: "";
    display: table;
}

.grid-pad {
    padding: 20px;
}

[class*="col-"] {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 1%;
    padding-left: 1%;
}

.col-xs-1 {
    width: 8.33333%;
}

.col-xs-2 {
    width: 16.6667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.3333%;
}

.col-xs-5 {
    width: 41.6667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.3333%;
}

.col-xs-8 {
    width: 66.6667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.3333%;
}

.col-xs-11 {
    width: 91.6667%;
}

.col-xs-12 {
    width: 100%;
    position: relative;
}

@media (min-width: 480px) {
    .col-s-1 {
        width: 8.33333%;
    }
    .col-s-2 {
        width: 16.6667%;
    }
    .col-s-3 {
        width: 25%;
    }
    .col-s-4 {
        width: 33.3333%;
    }
    .col-s-5 {
        width: 41.6667%;
    }
    .col-s-6 {
        width: 50%;
    }
    .col-s-7 {
        width: 58.3333%;
    }
    .col-s-8 {
        width: 66.6667%;
    }
    .col-s-9 {
        width: 75%;
    }
    .col-s-10 {
        width: 83.3333%;
    }
    .col-s-11 {
        width: 91.6667%;
    }
    .col-s-12 {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .col-m-1 {
        width: 8.33333%;
    }
    .col-m-2 {
        width: 16.6667%;
    }
    .col-m-3 {
        width: 25%;
    }
    .col-m-4 {
        width: 33.3333%;
    }
    .col-m-5 {
        width: 41.6667%;
    }
    .col-m-6 {
        width: 50%;
    }
    .col-m-7 {
        width: 58.3333%;
    }
    .col-m-8 {
        width: 66.6667%;
    }
    .col-m-9 {
        width: 75%;
    }
    .col-m-10 {
        width: 83.3333%;
    }
    .col-m-11 {
        width: 91.6667%;
    }
    .col-m-12 {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .col-lg-1 {
        width: 8.33333%;
    }
    .col-lg-2 {
        width: 16.6667%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-4 {
        width: 33.3333%;
    }
    .col-lg-5 {
        width: 41.6667%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-7 {
        width: 58.3333%;
    }
    .col-lg-8 {
        width: 66.6667%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-10 {
        width: 83.3333%;
    }
    .col-lg-11 {
        width: 91.6667%;
    }
    .col-lg-12 {
        width: 100%;
    }
}


/** Debug Grid Styles **/

.grid-overlay-container {
    margin: 0 auto;
    max-width: 1140px;
    position: relative;
    width: 100%;
}

.grid-overlay {
    position: absolute;
    width: 100%;
    overflow-x: hidden;
    height: 10000px;
    z-index: 10000;
}

.grid-overlay .col-xs-1 > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #FFBBBB;
    height: 10000px;
    width: 100%;
    zoom: 1;
    filter: alpha(opacity=20);
    opacity: 0.2;
}


/***************************** GENERAL CLASSES **************************/

.js,
.js-element {
    display: block!important;
}

.no-js,
.no-js-element,
.non-js-element {
    display: none!important;
}

.visuallyhidden,
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    top: 0;
}

.container {
    max-width: 1163px;
    width: auto;
    /* position: relative; */
}

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



/***************************** HEADER **************************/

header {
    background: none;
    /* min-height: 155px; */
    color: #fff;
    padding: 0;
    /* overflow: hidden; */
    background-color: #222f35;
    z-index: 11111111111;
    height: auto;
    position: relative;
}

div#searchForm {
    float: none;
    height: 50px;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 2px;
}

#searchForm .add-on {
    float: none;
}

.header-link-item {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-right: 5px;
    vertical-align: middle;
    height: 23px;
}

.header-link-item-icon {
    display: inline-block;
}

.header-link-items {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#searchForm .ps-input {
    width: 78%;
}

#searchForm input.ps-button {
    width: 50px;
    background-color: transparent;
    /* text-indent: -999px; */
    cursor: pointer;
    color: #000;
    font-size: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

#searchForm input.ps-button:focus {
    outline: 2px dashed #808283;
}

input#ctl02_btnSearch {}

#searchForm .add-on {
    width: 19%;
    display: inline-block;
}

.header-search-section .search-field {
    position: relative;
}

.header-search-section #searchForm .ps-input {
    position: absolute;
    width: 99%;
    z-index: 1;
    display: block;
    padding: 0 70px 0 10px;
    height: 50px;
    border-radius: 0;
    /* right: 0; */
    box-sizing: border-box;
    font-size: 17px;
    color: #333;
    left: 0;
}

.header-search-section #searchForm .ps-input:focus {
    outline: 2px dashed #808283;
}

.header-search-section #searchForm .add-on {
    right: 0;
    z-index: 2;
    position: absolute;
    width: 50px;
}

.header-link-item a {
    color: #b9babe;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    font-size: 17px;
    font-weight: 600;
    padding: 0px 2px 0 2px;
}

.header-link-item a:hover,
.header-link-item a:focus {
    text-decoration: underline;
    outline: none;
}

.header-link-item a:focus {
    outline: 2px dashed #fff;
}

.header-background-image {
    position: absolute;
    right: -222px;
    top: -238px;
}

.header-links-section {
    position: relative;
    display: inline-block;
    height: 110px;
    box-sizing: border-box;
}

.header-links-placeholder {
    position: absolute;
    /* left: 1%; */
}

.header-link-contact-us-item {
    margin-top: 2px;
    margin-left: 10px;
}

.header-logo-section {
    margin-top: 16px;
    margin-bottom: 20px;
}

.pmhc-logo-large {
    display: none;
}

.pmhc-logo-small {
    display: block;
}

.header-container {
    padding-top: 20px;
    /* height: 115px; */
    overflow: visible;
    height: auto;
}

.outer-header-container {    
    max-width: 1592px;
    width: auto;
    margin: 0 auto;
    min-width: 320px;
    height: auto;
}

.outer-header-container {
    background: url(port-mac-multiple-sun-logo.jpg) no-repeat -30px -123px;
}

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

#predictiveResults {
    margin-top: 50px;
    width: 100%;
    box-sizing: content-box;
    border: 0;
    background-color: #f5f5f5;
}

#predictiveResults p {
    padding: 0 10px;
}

a.predictive-search-link-item:focus {
    text-decoration: underline;
}

.dropdown-menu-item {
    position: relative;
}

#navigation .dropdown-menu-item ul {
    display: none;
    position: absolute;
    right: -100%;
    top: -180px;
}

.navigation-gradient-strip {
    height: 14px;
    position: absolute;
    background-color: orange;
    width: 100%;
    display: none;
}




/***************************** NAVIGATION **************************/

.nav-overlay {
    background: #000;
    position: fixed;
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    opacity: 0.75;
    display: none;
    z-index: 999;
}

.main-nav {
    height: 45px;
    background-color: #808283;
}

li.dropdown-menu-item.nav-has-children a:after {
    display: inline-block;
    content: '';
    position: absolute;
    right: 12px;
    margin: auto;
    top: 0;
    bottom: 0;
}

#main-nav {
    background-color: #808283;
    position: relative;
    z-index: 11111;
    display: none;
}

.sm {
    max-width: 1140px;
    margin: 0 auto;
    background-color: #808283;
    color: #000;
    width: 100%;
}

.sm.sm-simple {
    border: none;
    /* display: table; */
}

.sm a,
.sm.sm-simple a {
    color: #606164;
    font-size: 20px;
    font-weight: 600;
    /* border: 0 !important; */
    /* display: inline-block; */
}

.sm.sm-simple a:hover {
    font-weight: 600;
    `: #222f35
}

.sm.sm-simple > li {
    border: none;
    
    float: none;
    position: relative;
}

.sm.sm-simple > li > a {
    color: #fff;
    border: none;
    margin: 0 auto;
    
}

.sm.sm-simple > li > a:focus {
    color: #0e1d23;
    outline: none;a
}

.sm.sm-simple > li > a:hover {
    background-color: #dcdcdc;
    color: #222f35;
}

.sm.sm-simple > li > a.highlighted {
    background-color: #989b9c;
    color: #222f35;
}

.sm.sm-simple > li.nav-active-path > a {
    background-color: #dcdcdc;
    color: #222f35;
}

/* a.highlighted {
    background-color: #ddd !important;
} */

.sm.sm-simple > li li a {
    font-weight: 500;
    font-size: 19px;
    padding: 13px 40px 13px 25px;
    display: inline-flex;
    width: 100%;
}

.sm.sm-simple > li li a:hover,
.sm.sm-simple > li li a:focus,
.sm.sm-simple > li li a.highlighted {
    background-color: #dededf;
    outline: none;
    font-weight: 500;
    color: #0e1d23;
}


.sm.sm-simple > li li.nav-active-path > a {
    background-color: #dcdcdc;
    font-weight: 600;
    color: #0e1d23;
}


.sm-simple ul {
    border: none;
    background: white;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100% !important; /* we need important here because JS is putting styles on the element */
    max-width: none !important;
  }

.sm-simple ul ul {
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    
  }

.main-nav-mobile-bar,
.mean-container a.meanmenu-reveal {
    color: #fff;
    padding: 17px 1%;
    font-size: 24px;
    font-weight: 600;
    background-color: #666869;
    position: relative;
}

.no-js a.nav-has-children:after {
    display: inline-block;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
}

button.main-nav-mobile-bar-toggle-button {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 7px;
    right: 1%;
    border: none;
    /* background: none; */
    font-size: 0;
    background-color: transparent;
}

button.main-nav-mobile-bar-toggle-button:focus {
    outline: 2px dashed #fff;
}

.mobile-menu {
    display: none;
}

.main-nav-item-gradient-filler {
    height: 14px;
    display: block;
    background-color: orange;
    width: 100%;
    position: absolute;
    bottom: -14px;
}

.main-nav-item-gradient-filler {
    display: none;
}

li:nth-child(1n) .main-nav-item-gradient-filler {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f56d23+1,ffa81a+100 */
    background: #f56d23; /* Old browsers */
    background: -moz-linear-gradient(left,  #f56d23 1%, #ffa81a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #f56d23 1%,#ffa81a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #f56d23 1%,#ffa81a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f56d23', endColorstr='#ffa81a',GradientType=1 ); /* IE6-9 */
}

li:nth-child(2n) .main-nav-item-gradient-filler {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#308530+1,94a72a+100 */
background: #308530; /* Old browsers */
background: -moz-linear-gradient(left,  #308530 1%, #94a72a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #308530 1%,#94a72a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #308530 1%,#94a72a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#308530', endColorstr='#94a72a',GradientType=1 ); /* IE6-9 */

}

li:nth-child(3n) .main-nav-item-gradient-filler {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#014171+0,0096d5+100 */
background: #014171; /* Old browsers */
background: -moz-linear-gradient(left,  #014171 0%, #0096d5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #014171 0%,#0096d5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #014171 0%,#0096d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014171', endColorstr='#0096d5',GradientType=1 ); /* IE6-9 */

}


li:nth-child(4n) .main-nav-item-gradient-filler {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#77548f+0,a281b9+100 */
background: rgb(119,84,143); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(119,84,143,1) 0%, rgba(162,129,185,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(119,84,143,1) 0%,rgba(162,129,185,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(119,84,143,1) 0%,rgba(162,129,185,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77548f', endColorstr='#a281b9',GradientType=1 ); /* IE6-9 */

}


li:nth-child(5n) .main-nav-item-gradient-filler {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f46c22+0,ffc30d+100 */
background: #f46c22; /* Old browsers */
background: -moz-linear-gradient(left,  #f46c22 0%, #ffc30d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f46c22 0%,#ffc30d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f46c22 0%,#ffc30d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f46c22', endColorstr='#ffc30d',GradientType=1 ); /* IE6-9 */

}

.no-js .sm li {
    position: relative;
}

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

.no-js  li:hover > ul ul {
   position: absolute;
   left: 280px;
   top: 0;
}

.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;
}

/***************************** HOMEPAGE ****************************/


/* HOME NEWS */

h2.home-news {
    font-size: 21px;
    font-weight: 600;
    display: inline-block;
    margin-top: 0;
}

.home-page-section h1:before {
    width: 45px;
    height: 45px;
    background-color: #eb650b;
    display: block;
    content: '';
    position: absolute;
    left: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcb02+0,f47421+100 */
    background: #ffcb02;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #ffcb02 0%, #f47421 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #ffcb02 0%, #f47421 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #ffcb02 0%, #f47421 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffcb02', endColorstr='#f47421', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.home-news {
    margin-bottom: 5px;
}

a:hover .home-news {
    text-decoration: underline;
}

a:focus .home-news {
    outline: 2px dashed #fff;
}

a.link-button.arrow-right.homepage-news-button {
    margin-right: 0;
    background-color: #00436e;
}

a.link-button.arrow-right.homepage-news-button:visited {
    color: #fff;
}

.homepage-news-inner {
    padding: 20px 0;
}

[class*="col-"].heading-column {
    padding-right: 0;
    padding-left: 0;
}

[class*="col-"].share-this-column {
    padding-right: 0;
    padding-left: 0;
}



/* FEATURE BANNER */

.feature-banner-home-page-section .slider {
    width: 100%;
    overflow: hidden;
    margin-bottom: 0;
    /* height: auto; */
    /*     display: none; */
}

.feature-banner-home-page-section .slider-bg {
    background-color: #223435;
    height: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    padding: 10px 10px 43px 10px;
    box-sizing: border-box;
}

.slider-bg h2 {
    padding: 20px 200px 0 25px;
}

.flex-control-nav {
    width: auto;
    position: absolute;
    right: 50px;
    bottom: 8px;
    text-align: center;
}

a.flex-play,
a.flex-pause {
    /* background-color: green; */
    width: 24px;
}

.flex-pauseplay {
    display: inline-block;
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: block;
}

a.flex-pause,
a.flex-play {
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    /* background-color: green; */
    /* position: absolute; */
}

a.flex-play {
    /* background-color: blue; */
    /* position: absolute; */
}

a.flex-play:focus,
a.flex-pause:focus {
    background-color: transparent;
}

.home-page-section {
    padding: 40px 0;
}

.home-page-section:after {
    content: '';
    display: table;
    clear: both;
}

.home-page-section:nth-child(2n+1) {
    /* background-color: #f6f5f5; */
}

.home-page-section:nth-child(2n) {
    /* background-color: #00afdb; */
    /* color: #fff; */
}

.feature-banner-home-page-section {
    padding: 0;
    /* max-height: 425px; */
}

.home-page-section h1 {
    border: none;
    color: #787b80;
    padding: 0;
    margin-bottom: 30px;
    color: #222f35;
    position: relative;
    padding-left: 60px;
    line-height: 1;
    color: #707277;
    font-size: 40px;
    font-weight: bold;
    margin-top: 0;
}

h1.featured-banner-item-title:before {
    display: none;
}

h1.featured-banner-item-title {
    padding: 0;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 8px;
}

h1.featured-banner-item-title:before {
    display: none;
}

.featured-banner-item-title a {
    color: #fff;
    /* font-size: 40px; */
    text-decoration: none;
}

.featured-banner-short-description {
    color: #fff;
    font-size: 19px;
    font-size: 1.9rem;
    display: none;
}

.no-js .slides {
    height: 570px;
}

.slider .flexslider .slides > li {
    height: 200px;
}

.flex-control-paging li a:focus {
    outline: 2px dashed #fff;
    background-color: transparent;
}

.flex-viewport,
.flexslider .slides > li,
.slider {
    height: auto;
}

.flexslider .slides > li {
    margin-bottom: 0;
    padding: 0;
    /*     height: 180px; */
}

.no-js .flexslider {
    overflow: auto;
}

ul.flex-direction-nav {
    position: absolute;
    height: 0;
    width: 100%;
    margin: 0;
    top: 38%;
    bottom: 0;
    display: none;
}

ul.flex-direction-nav li {
    /* background-color: #000; */
    /*     width: 32px;
                    height: 55px; */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    float: left;
    position: relative;
    margin-bottom: 0;
    padding: 0;
    display: inline-block;
}

ul.flex-direction-nav li:first-child {}

ul.flex-direction-nav li:last-child {
    float: right;
}

.flex-direction-nav a {
    width: 100%;
    height: 100%;
    /* top: 0; */
    /* bottom: 0; */
    margin: auto;
    /* left: 0; */
    right: 0;
    opacity: 0.8;
    height: 51px;
    background-color: #171615;
    position: relative;
}

.flexslider .flex-prev,
.flexslider .flex-next {
    right: auto;
    left: auto;
    width: 51px;
    height: 72px;
    top: 0;
}

.flex-direction-nav a:hover,
.flex-direction-nav a:focus {
    outline: none;
    opacity: 1;
}

h1.featured-banner-item-title:before {
    display: none;
}

.flex-control-nav,
.flex-pauseplay {
    /*     display: none; */
}

.flex-pauseplay {
    /*     display: none; */
}

.flexslider .slides img {
    max-height: none;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: none;
    bottom: 0;
    margin: 0 auto;
    /* min-height: 100%; */
    /* max-width: 115%; */
    width: auto;
}

.flex-control-paging li a {
    opacity: 0.7;
}

.flex-control-paging li a:hover {
    opacity: 1;
}

a.flex-prev:focus,
a.flex-next:focus {
    outline: 2px dashed #808283;
    /* background-color: transparent; */
}

.no-js .feature-banner-home-page-section .slider {
    height: 550px
}


/***************************** HOMEPAGE - QUICKLINKS ****************************/

.quicklinks-home-page-section .homepage-section-heading {
    border: none;
    text-align: center;
    padding-left: 0;
    margin-bottom: 10px;
}

.quicklink {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
}

.quicklink:focus {
    outline: none;
    background-color: transparent;
}

.quicklink-icon {}

.quicklink-title {
    color: #787b80;
    font-size: 18px;
    font-weight: 600;
    font-size: 24px;
    line-height: 1;
    display: inline-block;
    height: auto;
    text-align: center;
    margin-top: 0;
}

.homepage-quicklink-item {
    text-align: center;
    /* margin-bottom: 40px; */
    height: 246px;
    padding-top: 25px;
}

.view-more-quicklinks-button-placeholder {
    text-align: center;
    display: none;
}

.view-more-quicklinks-button {
    background: none;
    border: none;
    cursor: pointer;
}

.quicklink-items:after {
    display: table;
    content: '';
    clear: both;
}

.quicklink-items {
    overflow: hidden;
    margin-bottom: 50px;
}

.flip-item {
    display: inline-block;
    width: 145px;
    height: 145px;
    margin-bottom: 15px;
}

.quicklink-icon {
    background-color: #fff;
}

.quicklink-blurb {
    background-color: #eb650b;
    color: #fff;
}

.quicklink-blurb-text {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /* width: 100%; */
    margin: 0 5px;
    text-align: center;
}

.quicklink-blurb-orange-background {
    background-color: #eb650b;
}

.quicklink-blurb-blue-background {
    background-color: #00436e;
}

.quicklink-blurb-green-background {
    background-color: #2f8432;
}

.quicklink-blurb-purple-background {
    background-color: #77548F;
}



.card {
    perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    /* margin:80px 150px; */
    width: 145px;
    height: 145px;
    vertical-align: top;
    /* position:absolute; */
    display: block;
    /* font-size:25px; */
    font-weight: bold;
    /* margin-bottom: 20px; */
    margin: 0 auto;
    margin-bottom: 15px;
}

.card .card-content {
    transition: 0.4s ease-out;
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    -ms-transition: 0.4s ease-out;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    /* content backface is visible so that static content still appears */
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -o-backface-visibility: visible;
    -ms-backface-visibility: visible;
    /* border: 1px solid grey; */
    border-radius: 15px;
    position: relative;
    width: 100%;
    height: 100%;
}

.quicklink:focus .card .card-content,
.card.applyflip .card-content {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
}

.card .card-content .cardStatic {
    /* Half way through the card flip, rotate static content to 0 degrees */
    transition: 0s linear 0.17s;
    -webkit-transition: 0s linear 0.17s;
    -moz-transition: 0s linear 0.17s;
    -o-transition: 0s linear 0.17s;
    -ms-transition: 0s linear 0.17s;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    line-height: 100px;
}

.quicklink:focus .card .card-content .cardStatic,
.card.applyflip .card-content .cardStatic {
    /* Half way through the card flip, rotate static content to -180 degrees -- to negate the flip and unmirror the static content */
    transition: 0s linear 0.17s;
    -webkit-transition: 0s linear 0.17s;
    -moz-transition: 0s linear 0.17s;
    -o-transition: 0s linear 0.17s;
    -ms-transition: 0s linear 0.17s;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
}

.card .card-content .card-front {
    /* background-color: skyblue; */
    color: tomato;
}

.card .card-content .card-back {
    /* background-color: tomato; */
    /* color: skyblue; */
}

.card .card-content .card-front,
.card .card-content .card-back {
    /* Backface visibility works great for all but IE. As such, we mark the backface visible in IE and manage visibility ourselves */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    /* line-height:200px; */
    /* border-radius: 14px; */
}

.card .card-content .card-front,
.card.applyflip .card-content .card-front,
.quicklink:focus .card .card-content .card-front {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
}

.card .card-content .card-back,
.card.applyflip .card-content .card-back,
.quicklink:focus .card .card-content .card-back {
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
}

.card .card-content .card-front,
.card.applyflip .card-content .card-back {
    /* IE Hack. Halfway through the card flip, set visibility. Keep other browsers visible throughout the card flip. */
    animation: stayvisible 0.5s both;
    -webkit-animation: stayvisible 0.5s both;
    -moz-animation: stayvisible 0.5s both;
    -o-animation: stayvisible 0.5s both;
    -ms-animation: donothing 0.5s;
    -ms-transition: visibility 0s linear 0.17s;
    visibility: visible;
}

.card.applyflip .card-content .card-front,
.card .card-content .card-back,
.quicklink:focus .card .card-content .card-front {
    /* IE Hack. Halfway through the card flip, set visibility. Keep other browsers visible throughout the card flip. */
    animation: stayvisible 0.5s both;
    -webkit-animation: stayvisible 0.5s both;
    -moz-animation: stayvisible 0.5s both;
    -o-animation: stayvisible 0.5s both;
    -ms-animation: donothing 0.5s;
    -ms-transition: visibility 0s linear 0.17s;
    visibility: hidden;
}

@keyframes stayvisible {
    from {
        visibility: visible;
    }
    to {
        visibility: visible;
    }
}

@-webkit-keyframes stayvisible {
    from {
        visibility: visible;
    }
    to {
        visibility: visible;
    }
}

@-moz-keyframes stayvisible {
    from {
        visibility: visible;
    }
    to {
        visibility: visible;
    }
}

@-o-keyframes stayvisible {
    from {
        visibility: visible;
    }
    to {
        visibility: visible;
    }
}

@-ms-keyframes donothing {
    0% {}
    100% {}
}

.card-back {
    -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.16);
}

.quicklinks-home-page-section h1:before {
    display: none;
}

.quicklink-icon:before {
    width: 115px;
    height: 115px;
    background-color: #eeeeef;
}

.quicklink-icon:before {
    content: "";
    display: inline-block;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.view-more-quicklinks-button {
    color: #787b80;
    font-size: 20px;
}

.view-more-quicklinks-button:hover,
.view-more-quicklinks-button:focus {
    outline: none;
}

.view-more-quicklinks-button:focus {
    outline: 2px dashed #787b80;
}

.view-more-quicklinks-button:hover .view-more-quicklinks-text,
.view-more-quicklinks-button:focus .view-more-quicklinks-text {
    text-decoration: none;
    outline: none;
}

.view-more-quicklinks-text {
    text-decoration: underline;
    margin-right: 10px;
}

.view-more-quicklinks-icon:before {
    display: inline-block;
    content: "";
}


/***************************** HOMEPAGE - SPOTLIGHT AND NEWS ****************************/

.spotlight-and-news-home-page-section {
    padding: 0;
}

.homepage-news-item-abstract {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 500;
    text-decoration: none;
}

a.homepage-news-item-link .homepage-news-item-abstract:hover,
a.homepage-news-item-link .homepage-news-item-abstract:focus {
    text-decoration: none;
}

a:hover .homepage-news-item-abstract {
    text-decoration: none;
}


/***************************** HOMEPAGE - SPOTLIGHT ****************************/

.homepage-spotlight {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 20px;
}

.spotlight-image-placeholder {
    margin-bottom: 0;
    position: relative;
}

.spotlight-image {
    width: 100%;
    position: relative;
    float: left;
}

.homepage-spotlight-item a {
    text-decoration: none;
    /* color: #fff; */
    display: inline-block;
    width: 100%;
    /* padding-top: 20px; */
    /* padding-bottom: 20px; */
    /* min-width: 70%; */
}

.homepage-spotlight-item a:hover .homepage-section-heading,
.homepage-spotlight-item a:focus .homepage-section-heading {
    text-decoration: none;
}

.homepage-spotlight-item a:hover,
.homepage-spotlight-item a:focus,
a:hover .spotlight-article-content-title,
a:focus .spotlight-article-content-title {
    text-decoration: none;
}

.homepage-spotlight-item a:focus {
    outline: 2px dashed #808283;
}

a.homepage-spotlight-section-link:focus {
    outline: 2px dashed #fff;
    outline-offset: -2px;
}

.homepage-section-link {
    padding-top: 0;
    /* position: absolute; */
    /* height: 20%; */
    margin-bottom: 0;
    padding-bottom: 0;
    box-sizing: border-box;
}

.homepage-spotlight-item button {
    cursor: pointer;
}

h1.spotlight-homepage-section-heading:before {
    display: none;
}

h1.spotlight-homepage-section-heading {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0;
    color: #fff;
    line-height: 1;
    margin-bottom: 21px;
    margin-top: 20px;
}

.spotlight-article-content {
    padding: 0 10px;
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    padding-bottom: 40px;
    padding-top: 20px;
}

.spotlight-article-content-title {
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: 600;
    margin-top: 0;
}

.homepage-spotlight-item {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#715797+0,a183ba+100 */
    background: #715797;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #715797 0%, #a183ba 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #715797 0%, #a183ba 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #715797 0%, #a183ba 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#715797', endColorstr='#a183ba', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    /* padding-top: 20px; */
    min-height: 485px;
    position: relative;
}

h1.spotlight-homepage-section-heading {
    /* margin-bottom: 0; */
}

.spotlight-article-link:hover .hover-focus-overlay,
.spotlight-article-link:focus .hover-focus-overlay {
    display: block;
}

.spotlight-article-link:hover,
.spotlight-article-link:focus,
.homepage-section-link:hover,
.homepage-section-link:focus {
    background-color: rgba(26, 21, 32, 0.49);
}

.homepage-spotlight-item a.spotlight-article-link {
    margin-bottom: 0;
    padding-bottom: 0;
    /* position: absolute; */
    width: 100%;
    bottom: 0;
    /* height: 83%; */
}

.homepage-spotlight-item a.spotlight-article-link:focus {
    outline-offset: 
}

.spotlight-image-placeholder:after {
    clear: both;
    display: table;
    content: '';
}


/***************************** HOMEPAGE - NEWS ****************************/

.homepage-news-item-link {
    color: #fff;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 600;
}

.homepage-news-item-link {
    text-decoration: none;
    display: inline-block;
    width: 100%;
}

.homepage-news-item-link:focus {
    background-color: transparent;
}

.homepage-news-item-link:visited {
    color: #fff;
}

a.homepage-news-item-link:focus {
    text-decoration: none;
    outline: none;
    color: #fff;
}

.homepage-news-item {
    margin-bottom: 15px;
    border-bottom: 1px solid #898989;
    padding: 0;
    padding-bottom: 20px;
    list-style-type: none;
}

.homepage-news-item .timestamp {
    color: #fff;
    display: none;
}

.homepage-news a.link-button {
    background-color: #00436e;
}

.homepage-news a.link-button:hover,
.homepage-news a.link-button:focus {
    background-color: #003454;
}

.homepage-news {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003a63+0,028ac8+100 */
    background: #003a63;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #003a63 0%, #028ac8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #003a63 0%, #028ac8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #003a63 0%, #028ac8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#003a63', endColorstr='#028ac8', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    padding: 20px 10px;
    font-size: 17px;
    height: 100%;
    /* position: absolute; */
    /* top: 0; */
    /* right: 0; */
    /* min-height: 489px; */
}

h1.homepage-news-section-heading {
    color: #fff;
    padding-left: 0;
    border-bottom: 1px solid #898989;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

h1.homepage-news-section-heading:before {
    display: none;
}

ul.homepage-news-items {
    padding: 0;
    margin: 0;
}


/***************************** HOMEPAGE - EVENTS ****************************/

.homepage-event-item-icon-placeholder.event-green-theme {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7aaa2b+0,b4d11b+100 */
    background: #7aaa2b;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #7aaa2b 0%, #b4d11b 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #7aaa2b 0%, #b4d11b 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #7aaa2b 0%, #b4d11b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7aaa2b', endColorstr='#b4d11b', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.homepage-event-item-icon-placeholder.event-blue-theme {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00598a+0,0891d1+100 */
    background: #00598a;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #00598a 0%, #0891d1 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #00598a 0%, #0891d1 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #00598a 0%, #0891d1 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00598a', endColorstr='#0891d1', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.homepage-event-item-icon-placeholder.event-pink-theme {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d5696+0,9e82bb+100 */
    background: #6d5696;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #6d5696 0%, #9e82bb 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #6d5696 0%, #9e82bb 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #6d5696 0%, #9e82bb 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6d5696', endColorstr='#9e82bb', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.homepage-event-item-icon-placeholder.event-red-theme {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a9190d+0,de610f+100 */
    background: #a9190d;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #a9190d 0%, #de610f 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #a9190d 0%, #de610f 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #a9190d 0%, #de610f 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a9190d', endColorstr='#de610f', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.homepage-event-item-link {
    background-color: #fff;
    display: inline-block;
    text-decoration: none;
}

.homepage-event-item-link:hover,
.homepage-event-item-link:focus {
    text-decoration: none;
    background-color: #e5e5e5;
    outline: none;
}

.homepage-event-item-link:focus {
    text-decoration: none;
    outline: 2px dashed #fff
}

.homepage-event-item-link:focus .homepage-event-item-title {
    text-decoration: none;
}

.homepage-event-item-header {
    /* float: left; */
    display: inline-block;
    width: 100%;
}

.homepage-event-item-title {
    font-size: 29px;
    color: #0d1a22;
    margin-bottom: 20px;
    font-weight: 600;
}


/* a:hover .homepage-event-item-title,
                a:focus .homepage-event-item-title {
                    text-decoration: underline;
                } */

.homepage-event-item-body {
    float: left;
    padding: 20px 10px;
    min-height: 215px;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.3;
    font-size: 1.9rem;
}

.homepage-event-item-date {
    float: left;
    width: 35%;
    height: 135px;
    color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f36d21+1,ffca02+100 */
    background-color: #eb650b;
    padding: 0;
    text-align: center;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 1.2;
    position: relative;
}

.homepage-event-item-icon-placeholder {
    float: right;
    width: 65%;
    height: 135px;
}

.homepage-event-item-icon-placeholder {
    text-align: center;
}

.event-item-icon {
    margin: auto;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
}

.homepage-event-item-icon-placeholder {
    position: relative;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00598a+0,0891d1+100 */
    background: #00598a;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #00598a 0%, #0891d1 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #00598a 0%, #0891d1 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #00598a 0%, #0891d1 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00598a', endColorstr='#0891d1', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.homepage-event-item {
    margin-bottom: 20px;
}

[class*="col-"].homepage-event-item {
    padding-left: 0;
}

.homepage-event-item {
    padding-left: 0;
    padding-right: 0;
}

.homepage-event-item:last-child {
    padding-right: 0;
}

h1.homepage-events-section-heading {
    color: #222f35;
}

.event-date-label {
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 0.9;
    font-weight: 700;
    position: absolute;
    left: 0;
    /* top: 0; */
}

.event-month-day {
    font-size: 57px;
    font-size: 5.7rem;
    font-weight: 700;
    top: 42px;
}

.event-week-day {
    /* padding-top: 9px; */
    /* position: absolute; */
}

.homepage-event-item-abstract {
    color: #0e1d23;
    font-weight: 600;
}

.homepage-events {
    display: inline-block;
}

li.homepage-event-item {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

ul.homepage-events {
    margin-left: 0;
    margin-bottom: 0;
}

.event-month {
    bottom: 12px;
}

.event-week-day {
    top: 14px;
}

/***************************** GENERAL - HAVE YOUR SAY RHC WIDGET ******************/
.hys-rhc-widget {
	float:left;
	margin-bottom: 20px;
}
.hys-rhc-widget .have-your-say-item-link {
	width:100%;
}
.hys-rhc-widget .homepage-have-your-say-page-image-placeholder {
	width:100%;
	height:auto;
}
.hys-rhc-widget .homepage-have-your-say-item-body {
	padding-top:0px;
}


/***************************** HOMEPAGE - HAVE YOUR SAY ****************************/

li.homepage-have-your-say-item {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-bottom: 20px;
}

ul.homepage-have-your-say-items {
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
    /* margin-bottom: 10px; */
}

.have-your-say-body-content {
    padding: 10px 10px;
    margin-bottom: 20px;
    background: rgba(58, 58, 58, 0.48);
}

.have-your-say-body-content {
    font-size: 19px;
    font-size: 1.9rem;
}

.have-your-say-home-page-section,
.have-your-say-home-page-section h1,
.have-your-say-home-page-section a {
    color: #fff;
}

a.have-your-say-item-link {
    color: #0e1d23;
    text-decoration: none;
    display: inline-block;
    position: relative;
    height: 100%; /* DESK-6328 */
}

a.have-your-say-item-link:hover,
a.have-your-say-item-link:focus {
    background-color: #e5e5e5;
}

a.have-your-say-item-link:focus {
    outline: 2px dashed #59A1D8;
}

.hover-focus-overlay {
    position: absolute;
    background-color: #2c2c2c;
    opacity: 0.45;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1;
}

a:hover .hover-focus-overlay,
a:focus .hover-focus-overlay {
    display: block;
}

a.have-your-say-item-link:hover .hover-focus-overlay,
a.have-your-say-item-link:focus .hover-focus-overlay {
    display: block;
}

.homepage-have-your-say-page-image-placeholder {
    position: relative;
}

.homepage-have-your-say-page-image-placeholder:after {
    clear: both;
    content: "";
    display: table;
}

.homepage-have-your-say-page-image-placeholder img {
    width: 100%;
    float: left;
}

.homepage-have-your-say-item {
    background-color: #fff;
    color: #0e1d23;
    margin-bottom: 20px;
}

.homepage-have-your-say-item-body {
    padding: 15px 10px;
}

a.link-button.arrow-right.homepage-have-your-say-link {
    background-color: #eb650b;
}

a.link-button.arrow-right.homepage-have-your-say-link:hover {
    background-color: #d15a0a;
}

a.link-button.arrow-right.homepage-have-your-say-link:focus {
    outline: 2px dashed #A99E91;
}

.have-your-say-homepage-title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0;
}

.homepage-have-your-say-short-description {
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: 600;
}

a.link-button.arrow-right:focus {
    outline: 2px dashed #fff;
}


/***************************** PAGE CONTROLS ****************************/

.page-controls {
    width: 100%;
    background: #003357;
    padding: 12px 0;
    font-size: 12px;
}

.page-controls a,
header p a {
    color: #ffffff;
}

.page-controls a,
.controls a {
    text-decoration: none;
    margin-left: 12px;
}

.page-controls a:hover,
.controls a:hover {
    text-decoration: none;
}


/******************************** FOOTER  ********************************/

.footer h1,
.footer h2,
.footer h3,
.footer h4 {
    color: #7c7f80;
}

footer {
    background: none;
}

.footer {
    padding: 40px 0;
    background-color: #222f35;
    min-height: 400px;
    margin-bottom: 0 !important;
    /* color: #808283; */
    font-size: 17px;
    line-height: 1.3;
}

.footer-section {
    margin-bottom: 25px;
    /* padding: 0; */
}

.footer-connect-section .footer-section-content-item {
    /* margin-bottom: 15px; */
}

.footer-section-content-item {
    margin-bottom: 15px;
    min-height: 35px;
}

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

.footer-section-heading {
    font-size: 32px;
    font-weight: bold;
    border-bottom: 1px solid #4c5458;
    line-height: 1;
    padding: 0 10px 15px 10px;
    margin-top: 0;
}

.business-unit-link {
    /* background-color: #808283; */
    width: 100%;
    display: inline-block;
    min-height: 55px;
    opacity: 0.5;
    text-align: center;
}

.business-unit-link:hover,
.business-unit-link:focus {
    opacity: 1;
}

.business-unit-link:focus {
    outline: 2px dashed #fff;
}

.footer-section-content {
    padding: 0 10px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.footer-business-units-section-content {
    padding: 0;
}

.footer-link {
    text-decoration: none;
    position: relative;
    /* padding-top: 5px; */
    /* padding-left: 50px; */
    display: inline-block;
    padding-bottom: 6px;
    padding-right: 2px;
}

.footer-link:hover {
    text-decoration: underline;
}

.footer-link:focus {
    outline: 2px dashed #fff;
}


.footer-connect-link-text {
    padding-top: 5px;
    float: left;
}

/* DESK-6328 */
a:hover .footer-connect-link-text {
    text-decoration: underline;
}
/* DESK-6328 */

.footer-secondary,
.footer-secondary a {
    color: #a0a1a2;
    font-size: 17px;
    text-align: center;
}

.footer-social-icon {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
}

.footer-social-link-text {
    margin-left: 50px;
    line-height: 1.3;
    padding-top: 5px;
    display: inline-block;
    float: left;
}

a:hover .footer-social-link-text,
a:focus .footer-social-link-text {
    /* outline: 2px dashed #fff; */
}

a:hover .footer-social-link-text {
    text-decoration: underline;
}


/************************* FOOTER - BUSINESS UNITS *************************/

.business-unit-section-item {
    /* background-color: green; */
    min-height: 50px;
    margin-bottom: 25px;
    padding-top: 30px;
    text-align: center;
}

.footer-business-units-section {
    border-top: 1px solid #4c5458;
    border-bottom: 1px solid #4c5458;
}


/* BACK TO TOP */

.business-unit-icon-small {
    display: none;
}

.business-unit-icon {
    display: inline-block;
}

.back-to-top-container {
    position: fixed;
    bottom: -70px;
    z-index: 10;
}

.back-to-top-button {
    width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    position: relative;
}

.back-to-top-button:hover,
.back-to-top-button:focus {
    opacity: 0.75;
}

.back-to-top-button:focus {
    outline: 2px dashed #fff;
}

.back-to-top-button:active {
    opacity: 0.90;
}

.no-js .back-to-top-button {
    width: 110px;
    height: 71px;
    padding-top: 0;
    color: #fff;
}

.back-to-top-text {
    display: none;
}

.no-js .back-to-top-text,
.no-js .icon-back-to-top-chevron {
    display: inline-block;
    margin: 0 auto;
}

.no-js .back-to-top-text {
    display: block;
    text-align: center;
    box-sizing: border-box;
    margin-top: 40px;
    position: absolute;
    width: 100%;
}

.no-js .back-to-top-container {
    position: static;
    padding-bottom: 40px;
    text-align: center;
}

.icon.icon-back-to-top-chevron {
    float: none;
    margin: 0;
    margin: 0;
    display: inline-block;
    background-color: #000;
    border-radius: 4px;
    /* padding-top: 11px; */
    opacity: 0.4;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.no-js .icon.icon-back-to-top-chevron {
    /* opacity: 1; */
}

.no-js .icon.icon-back-to-top-chevron {
    width: 100%;
    height: 100%;
}

.icon.icon-back-to-top-chevron:before {
    margin-right: 0;
    margin: 0;
    display: block;
    content: "";
    position: absolute;
    top: 19px;
    bottom: 0;
    left: 21px;
    right: 0;
}

.no-js .icon.icon-back-to-top-chevron:before {
    margin: auto;
    top: 10px;
    bottom: auto;
    left: 0;
    right: 0;
}

.no-js a.back-to-top-button:focus,
a.back-to-top-button:visited,
a.back-to-top-button:focus,
a.back-to-top-button:hover,
.no-js a.back-to-top-button:hover {
    border: none;
    background-color: transparent;
    background: none;
    outline: none;
}

a.back-to-top-button:focus {
    outline: 2px dashed #fff;
}

.no-js a.back-to-top-button:focus {
    outline: 2px dashed #7c7f80;
    text-decoration: none;
}

.back-to-top-container.no-js-element {
    display: none;
}

.back-to-top-container.js-element {
    display: block;
}

.no-js .back-to-top-container.no-js-element {
    display: block;
    margin-top: 40px;
}

.no-js .back-to-top-container.js-element {
    display: none;
}


/* LANDING PAGE */

.landing-page-item {
    list-style-type: none;
    margin-bottom: 20px;
}

.landing-page-item-body {
    font-size: 17px;
    font-size: 1.7rem;
    padding: 30px 5px;
}

.landing-pages {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    margin-left: -1%;
    margin-right: -1%;
}

.landing-page-main-image {
    margin-bottom: 20px;
    overflow: hidden;
    /* display: inline-block; */
}

.landing-page-main-image img {
    max-width: 130%;
    display: block;
    margin-left: -15%
}

h2.landing-page-item-heading {
    font-size: 21px;
    font-size: 2.1rem;
    text-decoration: none;
    font-weight: 600;
    margin-top: 0;
}

a:hover .landing-page-item-heading,
a:focus .landing-page-item-heading {
    text-decoration: underline;
}

a.deliveredstyle {
    background: #edffed url(http://www.pmhc.nsw.gov.au/files/assets/public/icons/landing/delivered_icon.png) no-repeat right bottom !important;
}

a.inprogressstyle {
    background: #ffeded url(http://www.pmhc.nsw.gov.au/files/assets/public/icons/landing/inprogress_icon.png) no-repeat right bottom !important;
}

a.futurestyle {
    background: #ededff url(http://www.pmhc.nsw.gov.au/files/assets/public/icons/landing/future_icon.png) no-repeat right bottom !important;
}


a.landing-page-item-heading-link {
    text-decoration: none;
    color: #0e1d23;
    font-weight: 500;
}


[class*="col-"].landing-page-item {
    padding-right: 1%;
    padding-left: 1%;
}

a.landing-page-item-heading-link {
    background-color: #ededed;
    display: inline-block;
    width: 100%;
}

a.landing-page-item-heading-link:hover,
a.landing-page-item-heading-link:focus {
    background-color: #fafafa;
}

a.landing-page-item-heading-link:focus {
    outline: 2px dashed #7c7f80;
}


/* BREADCRUMBS */

.breadcrumbs-container {
    background-color: #ededed;
    padding: 15px 0;
    margin-bottom: 20px;
    margin-top: 0;
    line-height: 1.5;
}

.breadcrumbs-container a {
    font-weight: 700;
    line-height: 1;
    color: #0e1d23;
}

.breadcrumbs-container a:focus {
    outline: 2px dashed #7c7f80;
}

.breadcrumbs-container a:visited {
    color: #0e1d23;
}

.landscape-image-column {
    padding: 0 1%;
}

.breadcrumbs-container .separator {
    margin: 0 5px
}


/* LISTING */

.listing .item-list li {
    margin-bottom: 0;
    padding: 0;
    border: 0;
    margin-bottom: 20px;
    position: relative;
}

a.listing-item-link {
    background-color: #ededed;
    display: inline-block;
    text-decoration: none;
    padding: 20px 5px 0 5px;
    font-size: 17px;
    font-size: 1.7rem;
    width: 100%;
    box-sizing: border-box;
    color: #0e1d23;
}

.listing-item-link:focus,
.listing-item-link:hover {
    background-color: #fafafa;
}

.listing-item-link:focus {
    outline: 2px dashed #818284;
}

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

.general-listing-item .link-icon {
    position: absolute;
    top: 24px;
    /* left: 5px; */
    z-index: 1;
}

.listing-item-title {
    color: #0c1e22;
    font-size: 26px;
    font-weight: 600;
    font-size: 2.6rem;
    margin-top: 0;
    margin-bottom: 15px;
}

a:hover .listing-item-title,
a:focus .listing-item-title {
    text-decoration: underline;
}

.listing-item-title .ctNews
{   float: left;
    width: 65px;
    height: 55px;
    background-image: url("/files/assets/public/icons/news-1.png");
    background-repeat: no-repeat;
}

.listing-search-form {
    color: #000;
}

.listing-search-form-inner {
    /* padding: 20px; */
    background-color: #f1d1ba;
}

.listing-search-form-header {
    padding: 20px 5px;
    background-color: #eb660b;
}

.listing-search-form-heading {
    font-size: 30px;
    font-size: 3rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0;
}

.listing-search-form-body {
    padding: 20px 5px 25px 5px;
}

.input-label label {
    font-size: 20px;
    font-weight: 700;
    font-size: 2rem;
    color: #000;
}

.input-label {
    margin-bottom: 5px;
}

.input-container {
    margin-bottom: 25px;
}

.input-container:last-child {
    margin-bottom: 0;
}

.input-element input[type="text"] {
    height: 58px;
    padding: 0;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 5px;
}

input:focus,
select:focus {
    outline: none;
    outline: 2px dashed #808283;
}

select {
    padding: 0;
    height: 58px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    /* border: none; */
    border-radius: 0;
}

input[type="submit"] {
    font-size: 20px;
    background-color: #eb660b;
    color: #fff;
    width: auto;
    border-radius: 3px;
    padding: 0 35px;
    height: 50px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.51);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.51);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.51);
    font-weight: 600;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: #d15a0a;
}

.timestamp {
    color: #606467;
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 20px;
}

.listing-item .timestamp:before {
    display: none;
}

.timestamp:before {
    clear: both;
    content: '';
    display: table;
}

p.listing-item-abstract {
    margin: 0;
}

.listing-grid {
    margin-bottom: 20px;
    margin-top: 30px;
}

.listing-item-image {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px
}

.listing-item-main-body-content {
    margin-bottom: 20px;
}

.listing-item-main-body-content li {
list-style-type: disc!important;
margin-bottom:11px!important;
}

/* PAGINATION */

.seamless-pagination input[type="submit"] {
    background-color: #818284;
    border-radius: 0;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 600 -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

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

.seamless-pagination input[type="submit"]:focus {
    outline: 2px dashed #818284;
}

.light-theme a,
.light-theme span {
    background-color: #818284;
    border-radius: 0;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-right: 4px;
}

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

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

.light-theme .current {
    background-color: #fff;
    color: #0e1d23;
}

.light-theme .ellipse {
    background-color: #818284;
}

a.page-link.prev,
a.page-link.next {
    width: 60px;
}

.simple-pagination li {
    padding-top: 2px;
    padding-bottom: 2px;
}

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

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

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

.seamless-pagination {
    margin-top: 0;
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}

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

html body .RadInput_Default .riTextBox,
html body .RadInputMgr_Default {
    color: #0e1d23 !important;
    font-family: 'Source Sans Pro' !important;
    font-size: 19px !important;
}

.RadPicker.RadPicker_Default.sys-gen-raddatepicker {
    width: 150px !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: 20px;
    height: 51px;
    width: auto;
}

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


/* GENERAL PAGE */

h1.related-links-heading {
    margin-top: 0;
}

a.document {
    position: relative;
    /* margin-left: 5px; */
    margin-right: 5px;
}

.related-link-item a:before,
a.document:before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
}

.link-icon {
    position: relative;
    /* float: left; */
    margin-top: 2px;
    margin-left: 7px;
    width: 20px;
    display: inline-block;
    height: 17px;
}

.link-icon:before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
}

.related-link-item .link-icon {
    margin-left: 0;
    /* margin-right: 7px; */
    position: absolute;
    left: 0px;
    top: 0;
}

a.document:before {
    display: none;
}

.web-link-icon {
    float: left;
}

.document ~ .web-link-icon {
    display: none;
}

.general-full-width-page-main-image {
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
    height: 130px;
    width: 100%;
}

.general-full-width-page-main-image img {
    max-width: 140%;
}

.landscapeimagelabel, .pageimagelabel {
    font-size: 12px;
    color: #808385;
    float: right;
    margin-bottom: 17px;
    margin-top: -20px;
}

.pageimagelabel {
    float: left;
    clear: left;
    width:45%;
    margin-right:30px;
}


.related-links {
    margin-bottom: 20px;
    display: inline-block;
    width:  100%;
    box-sizing: border-box;
}

.related-links:before {
    clear: both;
    display: table;
    content: "";
}

aside.in-this-section {
    padding: 20px 5px;
    margin-bottom: 20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003a63+0,028ac8+100 */
    background: #003a63;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #003a63 0%, #028ac8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #003a63 0%, #028ac8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #003a63 0%, #028ac8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#003a63', endColorstr='#028ac8', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    padding: 20px 10px;
}

aside.in-this-section.nav-children-1 {
    display: none;
}

[class*="col-"].main-column.full-width-page-main-column {
        padding-left: 1%;
        padding-right: 1%;
    }
    
[class*="col-"].default-page-main-column {
    padding: 0 1%;
}

h1.in-this-section-heading {
    margin-top: 0;
}

.side-navigation-placeholder.small {
    display: block;
}

.side-navigation-placeholder.large {
    display: none;    
}

.general-page-side-column {
    display: none;
}

#feedbackForm .feedbackInner {
    color: #000;
}

.general-pmhc-full-width-page {
    margin-bottom: 20px;
}

.general-pmhc-default-page {
    margin-bottom: 20px;
}

/* SHARE THIS */

.fb-share-button {
    height: 50px;
    display: inline-block;
    width: 50px;
    background-color: green;
}

.share-this-item-link {
    /* background-color: #f7941d; */
    width: 57px;
    height: 57px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 3px;
}

.share-this-item-link:hover,
.share-this-item-link:focus {
    /* background-color: #de831b; */
}

.share-this-item {
    float: left;
    list-style-type: none;
    margin-right: 6px;
    margin-bottom: 0;
    padding: 0;
    display: inline-block;
    line-height: 0;
}

.share-this-item:last-child {
    margin-right: 0;
}

.share-this-items {
    margin: 0;
    padding: 0;
    display: inline-block;
    float: left;
}

.share-this-container,
.view-media-container {
    display: inline-block;
    background-color: #ededed;
    padding: 17px 5px;
    vertical-align: middle;
    float: left;
    /* margin-bottom: 20px; */
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 25px;
}

.share-this-inner-container {
    float: right;
}

.general-pmhc-default-page .share-this-container {
    margin-bottom: 20px;
    margin-top: 20px;
}

.view-media-container {
    display: none;
    padding: 17px 5px;
}

.view-media-inner-container {
    float: right;
    height: 58px;
}

.no-js .view-media-inner-container {
    float: none;
}

.general-page-side-column .view-media-container {
    display: none;
}

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

.view-media-items {
    padding: 0;
    margin: 0;
    display: inline-flex;
}

.view-media-item {
    float: left;
    list-style-type: none;
    padding: 2px;
    margin: 0;
    margin-left: 2px;
}

.no-js .view-media-item {
    margin: 0;
    padding: 0;
}

.no-js .view-media-item {
    float: none;
    display: block;
}

.no-js .video-media-item,
.no-js .youtube-media-item {
    display: none;
}


.view-media-item:last-child a {
    padding-right: 0;
    margin: 0;
    float:left;
    height:180px

}
.view-media-item .vid-overlay {
background: url(/files/templates/00000000-0000-0000-0000-000000000000/05cdd451-14f7-40ec-a2cd-9b941f11e413/vid2.png) no-repeat;
    position: absolute;
    width: 80px;
    height: 56px;
    margin-top: -136px;
    cursor: pointer;
    margin-left: 130px;
    z-index: 1102;
    display: block;
}

.gallery-media-item {
    padding: 0;
}

a.view-media-item-link {
    display: block;
}

a.js-image-with-description:first-of-type:focus {
    outline: 2px dashed #808283;
}
.youtube-video-media-item-link.data-lity,
.youtube-video-media-item-link.data-lity:hover,
.youtube-video-media-item-link.data-lity:focus,
.youtube-video-media-item-link,
.youtube-video-media-item-link:hover,
.youtube-video-media-item-link:hover:focus {
    width: 56px;
    height: 56px;
}





.youtube-video-media-item-link:hover,
.youtube-video-media-item-link:focus {
    width: 56px;
    height: 56px;   
}

.flowplayer.lity-hide {
    /* width: 500px; */
    /* height: auto; */
    display: none;
}

.flowplayer .fp-engine, .flowplayer .fp-ui, .flowplayer .fp-message {
    padding-bottom: 22px;

}

.flowplayer {
    width: 300px !important;
}

.events-page-share-this-column .share-this-container,
.general-page-side-column .share-this-container {
    float: none;
    width: 100%;
}

.share-this-column {
    padding-right: 0;
    /* padding-left: 0; */
}

.full-width-page-share-this-column {
    padding-right: 0;
    padding-left: 0;
}


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

.share-this-label {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    float: left;
    /* margin-top: 18px; */
    margin-right:25px;
    margin-bottom: 10px;
}

.news-page .share-this-label,
.general-pmhc-default-page .share-this-label,
.full-width-page-main-column .share-this-label {
    margin-top: 17px;
}

.event-page-side-column .share-this-label {
    margin-top: 0;
}

.page-title-column {
        padding-left: 0;
        display: table;
        min-height: 91px;
        height: 91px;
    }

.full-width-page-title-column {
    padding-left:0;
}

/* NEWS DETAILS PAGE */

.full-width-page-header {
    display: block;
    width: 100%;
}

.news-detail-image {
    margin-right: 20px;
    margin-bottom: 20px;
    max-width: 100%;
    width: 50%;
}

.main-column p:first-of-type {
    margin-top: 0;
}

/* EVENT DETAILS */

.event-snapshot-time-heading,
.event-snapshot-place-heading,
.event-cost-heading,
.event-contact-details-heading {
    margin-top: 0;
    font-size: 19px;
    border-bottom: 1px solid #898989;
    padding-bottom:5px;
}

.gmap {
    width: 100%;
}

.gmap-target img {
    width: 100%;
}


/*  UGC FORM */

.ugc-form-heading {
    background-color: #2f8431;
    color: #fff;
    min-height: 41px;
    margin-bottom: 0;
    padding: 5px 123px 7px 5px;
    font-size: 30px;
    font-size: 3rem;
    margin-top: 0;
}

.ugc-form-placeholder {
    background: #ededed;
    box-sizing: border-box;
    /* display: block; */
    /* margin-top: 25px; */
    margin-bottom: 20px;
}



.ugc-form-body-content,
.form_container,
.button-wrap {
    padding: 15px 5px 20px 5px;
    font-size: 17px;
    font-size: 1.7rem;
}

.button-wrap {
    background: #ededed;
    margin-top: 0;
}

.ugc-form-body-content:after,
.form_container:after {
    clear: both;
    content: "";
    display: table;
}

.ugc-form-body-content .field,
.form_container .field {
    margin-bottom: 30px;
    font-size: 17px;
    font-size: 1.7rem;
    /* DESK-3563 width:465px; */
}

.button-wrap input[type="submit"],
.ugc-form-body-content input[type="submit"],
.form_container input[type="submit"] {
    margin-right: 8px;
    background-color: #2f8431;
    cursor: pointer;
    /* float: left; */
}

.button-wrap input[type="submit"][value="Cancel"],
.button-wrap input[type="submit"][value="Cancel"],
.ugc-form-body-content input[type="submit"][value="Cancel"],
.form_container input[type="submit"][value="Cancel"] {
    background-color: #818284
}

.button-wrap input[type="submit"][value="Cancel"]:hover,
.button-wrap input[type="submit"][value="Cancel"]:focus,
.ugc-form-body-content input[type="submit"][value="Cancel"]:hover,
.ugc-form-body-content input[type="submit"][value="Cancel"]:focus,
.form_container input[type="submit"][value="Cancel"]:hover,
.form_container input[type="submit"][value="Cancel"]:focus {
    background-color: #67686a
}

.button-wrap input[type="submit"]:hover,
.button-wrap input[type="submit"]:focus,
.ugc-form-body-content input[type="submit"]:hover,
.ugc-form-body-content input[type="submit"]:focus,
.form_container input[type="submit"]:hover,
.form_container input[type="submit"]:focus {    
    background-color: #276b28;
    
}

.button-wrap input[type="submit"][value="Remove"],
.ugc-form-body-content input[type="submit"][value="Remove"],
.form_container input[type="submit"][value="Remove"] {    
    background-color: #67686a;
    
}

.button-wrap input[type="submit"][value="Remove"]:hover,
.button-wrap input[type="submit"][value="Remove"]:focus,
.ugc-form-body-content input[type="submit"][value="Remove"]:hover,
.ugc-form-body-content input[type="submit"][value="Remove"]:focus,
.form_container input[type="submit"][value="Remove"]:hover,
.form_container input[type="submit"][value="Remove"]:focus {    
    background-color: #4f5052;
    
}

.ugc-form-body-content textarea,
.ugc-form-body-content select,
.form_container textarea,
.form_container select {
    /* margin-top: 5px; */
}

.ugc-form-body-content textarea,
.form_container textarea {
    border: 1px solid #d7dee3;
    height: 122px;
    /* DESK-3563 width: 463px;*/
    /* DESK-3563 */
    width: 100%;
    padding: 5px;
}

.ugc-form-body-content textarea,
.form_container textarea {
    /* border: none; */
    box-sizing: border-box;
    border-radius: 0;
}

.ugc-form-body-content textarea:focus,
.form_container textarea:focus {
        outline: 2px dashed #808283;
}

.ugc-form-body-content .captchaImage,
.form_container .captchaImage {
    clear: right;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
}

.ugc-form-body-content .captcha p,
.form_container .captcha p {
    clear: both;
}

.ugc-form-body-content .captchaLabel,
.form_container .captchaLabel {
    display: block;
    margin-bottom: 15px;
}

.ugc-form-body-content input[type="text"],
.form_container input[type="text"] {
    /* border: 1px solid #D9D9D9; */
    clear: both;    
    /* DESK-3563 width: 218px; */
    /* margin-top: 5px; */
    /* DESK-3563 */
    width: 100%;
    height: 58px;
    padding: 0;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 5px;
}

.generic-form-rank input[type="text"],
.form_container .generic-form-rank input[type="text"] {
    margin: 15px 0;
    float: left;
    width: 37%;
    margin-right: 20px;
}

.form_container .generic-form-rank label {
    margin-top: 35px;
    float: left;
}

#ctl06_phBody9896 {
    width: 179px;
    float:  none;
}

.ugc-form-body-content input[type="text"],
.form_container input[type="text"]
 {
    /* border: none; */
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}


.ugc-form-body-content label,
.form_container label {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    
    color: #000;
    margin-bottom: 5px;
}

.ugc-form-body-content input[type="radio"] + label,
.form_container input[type="radio"] + label,
.ugc-form-body-content input[type="checkbox"] + label,
.form_container input[type="checkbox"] + label {
    font-weight: normal;
    font-size: 17px;
    font-size: 1.7rem;
    margin-left: 5px;
    float:left;
    width:90%;
    display:block;
}

.generic-form-checkbox input[type="checkbox"]  + label,
.generic-form-radiobutton input[type="radio"]  + label {
    margin-left: 35px;
}


.ugc-form-body-content:after,
.form_container:after {
    clear: both;
    display: table;
    content: '';
}

a.reTool:focus {
    outline: 2px dashed #818284;
    outline-offset: -2px;
}

.ugc-form-activate-date-placeholder {
    padding: 5px;
}

.ugc-form-activate-date-placeholder:after,
.form_container:after {
    clear: both;
    display: table;
    content: "";
}


/* IMAGE GALLERY */

.image-gallery .link-icon {
    display: none;
}

.image-and-gallery-placeholder {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    max-width: 100%
}

.image-and-gallery-placeholder:empty {
    display: none;
}

.intranet-body-content .related-images {
    position: relative;
}

.related-images {
    margin-bottom: 0;
    /* position: absolute; */
    bottom: 0;
    right: 0;
    /* height: 46px; */
}

.no-js .image-gallery {
    height: auto;
}

.image-gallery {
    /* height: 53px; */
    overflow: hidden;
    position: relative;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
    /* width:  53px; */
    /* background-color: blue; */
    box-sizing: border-box;
    padding: 2px;
}

.image-gallery .file-size-container,
.image-gallery a.document:before {
    display: none;
}

.image-gallery a.js-image {
    cursor: pointer;
    display: none;
    width: auto;
    position: relative;
}

.image-gallery a.js-image span {
    display: none;
}

.image-gallery a.js-image span.view-gallery-label {
    display: block;
}

.img-thumbnail {
    float: left;
    width: 100%;
}

a.js-image:first-of-type {
    display: inline-block;
    width: 100%;
}

a.js-image:first-of-type {
    display: inline-block;
}

a.js-image:first-of-type .view-gallery-icon-placeholder {
    width: 50px;
    height: 50px;
    background-color: #00294e;
    opacity: 0.8;
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
}




/* DESK-3897 */

.classified-details-section > img.js-image,
.fallback-page-image {
    width: 100%;
}


/* DESK-3897 - END */

span.view-gallery-icon-placeholder:before {
    display: block;
    content: '';
    margin: 0 auto;
    margin-top: 8px;
}

.image-gallery a:before {
    display: none;
}

.image-gallery .file-details {
    display: none;
}

.image-gallery .no-js {
    display: none;
}

.js-image {
    display: block;
}

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


/* disable the shadow around the images */

.fancybox-bg {
    display: none;
}

.fancybox-wrap {
    width: auto !important;
}

#fancybox-close:before {
    /* content: 'Close'; */
}

#fancybox-outer a:focus {
    border: 0;
    outline: none;
}

.click-to-view {
    display: none !important;
}

#fancybox-left span {
    left: 20px;
}

#fancybox-right span {
    right: 40px;
}

#fancybox-left-ico,
#fancybox-right-ico {
    height: 32px;
    background-repeat: no-repeat;
}

#fancybox-left,
#fancybox-right {
    opacity: 0.75;
}

#fancybox-left:hover,
#fancybox-left:focus,
#fancybox-right:hover,
#fancybox-right:focus {
    opacity: 1;
}

#fancybox-left-ico,
#fancybox-right-ico {
    top: 37%;
}

.image-gallery a {
    position: relative;
}

.img-overlay {
    position: absolute;
    background-color: #000000;
    opacity: 0.25;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.image-gallery a:hover .img-overlay,
.image-gallery a:focus .img-overlay {
    background-color: #000000;
    opacity: 0;
}

a.img-label:hover,
a.img-label:focus {
    text-decoration: none;
}

.view-gallery-label {
    float: left;
    margin-top: 3px;
}


.no-js .calendar-aside div {
    display: block !important;
}

/* image gallery when no js */

.default-page-image.no-js-image {
    margin-bottom: 20px;
}

.no-js .img-label {
    display: none;
}

.no-js a.js-image:first-of-type {
    display: none;
}

.no-js .image-gallery {
    height: auto;
}

.no-js .image-gallery a {
    text-decoration: none;
    margin-bottom: 15px;
}

.no-js .image-gallery a:nth-child(2n+2) {
    margin-right: 10px;
}

.no-js .image-gallery a:focus {
    background: none;
    border: none;
}

.no-js .click-to-view {
    display: none;
}

.no-js .click-to-view:focus {
    text-decoration: none;
}

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

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

.image-gallery .img-thumbnail {
    display: none;
}

.image-gallery a.js-image-with-description {
    cursor: pointer;
    display: none;
    width: 100%;
}

.no-js a.js-image-with-description:first-of-type {
    display: none;
}

a.js-image-with-description:first-of-type {
    display: block;
    width: 56px;
    height: 56px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.image-gallery a:before {
    display: none;
}

.image-gallery .file-details {
    display: none;
}

.image-gallery .no-js {
    display: none;
}

.no-js .image-gallery {
    height: auto;
}

.no-js .image-gallery a {
    /*display: inline-block;*/
    margin-bottom: 15px;
    margin: 0;
    padding: 0;
}

.no-js .image-gallery a:nth-child(2n+2) {
    margin-right: 10px;
}

.no-js .image-gallery a:focus {
    background: none;
    border: none;
}

.no-js .click-to-view {
    display: none;
}

.no-js .click-to-view:focus {
    text-decoration: none;
}

.no-js-image-with-description {
    display: none;
}

.no-js .no-js-image-with-description {
    display: block;
}

.js-image-with-description {
    display: block;
}

.no-js .js-image-with-description {
    display: none;
}


/* disable the shadow around the images */

.fancybox-bg {
    display: none;
}

.fancybox-wrap {
    width: auto !important;
}

#fancybox-close:before {
    /* content: 'Close'; */
}

#fancybox-outer a:focus {
    border: 0;
    outline: none;
}

.click-to-view a:focus {
    outline: none;
    border: none;
    background: none;
    text-decoration: none;
}

#fancybox-left span {
    /* left: 40px; */
}

#fancybox-right span {
    right: 20px;
}

#fancybox-left-ico,
#fancybox-right-ico {
    height: 32px;
    background-repeat: no-repeat;
}

#fancybox-left,
#fancybox-right {
    opacity: 0.75;
}

#fancybox-left:hover,
#fancybox-left:focus,
#fancybox-right:hover,
#fancybox-right:focus {
    opacity: 1;
}

#fancybox-left-ico,
#fancybox-right-ico {
    top: 48%;
}

.image-gallery a {
    position: relative;
}

.image-gallery a:hover,
.image-gallery a:focus {
    border: none;
    outline: none;
}

.img-overlay {
    position: absolute;
    background-color: #000000;
    opacity: 0.25;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.image-gallery a:hover .img-overlay,
.image-gallery a:focus .img-overlay {
    background-color: #000000;
    opacity: 0;
}

a.img-label {
    display: inline-block;
    color: #fff;
    /* background-color: #3a493f; */
    /* padding: 10px; */
    text-decoration: none;
    /*opacity: 0.8;*/
    /* background-color: rgba(58, 73, 63, 0.8); */
}

a.img-label:hover,
a.img-label:focus {
    text-decoration: none;
    /* background-color: rgba(58, 73, 63, 1); */
}

.no-js .img-label {
    display: none;
}

a.img-label:before {
    display: inline-block;
    content: '';
    float: left;
    margin-right: 10px;
}

.no-js .related-images {
    position: relative;
    height: auto;
}

i.gallery-icon {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

span.view-gallery-label {
    margin-top: 3px;
    float: left;
}

.image-gallery .file-size-container {
    display: none;
}

.sm-simple a span.sub-arrow:before {
    display: inline-block;
    content: '';
}
.sm-simple a span.sub-arrow:after {
    display: none;
    content: '';
}


@media (min-width: 320px) {


    /* FEATURE BANNER */
    .flex-viewport,
    .flexslider .slides > li,
    .slider {
        /* height: 260px; */
    }
    .flexslider .slides img {
        max-height: none;
        position: absolute;
        left: 0;
        /* right: 0px; */
        top: 32%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        /* bottom: 0; */
        margin: 0 auto;
        /* min-height: 100%; */
        max-width: 150%;
    }
    .slider .flexslider .slides > li {
        height: 222px;
    }
    ul.flex-direction-nav {
        display: none;
    }

    .general-full-width-page-main-image {
        height: 130px;
        width: 100%;
    }
}

@media (min-width: 480px) {

     .general-full-width-page-main-image {
        height: 200px;
        width: 100%;
    }
}

@media (min-width: 550px) {
    /* FEATURE BANNER */
    .flex-viewport,
    .flexslider .slides > li,
    .slider {
        /* height: 260px; */
    }
    .flexslider .slides img {
        max-height: none;
        position: absolute;
        left: 0;        
        top: 34%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0 auto;
        max-width: 105%;        
    }
    .slider .flexslider .slides > li {
        height: 252px;
    }
    ul.flex-direction-nav {
        display: none;
    }

    .general-full-width-page-main-image {
        height: 200px;
        width: 100%;
    }

    .outer-header-container {
        background: url(port-mac-multiple-sun-logo.jpg) no-repeat 168px -123px;
    }
}


@media (min-width: 768px) {

    .general-page-title {
        /* height: 91px; */
    }

    [class*="col-"].header-links-section {
        padding-right: 1%;
        padding-left: 0;
    }
    
    /* HEADER */
    .header-search-section #searchForm .ps-input {
        padding: 0 70px 0 20px;
    }
    a.link-button.arrow-right {
        margin-right: 30px;
    }
    /* HAVE YOUR SAY */
    .have-your-say-body-content {
        padding: 10px 30px;
    }
    .homepage-have-your-say-item-body {
        padding: 25px 30px 30px 30px;
    }
    .homepage-have-your-say-item {
        width: 49%;
        float: left;
    }
    .homepage-have-your-say-item:nth-child(1) {
        float: left;
    }
    .homepage-have-your-say-item:nth-child(2) {
        float: right;
    }
    .outer-header-container {
        background: url(port-mac-multiple-sun-logo.jpg) no-repeat 183px -204px;
    }
    a.header-social-link:focus {
        text-decoration: none;
    }
    /* FEATURE BANNER */
    .flex-viewport,
    .flexslider .slides > li,
    .slider {
        /* height: 350px; */
    }
    .feature-banner-home-page-section .slider-bg {
        width: 100%;
    }
    /*     ul.flex-direction-nav li {
                        height: 75px;
                        width:57px;
                    } */
    .flexslider .flex-prev,
    .flexslider .flex-next {
        width: 51px;
        height: 72px;
    }
    .flex-pauseplay {
        right: 10px;
        bottom: 10px;
    }
    .feature-banner-home-page-section .slider-bg {
        padding: 10px 15px 41px 13px;
    }
    h1.featured-banner-item-title {
        font-size: 40px;
        font-size: 4rem
    }
    .feature-banner-home-page-section .slider-bg {
        background-color: rgba(17, 17, 17, 0.6);
    }
    .flex-control-nav,
    .flex-pauseplay {
        display: block;
    }
    .flex-control-nav {
        right: 50px;
    }
    .flexslider .slides img {        
        max-height: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        bottom: 0;
        margin: auto;
        min-height: 100%;
        max-width: 126%;
    }
    .slider .flexslider .slides > li {
        height: 315px;
    }
    ul.flex-direction-nav {
        display: block;
    }
    /************************* HOMEPAGE - SPOTLIGHT *************************/
    .homepage-spotlight {
        /* padding-right: 20px; */
        padding-left: 0;
        padding-right: 2%;
        margin-bottom: 0;
    }
    h1.spotlight-homepage-section-heading {
        padding-left: 30px;
        padding-right: 30px;
    }
    .spotlight-article-content {
        padding: 20px 30px;
    }
    /************************* HOMEPAGE - NEWS *************************/
    .homepage-news {
        padding: 0;
    }
    .homepage-news-inner {
        padding: 20px 30px;
    }
    a.listing-item-link {
        padding: 20px 15px 0 15px;
    }
    /* HOMEPAGE EVENTS */
    .homepage-event-item-body {
        padding: 15px 30px 20px 30px;
    }
    [class*="col-"].homepage-event-item {
        padding-left: 1%;
    }
    .homepage-event-item:first-child {
        padding-left: 0;
    }
    [class*="col-"].homepage-event-item:nth-child(1) {
        padding-right: 1%;
    }
    [class*="col-"].homepage-event-item:nth-child(2) {
        padding-left: 1%;
        padding-right: 1%;
    }
    /************************* FOOTER *************************/
    .footer-section-content {
        padding: 0 15px;
    }
    .footer-section-heading {
        padding: 0 15px 15px 15px;
    }
    /************************* FOOTER - BUSINESS UNITS *************************/
    [class*="col-"].business-unit-section-item:first-child {
        padding-left: 0;
    }
    [class*="col-"].business-unit-section-item:last-child {
        padding-right: 0;
    }
    .footer-section-content-item:first-child .business-unit-link {
        /* text-align: left; */
    }
    .footer-section-content-item:last-child .business-unit-link {
        /* text-align: right; */
    }
    .business-unit-icon-small {
        display: inline-block;
    }
    .business-unit-icon {
        display: none;
    }
    .business-unit-section-item {
        padding-top: 100px;
        text-align: left;
    }
    .footer-section {
        padding: 0;
    }
    .footer-section:nth-child(4) {
        /* padding-left: 1%; */
        box-sizing: border-box;
    }
    .footer-section:nth-child(3) {
        /* padding-right: 1%; */
    }
    .featured-banner-short-description {
        display: inline-block;
    }
    ul.flex-direction-nav {
        display: none;
    }
    .footer-business-units-section-content {
        padding: 0;
    }
    /* LANDING PAGE */
    .no-js .landing-page-item-body {
        min-height: 230px
    }
    .landing-page-item-body {
        padding: 30px 20px;
    }
    .landing-page-main-image img {
        max-width: 100%;
        display: block;
        margin-left: 0%
    }
    /* LISTING */
    [class*="col-"].main-column {
        padding-left: 1%;
        padding-right: 1%;
    }

    

    [class*="col-"].side-column.listing-search-form {
        padding-left: 1%;
        padding-right: 0;
    }

    [class*="col-"].main-column.events-listing,
    [class*="col-"].main-column.news-listing,
    [class*="col-"].main-column.general-listing {
        padding-left: 0;
        padding-right: 1%;
    }

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

    .listing-search-form-header {
        padding: 20px 15px;
        background-color: #eb660b;
    }
    .listing-search-form-body {
        padding: 20px 15px 25px 15px;
    }
    .listing-item-link {
        padding: 30px 15px 0 15px;
    }
    .listing-search-form-body {
        padding: 20px 15px 25px 15px;
    }
    .listing-search-form-header {
        padding: 20px 15px;
        background-color: #eb660b;
    }
    .landing-page-main-image {
        margin-bottom: 40px;
    }

    /* FEEDBACK FORM */

    #feedbackForm #ctl05_pnlFormControls {
        width: 60%;
    }

    #feedbackForm h3 {
        padding-left: 20px;
    }
    
    #feedbackForm .feedbackInner {
        background: #ededed;
        padding: 20px 20px;
        box-sizing: border-box;
        /* display: block; */
        
    }

    /* RELATED LINKS */

    .related-links {
        padding: 20px;
    }

    /* NAVIGATION */

    

    

    /* SIDE NAVIGATION */

    .side-navigation-placeholder.small {
        display: none;
    }

    .side-navigation-placeholder.large {
        display: block;  
    }

    .general-page-side-column {
        display: block;
    }

    aside.in-this-section {
        padding: 20px 20px;
        margin-bottom: 20px;
    }

    /* ANNOUNCEMENTS */

    .announcement {
        padding: 0 20px;
    }

    /* SHARE THIS */

    .share-this-container {
        padding: 17px 20px;
        margin-bottom: 25px;
    }

   

    .general-pmhc-full-width-page .share-this-container,
    .general-pmhc-full-width-page .view-media-container {
        float: right;
        padding: 17px 20px;
    }

    
     .general-pmhc-full-width-page .view-media-container {
        padding: 14px 20px 13px 20px;
    }

     .general-pmhc-full-width-page .share-this-container {
        margin-bottom: 20px;
    }

    /*  NEWS DETAILS PAGE */

    .news-detail-image {
        margin-right: 30px;
        margin-bottom: 20px;
        /* width: 40%; */
    }

    .news-detail-image {
        width: 30%;
    }

    /* GENERAL PAGE */

    .general-full-width-page-main-image img {
        max-width: 120%;
        /* display: block; */
        /* margin-left: -10%; */
    }

    img.content-image, .pageimagelabel {        
        width: 35%;
    }
    

    .general-full-width-page-main-image {
        display: block;
        overflow: hidden;
        height: auto;
        width: 100%;
    }

    .feedback-form-heading {
        
        padding: 5px 123px 7px 20px;        
    }

    /* EVENT DETAILS */

    .event-snapshot {
        padding: 20px 20px;
        font-size: 17px;
    }

    .flowplayer {
        width: 600px !important;
    }

    a.button.event-detail-button {
        width: 49%;

        padding: 15px 5px;
    }

    /* UGC FORM */

    .ugc-form-heading {
        padding-left: 20px;
        padding-right: 20px;
    }

    

    .ugc-form-body-content,
    .form_container,
    .button-wrap {
        padding: 20px 20px;
    }

    .ugc-form-activate-date-placeholder {
        padding: 20px;
    }

    .general-listing-item .link-icon {
        position: absolute;
        top: 24px;
        left: 10px;
        z-index: 1;
    }

    .link-icon + .listing-item-link .listing-item-header {
        padding-left: 25px;
    }

    [class*="col-"].heading-column {
        padding-left: 0;
    }

    [class*="col-"].share-this-column {
        padding-right: 0;
    }

    .timestamp {
        margin-bottom: 20px;
    }

    .view-media-container {     
        padding: 17px 20px;
    }

}

    

@media (min-width: 992px) {

    
    .general-full-width-page-main-image {
        /* margin-top: 20px; */
    }

    .general-page-title {
        height: 91px;
    }

    .medium {
        display: none;
    }

    .flowplayer {
        width: 900px !important;
    }

    /************************* HOMEPAGE - HEADER *************************/
    .outer-header-container {
        background: url(port-mac-multiple-sun-logo.jpg) no-repeat 791px -202px;
    }
    .business-unit-icon-small {
        display: none;
    }
    .business-unit-icon {
        display: inline-block;
    }
    .pmhc-logo-large {
        display: block;
    }
    .pmhc-logo-small {
        display: none;
    }
    .footer-section:nth-child(4) {}
    .footer-section:nth-child(3) {}
    /* HAVE YOUR SAY */
    .homepage-have-your-say-page-image-placeholder {
        height: 340px;
        overflow: hidden;
    }
    /* SLIDER */
    .feature-banner-home-page-section .slider-bg {
        width: 71%;
        bottom: 18px;
    }
    .flex-control-nav {
        right: 19%;
        bottom: 28px;
    }
    /*     ul.flex-direction-nav li {
                        height: 75px;
                        width:57px;
                    } */
    .flexslider .flex-prev,
    .flexslider .flex-next {
        width: 51px;
        height: 72px;
    }
    .flex-pauseplay {
        right: 15%;
        bottom: 30px;
    }
    .flex-viewport,
    .flexslider .slides > li,
    .slider {
        /* height: 470px; */
    }
    .flexslider .slides img {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        bottom: 0;
        margin: 0 auto;
        min-height: 100%;
        width: 100%;
    }
    .slider .flexslider .slides > li {
        /* height: 440px; */
    }
    ul.flex-direction-nav {
        display: block;
    }
    /* LANDING PAGE */
    .no-js .landing-page-item-body {
        min-height: 170px
    }
    /* HOMEPAGE NEWS */
    /* LISTING */
    .listing-search-form-header {
        padding: 20px 30px;
        background-color: #eb660b;
    }
    .listing-search-form-body {
        padding: 20px 30px 25px 30px;
    }
    .listing-item-link {
        padding: 30px 30px 0 30px;
    }
    .listing-search-form-header {
        padding: 20px 30px;
        background-color: #eb660b;
    }

    /* GENERAL PAGE */

     .general-full-width-page-main-image {
        height: auto;
    }

    .page-title-column {
        margin-bottom: 20px;
    }

    .share-this-container {
        /* width: auto; */
        margin-bottom: 0;
    }

    .general-pmhc-default-page .share-this-container {
        margin-top: 0;
    }

     .view-media-container {
        width: 33.3333%;
        min-width: 297px;
        margin-left: 20px;
    }

    .general-page-side-column .view-media-container {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    /* NAVIGATION */

    /* DESK-6243 */

    .mobile-navigation {
        display: none !important /* need !important because JS adds inline styles */
    }

    #main-nav {        
        display: block;
    }

    /* DESK-6243 - END */

    .sm-simple ul {
        border: none;
        background: white;
        -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
        width: 280px !important; /* we need important here because JS is putting styles on the element */
      }

    .sm-simple ul ul {

        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);

      }

       .sm-simple > li > a span.sub-arrow {
        display: none;
    }

    .main-nav-mobile-bar {        
        padding: 17px 20px;
        display: none;        
    }

    .mobile-menu {
        display: block;
    }
    
    .sm.sm-simple > li > a:hover {
        background-color: #fff;
        color: #222f35;
    }
    
    .sm.sm-simple > li > a.highlighted {
        background-color: #fff;
        color: #222f35;
    }
    
    .sm.sm-simple > li.nav-active-path > a {
        background-color: #dcdcdc;
    }

    .sm-simple a span.sub-arrow:before {
        display: none;
    }
    .sm-simple a span.sub-arrow:after {
        display: inline-block;        
    }


    .nav-overlay {

        height: 100%;
        width: 100%;
    }

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

    .no-js .sm-simple > li:hover a + ul {
        /* display: inline-block; */
    }

    .no-js .sm-simple > li ul ul  {
        /* display: none !important; */
    }

    .sm.sm-simple > li {
        display: table-cell;
        width: 1%;
        text-align: center;
    }

    .sm.sm-simple > li > a {
        color: #fff;
        border: none;
        margin: 0 auto;
        text-align: center;
    }

    .main-nav-item-gradient-filler {
        display: block;
    }

    .navigation-gradient-strip {
        display: block;
    }

    .breadcrumbs-container {
        background-color: #ededed;
        padding: 15px 0;
        margin-bottom: 20px;
        /* margin-top: 14px; */
    }

    .general-page-side-column .view-media-container {
        /* display: block; */
    }

    #main-nav {
        margin-bottom: 14px;    
    }

    .large {
        display: block;
    }

    .outer-header-container {
        background: url(port-mac-multiple-sun-logo.jpg) no-repeat 395px -202px;
    }



}

@media (min-width: 1000px) {
    .seamless-pagination-js {
        display: block;
    }
    .seamless-pagination-no-js {
        display: none;
    }

    .outer-header-container {
        background: url(port-mac-multiple-sun-logo.jpg) no-repeat 438px -202px;
    }
}

@media (min-width: 1100px) {
    /* FEATURE BANNER */
    .flex-viewport,
    .flexslider .slides > li,
    .slider {
        /* height: 420px; */
    }
    .flexslider .slides img {
        /* max-width: 100%; */
        max-height: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        bottom: 0;
        margin: 0 auto;
        min-height: 100%;
        max-width: 100%;
    }
    .slider .flexslider .slides > li {
        /* height:182px; */
    }
    ul.flex-direction-nav {
        display: block;
    }

    .outer-header-container {
        background: url(port-mac-multiple-sun-logo.jpg) no-repeat 583px -203px;
    }
}

@media (min-width: 1200px) {
    /* FEATURE BANNER */
    .feature-banner-home-page-section .slider-bg {
        width: 47%;
    }
    .flex-control-nav {
        right: 29%;
        bottom: 28px;
    }
    ul.flex-direction-nav li {}
    .flex-pauseplay {
        right: 27%;
        bottom: 30px;
    }
    .flex-viewport,
    .flexslider .slides > li,
    .slider {
        /* height: 570px; */
    }
    .flexslider .slides img {
        max-height: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        bottom: 0;
        margin: 0 auto;
        min-height: 100%;
        max-width: 100%;
    }
    .slider .flexslider .slides > li {
        height: 490px;
    }
    ul.flex-direction-nav {
        display: block;
    }

    .outer-header-container {
        background: url(port-mac-multiple-sun-logo.jpg) no-repeat 790px -203px;
    }
}
.breakout {
	background: rgb(238, 238, 238) url('/files/assets/public/icons/pin2.png') no-repeat; 
	padding: 40px 10px 10px 10px; 
	border: 1px solid rgb(204, 204, 204); 
	border-image: none; 
	width: 97%; 
	float: left;
	margin-bottom:20px;
}

/* Used for the A-Z of Waste */
.bin_yellow img {
	background: yellow
}

.bin_red img {
	background: red
}

.bin_green img {
	background: green
}

.atoz {
	transition: transform .2s;
	width: 100px;
	height: 100px;
	margin: 0px 20px 0px 0px;
	padding-left:20px;
	border:1px solid #ededed;
	float:left;
}

.atoz:hover {
	position:relative;
	z-index:1000;
	-ms-transform: scale(2); /* IE 9 */
	-webkit-transform: scale(2); /* Safari 3-8 */
	transform: scale(2);
}