@import url("https://pro.fontawesome.com/releases/v5.14.0/css/all.css");

/****************************************************/
/** Body ********************************/
/****************************************************/

@media (min-width: 992px) {
	.main-outer-container,
	.header-container,
	.footer-container,
	.navigation-container {
		max-width: 1220px;
	}
}

/****************************************************/
/** Typography ********************************/
/****************************************************/

h6 {
	text-transform: uppercase;
}

ul li ul {
    list-style-type: circle;
}

/****************************************************/
/** Button Style ********************************/
/****************************************************/

.layout-modern .sc-cal-dialog .btn,
.panel-button,
.panel-button:visited,
.drop-button .drop-button-header>a,
.main-container button,
.main-container input[type="button"],
.main-container input[type="reset"],
.main-container input[type="submit"],
.main-container .styled-button,
.main-container a.styled-button,
.main-container a.styled-button:visited,
.main-container a.styled-button-calltoaction,
a.hyperlink-button {
    text-transform: uppercase;
	box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
	font-size: 0.9em !important;
}

.layout-modern .sc-cal-dialog .btn:hover,
.panel-button:hover,
.drop-button .drop-button-header>a:hover,
.main-container button:hover,
.main-container input[type="button"]:hover,
.main-container input[type="reset"]:hover,
.main-container input[type="submit"]:hover,
.main-container .styled-button:hover,
.main-container a.styled-button:hover,
.main-container a.styled-button-calltoaction:hover,
a.hyperlink-button:hover {
    box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2);
	transition: box-shadow 0.3s ease-out;
}

/****************************************************/
/** Announcements ********************************/
/****************************************************/

.oc-emergency-announcement-container {
    text-align: center;
}

.oc-emergency-announcement-container .emergency-message-box .header-container {
	min-height: auto;
}

.oc-emergency-announcement-container .emergency-message-box .header-container::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 500;
	font-size: 20px;
	padding-right: 10px;
	color: #fff;
}

.oc-emergency-announcement-container .emergency-message-box.oc-emergency-severity-30 .header-container::before {
	content: "\f05a";
}

.oc-emergency-announcement-container .emergency-message-box.oc-emergency-severity-20 .header-container::before {
	content: "\f06a";
}

.oc-emergency-announcement-container .emergency-message-box.oc-emergency-severity-10 .header-container::before {
	content: "\f071";
}

.oc-emergency-announcement-container .emergency-message-box .side-box-title,
.oc-emergency-announcement-container .emergency-message-box .side-box-content,
.oc-emergency-announcement-container .emergency-message-box .side-box-content p,
.oc-emergency-announcement-container .emergency-message-box .side-box-content a {
	display: inline-block;
}

.oc-emergency-announcement-container .side-box .side-box-title {
    padding: 0px;
}

.oc-emergency-announcement-container .emergency-message-box .side-box-content p {
	margin: 0px 0px 0px 10px;
}

.oc-emergency-announcement-container .emergency-message-box .side-box-content a {
	margin: 0px 0px 0px 10px;
    color: #fff;
	font-weight: 600;
	text-decoration: underline;
}

.oc-emergency-announcement-container .emergency-message-box .emergency-announcement-item-dismiss {
    padding: 0;
	height: 15px;
	top: 7px;
}

.oc-emergency-announcement-container .emergency-message-box .emergency-announcement-item-dismiss:after {
    top: 0px;
}

.oc-emergency-announcement-container .oc-accordion-head,
.max-severity-10 .oc-accordion-head.accordion-closed,
.max-severity-20 .oc-accordion-head.accordion-closed,
.max-severity-30 .oc-accordion-head.accordion-closed {
    background-color: #333333;
}

@media (max-width: 768px) {
	.oc-emergency-announcement-container .emergency-message-box .side-box-title,
	.oc-emergency-announcement-container .emergency-message-box .side-box-content,
	.oc-emergency-announcement-container .emergency-message-box .side-box-content p,
	.oc-emergency-announcement-container .emergency-message-box .side-box-content a {
		display: block;
	}
	
	.oc-emergency-announcement-container .side-box {
		padding-bottom: 20px;
	}
	
	.oc-emergency-announcement-container .emergency-message-box .side-box-content p {
		margin: 0px 0px 0px 0px;
	}
	
	.oc-emergency-announcement-container .emergency-message-box .side-box-content a {
		margin: 5px 0px 0px 0px;
	}
}

/****************************************************/
/** Header ********************************/
/****************************************************/

.header-outer-container {
    background-color: #f2f2f2;
}

/* Main Menu */

.side-menu-btn {
    background-color: transparent;
}

.side-menu-btn-text {
    text-transform: uppercase;
}

.side-menu-btn button,
.side-menu-btn button:hover,
.side-menu-btn button:focus {
    color: #333;
}

.side-menu-btn i,
.side-menu-btn i::before,
.side-menu-btn i::after {
    background-color: #404040;
}

.js .side-menu .navigation-outer-container {
    box-shadow:  0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2);
}

.js .side-menu .navigation-outer-container .nav-offscreen-menu ul li>a.prev-link:before {
    top: 18px;
}

@media (max-width: 992px) {
	.side-menu-btn button,
	.side-menu-btn button:hover,
	.side-menu-btn button:focus {
		font-size: 11px;
	}
}

/* Header Search */

#header-search input.sc-search-button {
	border-radius: 0.25rem 0 0 0.25rem;
	float: left;
	font-size: 20px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
	background-color: #fff;
}

#header-search input.sc-search-button:hover {
	background-color: #0076a8;
}

#header-search .sc-search-panel,
#header-search .sc-search-panel input.sc-search-text {
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
	transition: box-shadow 0.25s ease-in-out;
}

#header-search .sc-search-panel input.sc-search-text {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
}

#header-search .sc-search-panel:before {
    display: none;
}

#header-search .sc-search-panel:hover,
#header-search .sc-search-panel:active {
    box-shadow: 2px 6px 12px 0 rgb(0 0 0 / 25%);
	
}

@media (max-width: 768px) {
	
	#header-search input.sc-search-button {
		width: 20%;
	}
	
	#header-search .sc-search-panel input.sc-search-text {
		width: 80%;
	}
}

@media (max-width: 1415px) and (min-width: 992px) {
	.side-menu-right .header-layout-2 #header-search {
		margin-right: 106px;
	}
}

/* Page Background */

.content-outer-container {
    background-size: 150%;
	background-attachment: fixed;
}

/****************************************************/
/** Footer ********************************/
/****************************************************/

.footer-first-row .footer-container ul.footer-links li a {
    font-weight: 500;
}

.footer-container ul.footer-links.social-media-links li a i {
    display: none;
}

.footer-container ul.social-media-links li a {
    margin-left: 0px;
}

.footer-container ul.footer-links.social-media-links li.contact a::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f086";
	padding-right: 5px;
}

.footer-container ul.footer-links.social-media-links li.phone a::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f095";
	padding-right: 5px;
}

.footer-container ul.footer-links.social-media-links li.email a::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f1fa";
	padding-right: 5px;
}

.footer-container ul.footer-links.social-media-links li.footer-link-facebook a::before {
	font-family: "Font Awesome 5 Brands";
	font-weight: 900;
	content: "\f39e";
	padding-right: 5px;
}

.footer-container ul.footer-links.social-media-links li.footer-link-twitter a::before {
	font-family: "Font Awesome 5 Brands";
	font-weight: 900;
	content: "\f099";
	padding-right: 5px;
}

.footer-container ul.footer-links.social-media-links li.footer-link-instagram a::before {
	font-family: "Font Awesome 5 Brands";
	font-weight: 900;
	content: "\f16d";
	padding-right: 5px;
}

.footer-container ul.footer-links.social-media-links li.footer-link-youtube a::before {
	font-family: "Font Awesome 5 Brands";
	font-weight: 900;
	content: "\f167";
	padding-right: 5px;
}

.footer-first-row .footer-container a.location {
	text-decoration: none;
}

.footer-first-row .footer-container a.location:hover {
	text-decoration: underline;
}

.footer-first-row .footer-container a.location::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f041";
	padding-right: 5px;
}

/* ATC Message */

.footer-first-row .footer-container .atc-message {
	width: 85%;
	padding-left: 15%;
	text-align: center;
	margin-bottom: 10px;
}

.footer-first-row .footer-container .atc-message h3 {
	display: none;
}

/* Second Row */

.footer-second-row .grid-pad {
    padding: 20px !important;
}

.footer-secondary-links div {
    width: 100%;
    text-align: center;
}

div.footer-secondary-links>div:first-child a {
    text-transform: uppercase;
	padding: 0 20px;
	margin-bottom: 20px;
}

div.footer-secondary-links div.right {
	margin-top: 20px;
}

.footer-secondary-links .powered-by .right::before {
    content: url(/sitecore/opencities/elements/scc-logo.svg);
	display: inline-block;
    width: 110px;
	padding-right: 10px;
	vertical-align: middle;
}

@media (max-width: 768px) {

	div.footer-secondary-links>div:first-child a {
		display: block;
		padding: 0;
		margin-bottom: 0;
	}
	
	.footer-secondary-links .powered-by .right::before {
		display: block;
		padding-right: 0;
		margin-left: auto;
  		margin-right: auto;
	}
}

/****************************************************/
/** Homepage ********************************/
/****************************************************/

/* Slider */

.row-index-1 .row-content-container {
    padding: 0px;
}

.controls {
    display: none;
}

.profile-slideshow.slideshow-widget article {
    display: flex !important;
    box-shadow: 0px 3px 20px 0px #00000066;
    justify-content: space-between;
    flex-direction: column;
    height: 500px;
}

.profile-slideshow.slideshow-widget .slide-image {
    width: 100%;
    overflow: hidden;
    height: 100%;
}

.profile-slideshow.slideshow-widget article img {
    position: unset;
    opacity: 100;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-slideshow.slideshow-widget .slide-content {
    display: flex;
    padding: 20px;
    background: linear-gradient(90deg, #0076a8, #006590);
    flex-direction: column;
    justify-content: center;
}

.profile-slideshow.slideshow-widget .slide-content-inner {
    display: flex;
    flex-direction: column;
}

.profile-slideshow.slideshow-widget .slide-content-inner .slide-content-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.profile-slideshow.slideshow-widget .slide-content-inner a,
.profile-slideshow.slideshow-widget .slide-content-inner p {
    color: #FFFFFF;
}

.profile-slideshow.slideshow-widget .slide-content-inner p {
    margin-bottom: 10px;
    font-size: 1rem;
}

.profile-slideshow.slideshow-widget .slide-content-inner a {
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
    text-decoration-color: #ffffff75;
}

.profile-slideshow.slideshow-widget .slide-content-inner a.arrow {
    text-decoration: none;
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 10px;
}

.profile-slideshow.slideshow-widget .slide-content-inner a:hover {
    text-decoration-color: #ffffff;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.profile-slideshow.slideshow-widget .slide-content-inner a.arrow:hover {
    background-color: #ffffff21;
    text-decoration: none;
}

.profile-slideshow.slideshow-widget .slide-content-inner span {
    font-size: 2rem;
    color: #fff;
}

@media (min-width: 992px) {

    .row-index-1 .row-content-container {
        padding: 0px;
    }

    .profile-slideshow.slideshow-widget article {
        flex-direction: row;
    }

    .profile-slideshow.slideshow-widget .slide-image {
        width: 60%;
    }

    .profile-slideshow.slideshow-widget .slide-content {
        width: 40%;
        padding: 0px 45px 0px 70px;
    }

    .profile-slideshow.slideshow-widget article .slide-content::before {
        content: "";
        position: absolute;
        right: 40%;
        top: 0%;
        background-image: url('/sitecore/opencities/elements/hero-separator-curve.svg');
        height: 500px;
        width: 60px;
    }

    .profile-slideshow.slideshow-widget .slide-content-inner {
        max-width: 375px;
    }
}

/* Tabs */

.page-name-home .tab-group-header {
    display: none;
}

.tabs-panel {
    background-color: #f2f2f2;
}

.tabs-panel .wysiwyg-content {
    padding: 0px !important;
}

.tab-group-inner-page .tab-header-title:hover {
    background-color: #ebebeb !important;
}

/* Services carousel */

.row-container-title h1 a {
    color: #333333;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

.listing-carousel {
    position: relative;
    overflow: hidden;
}

.listing-carousel .listing-grid {
    margin: 0px 0px 30px 0px;
}

.listing-carousel .slick-track {
    display: grid;
    grid-auto-flow: column;
    cursor: grab;
    padding: 10px 20px 20px 10px;
}

.listing-carousel .slick-track:active {
    cursor: grabbing;
}

.listing-carousel .slick-slide,
.listing-carousel .listing-grid > div > .list-item-inner {
    background-color: #FFFFFF;
    box-shadow: 0px 4px 6px 0px rgb(66 66 66 / 15%);
    border-radius: 10px;
}

.listing-carousel .slick-slide {
    margin-right: 15px;
    padding: 20px 25px;
}

.listing-carousel h2 {
    font-size: 1.5rem;
    margin: 0px;
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.listing-carousel h2 span {
    padding-top: 5px;
    padding-left: 10px;
}

.listing-carousel p,
.listing-carousel a {
    font-size: 1rem;
    color: #333333;
}

.listing-carousel ul {
    list-style-position: outside;
    list-style-type: auto;
    margin: 20px 0px 0px 0px;
    padding: 0px 15px;
}

.listing-carousel li {
    padding: 5px 0px 5px 10px;
}

.listing-carousel li::marker {
    content: '\f105';
    font-family: 'Font Awesome 5 Pro';
    margin-right: 20px;
    font-weight: 700;
}

.listing-carousel .list-item-outer:nth-child(1) li::marker,
.listing-carousel .list-item-outer:nth-child(4) li::marker {
    color: #31acb4;
}

.listing-carousel .list-item-outer:nth-child(2) li::marker,
.listing-carousel .list-item-outer:nth-child(5) li::marker {
    color: #488dc6;
}

.listing-carousel .list-item-outer:nth-child(3) li::marker,
.listing-carousel .list-item-outer:nth-child(6) li::marker {
    color: #035885;
}

@media (min-width: 768px) {

    .listing-carousel .slick-slide {
        margin-right: 25px;
        padding: 25px 30px;
    }

}

@media (min-width: 992px) {

    .listing-carousel .listing-grid {
        display: grid; 
        font-size: 1rem;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .listing-carousel .list-item-outer {
        display: grid;
        margin: 10px;
    }

    .listing-carousel .listing-grid > div > .list-item-inner {
        padding: 25px 30px;
    }

}


/* Horizontal nav for services carousel */

.slick-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 45%;
    display: block;
    width: 35px;
    height: 35px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    background: #090026;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'Material Symbols Rounded';
    font-size: 1.2rem;
    line-height: 1;
    color: #FFFFFF;
    background: #2F2B4E;
    border-radius: 50px;
    padding: 6px 8px;
    outline: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 5px;
}

.slick-prev:before {
    content: '\e5c4';
}

.slick-next {
    right: 5px;
}

.slick-next:before {
    content: '\e5c8';
}

/* Homepage rows and near me */

section.row-index-3 .row-container {
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}

.address-picker-title {
    font-size: 2rem;
}

.address-picker-title:before {
	content: "\f3c5";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 700;
    color: #c5003e;
    margin-right: 15px;
}

.address-picker-container {
    box-shadow: none !important;
}

.address-picker-location {
    width: 85%;
    float: left;
}

.address-picker-location .address-picker-location-input {
    width: 100%;
    padding-right: 20px;
    border-radius: 5px 0px 0px 5px;
}

.address-picker-container input.address-picker-submit {
    font-size: 20px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    float: right;
    width: 15%;
    border-radius: 0px 5px 5px 0px;
}

.address-picker-location .address-picker-my-location {
    display: none;
}

/* News */

.profile-listing-container.profile-news-listing-container .profile-news-listing h2 {
	font-weight: 700;
}

.profile-listing-container.profile-news-listing-container .profile-news-listing p.published-on::before {
	font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f783";
    padding-right: 5px;
    font-size: 21px;
    color: #0076A8;
}

.profile-listing-container.profile-news-listing-container a.panel-button:after {
    position: relative;
    left: 15px;
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f054";
	padding-right: 5px;
	transition: left 0.25s ease-in-out;
}

.profile-listing-container.profile-news-listing-container a.panel-button:hover:after {
    left: 23px;

}

@media (max-width: 768px) {
	.profile-listing-container.profile-news-listing-container .profile-news-listing h2 {
		padding-top: 20px;
	}
}

/* Engage with us */

.profile-featured-panel {
	border-top: none;
    border-radius: 0;
}

/* Core Values */

section.row-index-7 .row-container {
    background-color: #0076A8;
	background: linear-gradient(to right, rgba(59, 191, 190, 1), rgba(0, 84, 132, 1));
}

section.row-index-7 .row-container .row-content-container {
    padding: 20px 0px;
}

section.row-index-7 .row-container .core-values h3 {
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
}

section.row-index-7 .row-container .core-values h3 span {
	padding-left: 30px;
	font-weight: 300;
}

@media (max-width: 768px) {
	section.row-index-7 .row-container .core-values h3 span {
		display: block;
		padding-left: 0;
	}
}

/* Box Shadows */

.do-it-online a.profile-list {
    border-bottom: 0;
	text-align: center;
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 15%);
	border-radius: .25rem;
    transition: box-shadow .25s ease-in-out;
}

.profile-consultation-listing a.profile-list,
.profile-public-notices-listing a.profile-list,
.profile-events-listing a.profile-list,
.profile-news-listing a.profile-list,
.profile-message-board-listing a.profile-list {
    border-bottom: 0;
	box-shadow: 0 4px 12px 0 rgb(0 0 0 / 15%);
	border-radius: .25rem;
    transition: box-shadow .25s ease-in-out;
}

.profile-listing-container .panel-button,
.profile-listing-container .panel-button:visited {
    text-transform: uppercase;
	box-shadow: 0 4px 12px 0 rgb(0 0 0 / 15%);
    transition: box-shadow .25s ease-in-out;
}

.address-picker-container {
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 15%);
	border-radius: .25rem;
    transition: box-shadow .25s ease-in-out;
}

.profile-featured-panel {
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 15%);
	border-radius: .25rem;
    transition: box-shadow .25s ease-in-out;
}

.profile-featured-panel {
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 15%);
	border-radius: .25rem;
    transition: box-shadow .25s ease-in-out;
}

.profile-featured-panel h2 {
    font-weight: 700;
}

.profile-consultation-listing a.profile-list:hover,
.profile-public-notices-listing a.profile-list:hover,
.profile-events-listing a.profile-list:hover,
.profile-news-listing a.profile-list:hover,
.profile-message-board-listing a.profile-list:hover,
.profile-listing-container .panel-button:hover,
.address-picker-container:hover,
.profile-featured-panel:hover {
    box-shadow: 2px 6px 12px 0 rgb(0 0 0 / 25%);
}

.do-it-online a.profile-list:hover {
    box-shadow: 2px 6px 12px 0 rgb(0 0 0 / 35%);
}


@media (max-width: 768px) {
	.do-it-online .grid {
		width: 100%;
		padding-left: 0%;
	}
}

/****************************************************/
/** Main Page Container ********************************/
/****************************************************/

.main-outer-container {
    box-shadow: 0px 3px 20px 0px rgb(0 0 0 / 14%);
}

@media (min-width: 992px) {

    .main-outer-container {
        box-shadow: none;
    }
}


/* Share Pages */

.share-page-container {
    padding: 15px 20px;
}

.share-page-info {
    margin-right: 10px;
}

.share-page-link {
    background-color: #848484;
    padding: 10px;
	margin-left: 0;
    margin-bottom: 0;
}

.share-page-link-labeled .share-page-link {
    padding-right: 10px;
}

.share-page-links li a {
	font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 500;
	color: #0c0c0c;
}

.share-page-link i {
	display: none;
}

.share-page-link:hover,
.share-page-link:focus {
    top: 0;
	background-color: #f8f8f8;
	color: #0c0c0c;
}

.share-page-link:visited {
    color: inherit;
}

.share-page-link-facebook,
.share-page-link-twitter,
.share-page-link-email,
.share-page-link-print {
	background-color: transparent;
}

.share-page-link-facebook .share-page-link-name::before {
	font-family: "Font Awesome 5 Brands";
	font-weight: 900;
	content: "\f39e";
	padding-right: 5px;
}

.share-page-link-twitter .share-page-link-name::before {
	font-family: "Font Awesome 5 Brands";
	font-weight: 900;
	content: "\f099";
	padding-right: 5px;
}

.share-page-link-email .share-page-link-name::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f2b6";
	padding-right: 5px;
}

.share-page-link-print .share-page-link-name::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f02f";
	padding-right: 5px;
}

@media (max-width: 768px) {
	.share-page-link-right {
		text-align: center;
	}
}

/****************************************************/
/** Content Cards Common Elements ********************************/
/****************************************************/

/* Menu Cards with Image */

.landing-page-list-container .list-item-container a {
	border-top: 0;
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 15%);
	border-radius: .25rem;
    transition: box-shadow .25s ease-in-out;
}

.landing-page-list-container .list-item-container a:hover {
	box-shadow: 2px 6px 12px 0 rgb(0 0 0 / 25%);
}

.landing-page-list-container .list-item-container.small-panel a {
	margin: 0 0 20px 0;
}

.homepage-show .large-thumbnail-image {
	border-radius: .25rem .25rem 0 0;
}

/* Menu Cards */

.landing-page-nav .list-item-container {
	box-shadow: 0 4px 12px 0 rgb(0 0 0 / 15%);
	transition: box-shadow 0.25s ease-in-out;
	border-radius: .25rem;
}

.landing-page-nav .list-item-container:hover {
	box-shadow: 2px 6px 12px 0 rgb(0 0 0 / 25%);
}

.landing-page-nav .list-item-container a {
	border-top: 0;
	margin: 0 0 20px 0;
}

/* Content Cards Box Shadow */

.news-list-container .list-item-container,
.facility-list-container article,
.department-list-container article,
.grants-list-container .list-item-container,
.elected-official-list-container article,
.full-width-card-list-container article,
.da-list-container .list-item-container,
.events-list-container .list-item-container,
.document-download .list-item-container,
.committee-list-container .list-item-container,
.services-list-container .list-item-container {
	box-shadow: 0 4px 12px 0 rgb(0 0 0 / 15%);
	transition: box-shadow 0.25s ease-in-out;
    border-top: none;
	margin-bottom: 20px;
	border-radius: .25rem;
}

.news-list-container .list-item-container:hover,
.facility-list-container article:hover,
.department-list-container article:hover,
.grants-list-container .list-item-container:hover,
.elected-official-list-container article:hover,
.full-width-card-list-container article:hover,
.da-list-container .list-item-container:hover,
.events-list-container .list-item-container:hover,
.document-download .list-item-container:hover,
.committee-list-container .list-item-container:hover,
.services-list-container .list-item-container:hover {
	box-shadow: 2px 6px 12px 0 rgb(0 0 0 / 25%);
}

.list-item-container a, .list-item-container .list-item {
    border-top: none;
	border-radius: .25rem;
}

/* Content Cards Icons */

.list-container .list-item-container .location::before,
.list-container .list-item-container .closing-date::before,
.list-container .list-item-container .value::before,
.list-container .list-item-container .date::before,
.date::before,
.list-container .list-item-container .event-date::before,
.event-date::before,
.list-container .list-item-container .reference-number::before {
    font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f041";
	padding-right: 5px;
	font-size: 21px;
	color: #0076A8;
}

.list-container .list-item-container .location::before {
	content: "\f041";
}

.list-container .list-item-container .closing-date::before {
	content: "\f017";
}

.list-container .list-item-container .value::before {
	content: "\f645";
}

.list-container .list-item-container .date::before,
.date::before {
	content: "\f783";
}

.list-container .list-item-container .event-date::before,
.event-date::before {
	content: "\f736";
}

.list-container .list-item-container .reference-number::before {
	content: "\f292";
}

/* Card Filters */
.search-filter:not(.my-meighbourhood-filter) .search-filter-body label:first-child,
.search-filter-body label {
    margin: 15px 0px 0px 0px;
}

/****************************************************/
/** Page Content Common Elements ********************************/
/****************************************************/

/* Related Information */

#main-content .related-information {
	padding-top: 20px;
}

ul.related-information-list {
    padding: 0;
}

.related-information-list li.link::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f0c1";
	padding-right: 5px;
}

.related-information-list li.document::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f1c1";
	padding-right: 5px;
}

.related-information-list a {
	display: inline;
	position: inherit;
    text-indent: 0;
}

.related-information-list a:before {
    display: none;
}

.related-information-list a.ext-pdf:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f1c1";
}

.related-information-section {
    margin-top: 0;
}

.related-information-section h2 {
    font-size: 1.8em;
}

/* Button Style */

a.hyperlink-button {
	margin-bottom: 20px;
	width: fit-content;
}

a.hyperlink-button:before {
	background-image: none;
}

.main-container a.styled-button-calltoaction:after,
.quick-links-section a:before,
.meeting-document-info a:before,
.meeting-document-info a.document:before {
    background-image: none;
    background-repeat: 0;
    background-size: 0;
    background-position: 0;
    width: 0;
    height: 0;
	margin-top: 0;
    position: absolute;
    top: 14px;
    right: 23px;
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f054";
	padding-right: 5px;
	transition: right 200ms ease-out 0s;
}

.main-container a.styled-button-calltoaction:hover:after,
.quick-links-section a:hover:before,
.meeting-document-info a:hover:before,
.meeting-document-info a.document:hover:before,
a.hyperlink-button:hover:before {
    right: 15px;
}

/* Content Filters */

.search-filter-full-width .search-filter-header {
	display: none;
}

.search-filter-full-width .search-filter-body {
    background-color: transparent;
	display: block !important;
}

.sc-search-box:before {
    top: 21px;
}

/* Contact Details */

.page-with-side-menu .contact-details-title {
	padding-top: 20px;
}

/* Table of Contents */

.table-of-content-container ol.table-of-content {
	list-style-position: outside;
	padding-left: 20px;
	padding-right: 20px;
}

.table-of-content-container ul.table-of-content {
	list-style: none;
	padding-left: 0;
	padding-right: 20px;
}

.table-of-content-container .table-of-content li.active-toc-item {
	font-weight: 700;
}

.full-width-page .table-of-content-container ul.table-of-content>li {
	margin-bottom: 0px;
    height: 80px;
}

.full-width-page .table-of-content-container ul.table-of-content>li a {
	display: block;
	background-color: #ffffff;
	color: #0076A8;
	border-top: 0;
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 15%);
	transition: box-shadow 0.25s ease-in-out;
    font-weight: 700;
    font-size: 1.2em;
    border-bottom: 0px solid #EDEDED;
    padding: 20px 20px 20px 20px;
	text-decoration: none;
	border-radius: .25rem;
}

.full-width-page .table-of-content-container ul.table-of-content>li a:hover {
	box-shadow: 2px 6px 12px 0 rgb(0 0 0 / 25%);
}

.full-width-page .table-of-content-container ul.table-of-content>li a:hover {
	background-color: #f8f8f8;
	text-decoration: underline;
	color: #005E86;
}

.full-width-page .table-of-content-container ul.table-of-content>li.active-toc-item a {
	background-color: #0076A8;
	color: #ffffff;
}

.full-width-page .page-section-pagination {
	display: none;
}

@media (min-width: 768px) {
	.full-width-page .table-of-content-container {
	column-count: 3;
	}
}

.page-section .page-section-pagination {
	padding-top: 30px
}


/* Article Navigation */

a.item-navigation.prev-item .item-navigation-label,
a.item-navigation.next-item .item-navigation-label {
    border: none;
	box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

a.item-navigation .item-navigation-label {
    text-transform: uppercase;
	border-radius: 4px;
}

a.item-navigation.prev-item .item-navigation-label:before,
a.item-navigation.next-item .item-navigation-label:before {
	content: "";
    display: block;
    width: 0;
    height: 0;
    background: none;
    background-image: none;
    background-size: 0;
    position: inherit;
    top: inherit;
    left: 0;
    margin: 0;
}

a.item-navigation.prev-item .item-navigation-label:before {
    position: absolute;
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f053";
	left: 23px;
	transition: left 200ms ease-out 0s;
}

a.item-navigation.next-item .item-navigation-label:after {
	position: absolute;
    font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f054";
	right: 23px;
	transition: right 200ms ease-out 0s;
}

a.item-navigation.prev-item .item-navigation-label:hover:before {
    left: 15px;
}

a.item-navigation.next-item .item-navigation-label:hover:after {
    right: 15px;
}


/* Category Label */

.categories-list a {
    text-transform: uppercase;
}

/* List Items */

.list-container .list-item-container-2 p.small-text,
p.small-text,
.event-date,
.list-container .list-item-container p.small-text,
.list-container .list-item-container p.list-item-address,
.list-item-container-2 .tagged-as-list,
.list-container .list-item-container .tagged-as-list {
    text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 500;
}

.list-item-container-2 .tagged-as-list .status,
.list-container .list-item-container .tagged-as-list .status,
.list-item-container-2 .tagged-as-list .tag,
.list-container .list-item-container .tagged-as-list .tag {
    font-weight: 700;
}

.list-container.list-container-grid .small-panel a p.list-item-address,
.list-container.list-container-grid .small-panel a p.small-text {
    padding-left: 0;
}

/* Icons */

.list-container article .content-details-stack li .phone::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f095";
	padding-right: 5px;
}

.list-container article .content-details-stack li .email::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f1fa";
	padding-right: 5px;
}

.list-container article .content-details-stack li .web::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f245";
	padding-right: 5px;
}

.list-container article .content-details-stack li .person::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f007";
	padding-right: 5px;
}

.list-container article .content-details-stack li .ward::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f5ee";
	padding-right: 5px;
}

/* Temporary Announcement and Closure */

#main-content .message-box.message-type-Announcement {
    background-color: #EAEDF4;
    border-left: 7px solid #0076A8;
    padding: 5px 0px;
}

#main-content .message-box.message-type-Temporary.Closure {
    background-color: #FBEEE5;
    border-left: 7px solid #DC5800;
    padding: 5px 0px;
}

#main-content .message-box.message-type-Announcement .side-box-title,
#main-content .message-box.message-type-Temporary.Closure .side-box-title {
    padding: 10px 20px;
    color: #444444;
    font-weight: 700;
}

#main-content .message-box.message-type-Announcement .side-box-content,
#main-content .message-box.message-type-Temporary.Closure .side-box-content {
    padding: 0 20px 15px 0px;
    margin-left: 60px;
}

#main-content .message-box.message-type-Announcement .side-box-content a {
    color: #0076A8;
    font-weight: 600;
}

#main-content .message-box.message-type-Temporary.Closure .side-box-content a {
    color: #DC5800;
    font-weight: 600;
}

#main-content .message-box.message-type-Announcement h2:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f06a";
    font-size: 1.5em;
    color: #0076A8;
    font-weight: bold;
    vertical-align: -3px;
    margin-right: 10px;
}

#main-content .message-box.message-type-Temporary.Closure h2:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f06a";
    font-size: 1.5em;
    color: #DC5800;
    font-weight: bold;
    vertical-align: -3px;
    margin-right: 10px;
}

/* Page images */

.content-type-road-work .main-container img {
	border-radius: 10px;
}



/****************************************************/
/** Section Navigation ********************************/
/****************************************************/

#sub-navigation-container a {
    font-weight: 400;
	font-size: 0.9em;
}

#sub-navigation-container a:hover {
    font-weight: 700;
}

#sub-navigation-container li.nav-active-path>a {
    font-weight: 700;
	color: #0076A8;
}

#sub-navigation-container li.nav-active-path>a:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f175";
	padding-right: 5px;
}

#sub-navigation-container li.nav-active-page>a {
    font-weight: 700;
	background-color: #ffffff;
	color: #0c0c0c;
}

#sub-navigation-container li.nav-active-page>a:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f178";
	padding-right: 5px;
}

/****************************************************/
/** Facilities ********************************/
/****************************************************/

/* Facilities Listing Cards */

.list-container.list-container-grid.facility-list-container
.list-item-container.small-panel
.large-thumbnail-image {
	display: block;
}

/****************************************************/
/** Services ********************************/
/****************************************************/

/* Services Listing Cards */

.services-list-container .list-item-container a {
    padding-bottom: 0 !important;
}

.services-list-container .list-item-container a .list-item-title {
    font-size: 1em;
}

/****************************************************/
/** Policy and strategy document card ***************/
/****************************************************/

.document-download .list-item-container article a {
    padding: 0;
}

.document-download .list-item-container article a .card-content {
    padding: 20px 20px 20px 10px;
}

.document-download .list-item-container article a .card-content h3 {
    margin: 3% 0px;
}

@media (max-width: 768px) {
	.document-download .list-item-container article a .card-content {
		padding: 10px 20px 20px 20px;
	}
}

.document-download .list-item-container article .event-image {
    position: relative;
}

.document-download .list-item-container article .thumbnail-image {
    margin: 0;
}

.document-download .list-item-container article i {
    color:#333;
	font-size: 2.2em;
	display: flex;
	justify-content: center;
	margin-top: 50%;
}


/****************************************************/
/** Events ********************************/
/****************************************************/

/* Events Listing Cards */

.events-list-container .list-item-container article a,
.events-list-container .list-item-container article {
    padding: 0;
}

.events-list-container .list-item-container article a .card-content {
    padding: 20px 20px 20px 0px;
}

.events-list-container .list-item-container article .card-content {
    padding: 10px 30px 30px 30px;
}

@media (max-width: 768px) {
	.events-list-container .list-item-container article a .card-content {
		padding: 20px;
	}

	.events-list-container .list-item-container article .card-content {
		padding: 0px 20px 20px 20px;
	}
}

.events-list-container .list-item-container article .event-image {
    position: relative;
}

.events-list-container .list-item-container article .thumbnail-image {
    margin: 0;
}

.events-list-container .list-item-container .list-item-block-date {
    position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 0;
    height: inherit;
	width: auto;
    padding: 15px;
    margin: 0;
}

/* Events Details */

.add-to-calendar-header {
	padding-bottom: 20px;
}

.add-to-calendar-header h2 {
	text-transform: uppercase;
    box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
    font-size: 0.9em !important;
	background-color: #2F2B4E;
	border-radius: 4px;
    font-weight: 700;
    padding: 14px 25px 14px 25px;
}

.add-to-calendar-header h2:hover,
.add-to-calendar-header h2:active {
	background-color: #090026;
}

.accordion-trigger.add-to-calendar-trigger i {
	margin: 14px 20px 10px 20px;
}

/****************************************************/
/** Departments ********************************/
/****************************************************/

/* Departments Listing Cards */

.department-list-container a {
	text-decoration: none;
}

.department-list-container article {
	padding: 20px;
}

.department-list-container article .list-item-title,
.department-list-container article ul li,
.department-list-container article ul li .field-value {
    margin-bottom: 5px;
}

/* Departments Page Contact Cards */

.department-page-container {
	margin: 0px;
}

.department-page-container article {
	border-top: none;
	padding: 0;
}

.department-page-container article a .list-item-title,
.department-page-container article ul li,
.department-page-container article ul li .field-value {
    margin-bottom: 5px;
}

/****************************************************/
/** Councl Meetings ********************************/
/****************************************************/

/* Council Meetings Listing Cards */

.meetings-list-container .accordion-item-body>p {
    display: none;
}

/****************************************************/
/** Grants & Funding ********************************/
/****************************************************/

/* Grants & Funding Card */




/****************************************************/
/** Elected Officials ********************************/
/****************************************************/

/* Elected Officials My Area */

.module-interface-in-my-neighbourhood .councillors-widget .councillor-result article {
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 15%);
    border-top: none;
	padding: 20px;
	border-radius: .25rem;
}

.module-interface-in-my-neighbourhood .councillors-widget .councillor-result article a {
    color: #0369B5;
}

.module-interface-in-my-neighbourhood .councillors-widget .councillor-result article picture .thumbnail-image {
    float: left;
	padding-right: 20px;
}

.module-interface-in-my-neighbourhood .councillors-widget .councillor-result .councillor-details-stack .contact-phone .field-label,
.module-interface-in-my-neighbourhood .councillors-widget .councillor-result .councillor-details-stack .contact-phone-alternate .field-label,
.module-interface-in-my-neighbourhood .councillors-widget .councillor-result .councillor-details-stack .contact-email .field-label {
	display: none;
}

.module-interface-in-my-neighbourhood .councillors-widget .councillor-result .councillor-details-stack span {
	margin-bottom: 5px;
}

.module-interface-in-my-neighbourhood .councillors-widget .councillor-result .councillor-details-stack .contact-phone span.field-value:before,
.module-interface-in-my-neighbourhood .councillors-widget .councillor-result .councillor-details-stack .contact-phone-alternate span.field-value:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f095";
	padding-right: 5px;
}

.module-interface-in-my-neighbourhood .councillors-widget .councillor-result .councillor-details-stack .contact-email span.field-value:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f1fa";
	padding-right: 5px;
}

/* Elected Officials Cards */

.elected-official-list-container article {
	padding: 0;
}

.elected-official-list-container article picture .thumbnail-image {
    margin: 0;
	padding-right: 20px;
	width: 33%;
	border-radius: .25rem 0 0 .25rem;
}

.elected-official-list-container article .card-content {
    padding: 20px;
}

.elected-official-list-container article .card-content h2,
.elected-official-list-container article .card-content ul li,
.elected-official-list-container article .card-content ul li .field-value {
    margin-bottom: 5px;
}

.elected-official-list-container article .card-content ul li.position-title {
	display: block;
    font-weight: bold;
}

/* Elected Officials Details */

.elected-official .main-page-image {
    float: left;
	margin: 0px 0px 20px 0px;
}

.elected-official .elected-official-details-stack {
    float: right;
}

.elected-official .elected-official-details-stack .position-title {
	display: block;
    font-weight: bold;
}

/****************************************************/
/** Feedback Form ********************************/
/****************************************************/

.sc-feedback-form {
    background-color: #f8f8f8;
    max-width: 100%;
}

.sc-feedback-form .sc-element-container fieldset legend.sc-required {
    float: left;
	margin-top: 10px;
    margin-right: 20px;
}

.sc-feedback-form .sc-element-container fieldset .sc-feedback-buttons input[type="button"] {
    padding: 5px 30px;
	margin: 0 5px;
}

.sc-feedback-form .sc-element-container fieldset .sc-feedback-buttons input[type="button"].selected-button {
    opacity: 1;
	background-color: #0076A8;
	color: #ffffff;
	border: solid 2px #0076A8;
}

@media (max-width: 768px) {
	
	.sc-feedback-form .sc-element-container fieldset legend.sc-required {
		float: none;
	}
	
	.sc-feedback-form .sc-element-container fieldset .sc-feedback-buttons {
    	display: flex;
	}
	
	.sc-feedback-form .sc-element-container fieldset .sc-feedback-buttons input[type="button"] {
		margin-top: 5px;
		margin-bottom: 5px;
	}
}

/****************************************************/
/** Tabs ********************************/
/****************************************************/

.tab-group-inner-page .tabs-panel.selected {
    box-shadow: 0 1px 8px -1px rgba(0, 0, 0, 0.14);
}

.tab-group-inner-page .tab-header-title:hover {
    background-color: #005E86;
}

.tab-group-inner-page .tab-header-title.selected,
.tab-group-inner-page a.tab-header-title.selected:visited,
.tab-group-inner-page a.tab-header-title.selected:active,
.tab-group-inner-page a.tab-header-title.selected:focus,
.tab-group-inner-page a.tab-header-title.selected:hover,
.tab-group-inner-page a.tab-header-title:visited:hover,
.tab-group-inner-page .tab-header-title.selected:hover {
    background-color: #005E86 !important;
    box-shadow: 0 1px 8px -1px rgba(0, 0, 0, 0.14);
}

/* Tab Buttons */

.tab-buttons .oc-wysiwyg-container .tab-group-inner-page {
    margin-bottom: 0;
}

.tab-buttons .oc-wysiwyg-container .tab-group-header {
	column-count: 2;
}

.tab-buttons .oc-wysiwyg-container .tab-header-title {
	position: inherit;
	display: block;
	width: 100%;
	margin-bottom: 20px;
    background-color: #ffffff !important;
    color: #0076A8;
    box-shadow: 0 1px 8px -1px rgba(0, 0, 0, 0.14) !important;
    font-weight: 700;
    font-size: 1.2em !important;
    padding: 20px !important;
    text-decoration: none;
	border-radius: 0;
}

.tab-buttons .oc-wysiwyg-container .tab-header-title:hover {
    background-color: #f8f8f8 !important;
	text-decoration: underline;
}

.tab-buttons .oc-wysiwyg-container .tab-header-title.selected {
    background-color: #0076A8 !important;
	color: #ffffff;
}

.tab-buttons .oc-wysiwyg-container .tab-group-inner-page .tab-group-body {
	position: inherit;
}

.tab-buttons .oc-wysiwyg-container .tab-group-inner-page .tabs-panel.selected {
    box-shadow: none;
	padding: 0;
}

@media (max-width: 768px) {
	
	.tab-buttons .oc-wysiwyg-container .tab-group-header {
		column-count: 1;
	}
}

/****************************************************/
/** My Area ********************************/
/****************************************************/

/* Map Pins */

.oc-map div[title="Your Location"] {
	opacity: 1 !important;
    z-index: 9999 !important;
}


/* Waste */

.waste-services-result article, .councillor-result article {
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 15%);
    border-top: none;
    padding: 20px;
	border-radius: .25rem;
    transition: box-shadow .25s ease-in-out;
}

.waste-services-result .next-service {
    font-size: 1em;
    font-weight: 500;
}

.waste-services-result.general-waste .service-details .next-service::before,
.waste-services-result.recycling .service-details .next-service::before {
    content:"Next pickup: ";
}

.waste-services-result .service-details:before {
    content: "";
    display: inline-block;
    width: 75px;
    padding-right: 10px;
    vertical-align: middle;
}

.waste-services-result.general-waste .service-details:before {
    content: url(/sitecore/opencities/elements/My-area-sprite_Red-bin.svg);
}

.waste-services-result.recycling .service-details:before {
    content: url(/sitecore/opencities/elements/My-area-sprite_Yellow-bin.svg);
}

.waste-services-result.ward .service-details:before {
    content: url(/sitecore/opencities/elements/My-area-sprite_Wards.svg);
}

.waste-services-result.my-home .service-details:before {
    content: url(/sitecore/opencities/elements/My-area-sprite_My-home.svg);
}

.waste-services-result.news .service-details:before {
    content: url(/sitecore/opencities/elements/My-area-sprite_News.svg);
}

.waste-services-result.services .service-details:before {
    content: url(/sitecore/opencities/elements/My-area-sprite_Services.svg);
}

.waste-services-result.roadworks .service-details:before {
    content: url(/sitecore/opencities/elements/My-area-sprite_Road-works.svg);
}

.waste-services-result.area .service-details:before {
    content: url(/sitecore/opencities/elements/My-area-sprite_Area-recycle.svg);
}

/****************************************************/
/** Back To Top  ********************************/
/****************************************************/

html.js #back-to-top {
    position: fixed;
    width: 40px;
	height: 40px;
	border: none;
	opacity: .3;
	transition: opacity .5s, background-color .5s;
    -moz-transition: opacity .5s, background-color .5s;
    -webkit-transition: opacity .5s, background-color .5s;
}

html.js #back-to-top::before {
    font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f077";
	font-size: 13px;
    position: absolute;
    opacity: 1;
    color: #fff;
    left: 37%;
    top: 28%;
    text-decoration: none;
}

#back-to-top i {
    display: none;
}

html.js #back-to-top:hover {
	opacity: .7;
}

html.js #back-to-top {
    display: none;
}

/****************************************************/
/** iFrame ********************************/
/****************************************************/

.full-frame iframe {
    height: 1000px;
    width: 100%;
    margin: 0;
    border: 0;
    overflow-y: hidden;
    overflow-x: hidden;
}

.fixed-frame iframe {
    height: 1000px;
    width: 100%;
    margin: 0;
	border: 0;
    overflow-y: scroll;
    overflow-x: hidden;
}

.med-frame iframe {
    height: 700px;
    width: 100%;
    margin: 0;
    border: 0;
    overflow-y: hidden;
    overflow-x: hidden;
}

/* Responsive iFrame */

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive .embed-responsive-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/****************************************************/
/** Search Results  ********************************/
/****************************************************/

.search-list-container .list-item-container {
    margin: 0;
}

.search-list-container .list-item-container a {
    border-top: solid 2px #EDEFEF;
}

/****************************************************/
/** Tables  ********************************/
/****************************************************/

table.sc-responsive-table {
    width: 100%;
}

table.sc-responsive-table tbody tr th {
    color: #ffffff;
    background-color: #0076A8;
}

table.sc-responsive-table tbody tr td {
    line-height: 1.42857143;
    border-top: 1px solid #ddd !important;
}

table.sc-responsive-table tbody tr:hover td {
    background-color: #f8f8f8;
}

/****************************************************/
/** Maps  ********************************/
/****************************************************/

.iw-container .iw-content {
    max-height: none;
}

@media (max-width: 768px) {
	.map-canvas {
		display: block;
		margin-bottom: 2em;
		position: relative;
		max-width: 100%;
		height: 300px;
	}

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

.gmap-target {
	border-radius: 10px;
}

/****************************************************/
/** 404 Page  ********************************/
/****************************************************/

.page-not-found .popular-pages-wrapper {
	background-color: #f8f8f8;
	padding: 50px;
	margin: 30px -25px;
}

.page-not-found .popular-pages-wrapper .popular-pages a {
	color: #0369B5;
}

/****************************************************/
/** Welcome Message ********************************/
/****************************************************/

.welcome-message {
	text-align: center;
	background-color: #2F2B4E;
	padding: 50px 20px 0 20px;
}

.welcome-message h2 {
	margin-top: 0;
	font-weight: 700;
    color: #ffffff;
}

.welcome-message a {
    color: #ffffff;
    font-size: 1.1em;
    font-weight: 500;
    text-decoration: none;
	border: 2px #ffffff solid;
	border-radius: 4px;
	padding: 10px 30px;
}

.welcome-message a:hover {
	box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2);
	transition: box-shadow 0.3s ease-out;
}

@media (max-width: 768px) {
	
	.welcome-message {
		padding: 30px 20px 30px 20px;
	}
}