* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;

}

body {
    font: 18px / 1.33em Corbel, 'Corbel W01', 'Helvetica Neue', Arial, sans-serif;
    color: #424242;
}

ul {
    list-style-type: none;
}

ul.tabs.primary {
    flex-direction: row;
}

:root {
    --dark_blue: #003a5d;
    --light_blue: #0073cf;
}

body {
    overflow-x: hidden;
}

a:hover {
    text-decoration: none;
}

.home-events,
.home-subscibe,
.home-city,
.home-media {
    margin-bottom: 125px;
}

ul,
figure,
p,
h1,
h2,
h3,
h4 {
    margin: 0px;
}

h3 {
    font: 18px / 18px Corbel, 'Corbel W01', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;
    color: #767676;
    font-family: "Open Sans", 'Helvetica Neue', Arial, sans-serif;
    margin-bottom: 32px;
}

img {
    max-width: 100%;
}

body {
    font-family: "Corbel";
}

.site-btn {
    transition: all 0.2s ease-in-out;
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
    background: #e05206;
    color: white;
    text-transform: uppercase;
    padding: 12.5px 20px;
    display: inline-block;
    letter-spacing: 1.5px;
    text-align: center;
    min-width: 150px;
    height: 45px;
}

.site-btn:hover {
    color: white;
    background: linear-gradient(180deg, #f28a0e 0, #e05206 100%);
}

.home-quick-links {
    padding-bottom: 30px;
}

/* header part css starts */
header {
    position: sticky;
    top: 0;
    z-index: 200;
    background: #fff;
    width: 100%;
}

header.header_shrunk {
    background: #eceff1;
}

header.header_shrunk nav.navbar {
    padding: 0px;
}

.navbar-brand {
    position: relative;
}

.navbar-brand .logo-onscroll {
    position: absolute;
    top: 40%;
    left: 0;
}

header .navbar-brand {
    transition: all 0.5s ease-in-out;
}

header.header_shrunk .logo-main,
.logo-onscroll {
    opacity: 0;
    visibility: hidden;
}

header.header_shrunk .logo-onscroll {
    opacity: 1;
    visibility: visible;
}

.navbar-brand img {
    max-width: 131px;
}

.navbar-brand img.logo-onscroll {
    max-width: 176px;
}

/* .header-right .nav-item span span {
    display: block;
} */

header .nav-link {
    color: var(--dark_blue);
    transition: all 0.5s ease-in-out;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    position: relative;
    margin-right: 60px;
}

header .nav-link::before {
    content: "";
    position: absolute;
    left: 1px;
    bottom: 0px;
    width: 100%;
    height: 2px;
    background-color: var(--dark_blue);
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.5s ease-in-out;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
    cursor: pointer;
}

header .nav-link:hover,
header .nav-link.active {
    color: var(--light_blue);
}

header nav.navbar {
    justify-content: space-between;
    padding: 24px 0px;
    padding-bottom: 32px;
    transition: all 0.2s ease-in-out;
}

header .nav-link:hover::before,
header .nav-link.active::before {
    color: var(--dark_blue);
    opacity: 1;
    transform: translateY(5px);
}



header .dropdown .dropdown-toggle::after {
    content: unset
}

/* header .dropdown:hover>.dropdown-menu{
    display:block;
} */
header .dropdown-menu.main-menu a svg,
header .dropdown-menu.main-menu span svg {
    width: 18px;
    height: 11px;
    transform: rotate(90deg);
    margin-right: 9px;
    transition: all 0.5s ease-in-out;
    fill: #fdb408;
}

header .dropdown-menu a,
header .dropdown-menu span {
    color: white;
    padding: 8px 15px;
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    transition: all 0.5s ease-in-out;
    display: inline-block;
    width: 320px;
    cursor: pointer;
}

header .dropdown-menu a:hover svg,
header .dropdown-menu span:hover svg {
    opacity: 1;
}

header .dropdown-menu a:hover,
header .dropdown-menu span:hover,
header .dropdown-menu a:focus,
header .dropdown-menu span:focus {
    background-color: rgba(0, 0, 0, 0.2);
}




.header-search-form {
    text-align: right;
    margin-bottom: 50px;
    border-bottom: 1px solid white;
    display: inline-flex;
}

.header-search-form input[type="text"] {
    background-color: transparent;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    padding-bottom: 5px;
    border: none;
    color: white;
    padding-right: 50px;
}

.header-search-form input[type="text"]::placeholder {
    color: white;
}

.header-search-form input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.header-search-form-submit {
    position: relative;
}

.header-search-form-submit svg {
    width: 20px;
    height: 20px;
    fill: white;
}

/* header part css ends */
/* home banner css starts */
.banner-row-wrapper {
    display: flex;
}

.home-banner {
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
}

.home-banner-sidebar {
    position: absolute;
    right: 60px;
    top: 150px;
    z-index: 999;
}

.home-banner-sidebar li a {
    padding: 8px 7px;
    cursor: pointer;
    width: 42px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-banner-sidebar-search a {
    background-color: var(--dark_blue);
}

.home-banner-sidebar-phone a {
    background-color: var(--light_blue);
    margin: 3px 0px;
}

.home-banner-sidebar-feedback a {
    background-color: #61aee1;
}

.home-banner-sidebar li {
    display: flex;
    justify-content: flex-end;
}

.home-banner-sidebar-search form {
    background-color: var(--dark_blue);
    width: 0;
    transition: all 0.4s ease-in-out;
}

.home-banner-sidebar-search.home-banner-sidebar-search-clicked form {
    width: 100%;
}

.home-banner-sidebar-search input {
    background-color: transparent;
    color: white;
    border: 0;
    padding: 7px 5px;
    border-bottom: solid 1px white;
    max-width: 100%;
    font-weight: 400;
    font-size: 17px;
    padding: 7px 16px;
    border-radius: 2px;
}

.home-banner-sidebar-search input::placeholder {
    color: white;
    font-style: italic;
}

.home-banner-sidebar svg {
    width: 23px;
    height: 25px;
    fill: white;
}

.home-banner-sidebar a {
    display: inline-block;
}

.banner-left {
    background: var(--dark_blue);
    color: white;
    /* max-width:686px; */
    padding: 57px;
    width: calc(36%);
}

.banner-right {
    width: calc(64%);
}

.banner-left h2 {
    font-size: 26px;
    line-height: 30px;
    font-family: "Open Sans";
    margin-bottom: 20px;
    min-height: 60px;
}

.banner-left p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 25px;
    min-height: 96px;
}

.home-banner .slick-dots li button {
    color: white;
}

.home-banner .slick-dots {
    bottom: 19px;
    left: 57px;
    text-align: left;
}

.home-banner .slick-dots li button:before {
    font-size: 40px;
    color: white;
    opacity: 1;
}

.other-banner-slider .slick-dots li button:before {
    font-size: 70px;
    color: white;
    opacity: 1;
}

.home-banner .slick-dots li.slick-active button:before {
    color: var(--light_blue);
}

.other-banner-slider .slick-dots li.slick-active button:before {
    color: #003a5d;
}

.home-banner .slick-dots li {
    margin: 0 1px;
}

/* home banner css ends */
/* home quicklinks css starts */
.home-quick-links-col svg {
    width: 44px;
    height: 45px;
}

.home-quick-links-col h3 {
    color: var(--dark_blue);
    font-size: 27px;
    line-height: 38px;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 10px;
    transition: right 0.4s ease-in-out;
}

.home-quick-links-col p {
    color: #767676;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 50px;
}

.home-quick-links-col a {
    color: var(--light_blue);
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin-top: 10px;
}

.home-quick-links-col {
    transition: right 0.4s ease-in-out;
    max-width: 300px;
    padding-bottom: 30px;
}

.home-quick-links-col:hover {
    border-left: 8px solid var(--light_blue);
    cursor: pointer;
    padding: 15px 10px 30px 20px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}

.home-quick-links-col:hover h3 {
    font-size: 30px;
}

.home-quick-links-bottom {
    max-width: 690px;
    background-color: #fff;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.15);
    color: var(--light_blue);
    text-align: center;
    margin: auto;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-quick-links-bottom a {
    color: var(--light_blue);
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 27px;
    font-family: "Open Sans";
    padding: 15px 0px;
    display: inline-block;
    margin: 0px 10px;
}

.home-quick-links-bottom-arrow svg {
    width: 14px;
    height: 12px;
    transform: rotate(90deg);
    fill: #1976d2;
}

.home-quick-links-bottom-grid svg {
    width: 24px;
    height: 24px;
    vertical-align: bottom;
    fill: #1976d2;
}

/* home quicklinks css ends */
/* home subscibe section css starts */
.home-subscibe-content {
    margin-top: 30px;
}

.home-subscibe-content h3 a {
    font-family: "Open Sans";
    font-size: 26px;
    line-height: 30px;
    margin-top: 30px;
    color: var(--dark_blue);
}

.home-subscibe-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 18px;
    margin-bottom: 20px;
    color: #1e1e1e;
}

.home-subscibe-content h3 a:hover {
    color: var(--light_blue);
}

.home-media-bottom-row {
    margin-top: 30px;
}

/* home subscibe section css ends */
/* home events section css starts */
.home-events {
    background-color: #eceff1;
    padding-bottom: 55px;
}

.home-events-heading {
    background: url(../images/home-events-heading.png) repeat center;
    padding: 30px 0px;
    text-align: center;
    position: relative;
    margin-bottom: 65px;
}

.home-events-heading::after {
    border-color: var(--dark_blue) transparent transparent transparent;
    z-index: 3;
    content: "";
    position: absolute;
    bottom: -40px;
    left: 50%;
    z-index: 10;
    margin-left: -20px;
    border-width: 20px;
    border-style: solid;
}

.home-events-heading h1 {
    font-size: 26px;
    line-height: 36px;
    font-family: "Open Sans";
    color: #fff;
}

.home-events-top h2 {
    background-color: var(--dark_blue);
    padding: 13px 43px;
    display: inline-block;
    color: #fff;
    font-family: "Open Sans";
    font-size: 20px;
    letter-spacing: -0.23px;
    line-height: 24px;
    text-align: center;
}

.home-events-wrapper {
    padding: 24px 45px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: white;
    height: 100%;
}

.home-events .row {
    overflow: hidden;
}

.home-events-row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
}

.home-events-row .circle-date {
    width: 60px;
    height: 60px;
    background-color: var(--light_blue);
    color: white;
    border-radius: 50%;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    font-family: "Open Sans";
    margin-right: 15px;
}

.home-events-row .circle-date span {
    font-size: 14px;
    line-height: 18px;
    display: block;
    text-transform: uppercase;
}

.home-events-title a {
    font-size: 20px;
    line-height: 30px;
    font-family: "Open Sans";
    display: flex;
    color: var(--dark_blue);
    position: relative;
    transition: all 0.2s ease-in-out;
}

.home-events-row:hover a {
    color: var(--light_blue);
}

.home-events-title span:not(.home-events-title a span) {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-left: 35px;
}

.home-events-title a span {
    margin-right: 10px;
}

.home-events-title svg {
    width: 24px;
    height: 14px;
    transform: rotate(90deg);
    fill: var(--light_blue);
    transition: all 0.2s ease-in-out;
}

.home-events-title {
    width: 80%;
}

.home-news-wrapper .home-events-title {
    width: unset;
}

.home-events-row:hover a span svg {
    transform: translateX(4px) rotate(90deg);
}

.home-events-bottom {
    padding-top: 24px;
    border-top: 1px solid #c9cbcd;
}

.home-events-bottom a {
    font-size: 18px;
    line-height: 24px;
    font-family: "Open Sans";
    color: black;
    display: inline-flex;
    align-items: center;
    transition: all 0.4s ease-in-out;
}

.home-events-bottom a:hover {
    color: var(--light_blue);
}

.home-events-bottom svg {
    width: 58px;
    height: 50px;
    fill: #1976d2;
    margin-right: 15px;
}

/* home events section css ends */
/* home city section css starts */
.home-city-bg {
    background: url(../images/home-we-are.jpg) no-repeat center;
    background-position: center;
    padding-top: 104px;
    padding-bottom: 300px;
    position: relative;
}

.home-city-bg::before {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(180deg, #1d0231 0, rgba(175, 159, 188, 0) 100%);
}

.home-city-bg h2 {
    color: rgba(255, 255, 255, 0.5);
    font-size: 60px;
    font-weight: bold;
    line-height: 72px;
    text-align: center;
    position: relative;
}

.home-city-bg p {
    max-width: 630px;
    padding-top: 20px;
    color: rgba(255, 255, 255, 0.94);
    font-size: 18px;
    letter-spacing: -0.1px;
    line-height: 25px;
    text-align: center;
    margin: auto;
    position: relative;
}

.home-facts {
    position: relative;
    color: white;
    overflow: hidden;
    text-align: center;
    padding-top: 20px;
    background-color: white;
}

.home-facts-wrapper {
    background-color: var(--light_blue);
    padding: 16px 0 26px 0;
}

.home-facts::before,
.home-facts::after {
    content: "";
    position: absolute;
    right: -10px;
    width: 50%;
    height: 20px;
    top: 0;
    background-color: #0073cf;
    transform: skew(-44deg);
}

.home-facts::after {
    right: 0;
    left: -10px;
    top: 0;
    background-color: #0073cf;
    transform: skew(44deg);
}

.home-facts a {
    font-size: 26px;
    line-height: 33px;
    color: #fff;
    font-family: "Open Sans";
    color: white;
    font-weight: 700;
    width: 290px;
    display: inline-block;
    padding: 30px 0px;
    transition: all 0.2s ease-in-out;
    position: relative;
}

.home-facts a:hover {
    background: white;
    color: #e05206;
}

.home-facts a span:not(.home-facts a span.home-facts-arrow) {
    font-size: 14px;
    font-weight: 400;
    font-family: "Open Sans";
    display: block;
}

.home-facts .row .col-lg-4:nth-child(2) {
    border-left: solid #3f95da 2px;
    border-right: solid #3f95da 2px;
}

.home-facts-arrow {
    position: absolute;
    top: 57px;
    width: 23px;
    right: -23px;
    height: 43px;
    border-bottom-right-radius: 110px;
    border-top-right-radius: 110px;
    background: linear-gradient(180deg, #f28a0e 0, #e05206 100%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.home-facts a:hover .home-facts-arrow {
    opacity: 1;
}

.home-facts-arrow svg {
    width: 15px;
    height: 15px;
    fill: white;
    transform: rotate(90deg);
}

/* home city section css ends */
/* footer css start */
.footer-top {
    background-color: var(--dark_blue);
    padding: 30px 0px;
}

.footer-top-left a {
    background: #0073cf;
    padding: 15px 13px;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    font-family: "Open Sans";
    color: white;
    display: inline-block;
    letter-spacing: 1.76px;
    transition: all 0.2s ease-in-out;
}

.footer-top-left a:hover {
    color: #e05206;
    background-color: #fff;
}

.footer-top-right {
    max-width: 450px;
    margin: auto;
}

.footer-top-right h2 {
    font-family: "Open Sans";
    font-size: 26px;
    letter-spacing: -0.14px;
    font-weight: 400;
    margin: 0 0 17px;
    color: white;
}

.footer-top-right p {
    font-size: 18px;
    letter-spacing: -0.1px;
    line-height: 24px;
    margin: 0 0 17px;
    font-weight: 400;
    color: white;
}

.footer-social {
    padding: 32px 0;
    background: #eceff1;
}

.footer-social-left h3 {
    font-family: "Open Sans";
    font-size: 26px;
    letter-spacing: -0.14px;
    line-height: 36px;
    color: #003a5d;
    margin-right: 10px;
    display: inline-block;
}

.social-icons svg {
    width: 28px;
    height: 33px;
    fill: var(--light_blue);
}

.social-icons ul {
    display: flex;
    list-style-type: none;
}

.footer-social-left {
    display: flex;
    flex-wrap: wrap;
}

.social-icons ul li {
    margin-left: 10px;

}

.footer-social-right a {
    display: inline-block;
    padding-right: 20px;
}

.footer-social-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.footer-bottom-links {
    display: flex;
    margin-bottom: 5px;
    list-style-type: none;
}

.footer-bottom-links li {
    padding-right: 40px;
}

.footer-bottom-links a {
    color: var(--dark_blue);
}

.footer-bottom-links a:hover {
    color: var(--light_blue);
}

.footer-bottom {
    padding: 35px 0px;
}

.footer-bottom .footer-bottom-year {
    display: inline-block;
    margin-right: 50px;
}

.footer-bottom .menu--footer-menu {
    display: inline-block;
}

#top {
    display: inline-block;
    color: var(--dark_blue);
    float: right;
    transition: all 0.2s ease-in-out;
}

#top svg {
    width: 16px;
    height: 16px;
    display: block;
    fill: var(--light_blue);
    transition: all 0.2s ease-in-out;
}

#top:hover {
    color: var(--light_blue);
}

#top:hover svg {
    transform: translateY(-5px);
}

.topbutton {
    display: inline-block;
}

/* footer css ends */

/* submenu css starts */

.navbar-expand-lg .navbar-nav .dropdown-menu.main-menu {
    width: 100%;
    height: 100vh;
    top: 100%;
    left: 0;
    margin: 0;
}

.third-level-menu .dropdown-menu.menu-content {
    background-color: inherit;

}

.dropdown,
.navbar {
    position: static;
}

header .dropdown-menu.main-menu ul {
    margin-top: 0;
    width: 100%;
    text-align: left;
    list-style-type: none;
}

header .dropdown-menu.main-menu>ul {
    position: relative;
}

.close-submenu-btn {
    position: relative;
    padding-top: 30px;
    background: transparent;
    border: none;
    color: white;
    font-family: sans-serif;
    font-weight: bold;
}

.close-submenu-btn:hover {
    color: black;
}

.close-submenu-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    width: auto;
    height: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #fff transparent transparent transparent;
}

.header_shrunk .close-submenu-btn::before {
    border-top-color: #eceff1;
}

button.close-submenu-btn:focus {
    outline: none;
    outline: none;
}

.dropdown-menu.main-menu {
    background: linear-gradient(180deg, #0077be 0, rgba(93, 172, 224, 0.9) 100%);
    text-align: center;
    padding: 0;
    border: none;
    border-top-color: #eceff1;
}

.third-level-menu .menu-content {
    top: 8%;
    left: 30%
}

.third-level-menu .menu-content p {
    color: rgba(255, 255, 255, 0.6);
    padding: 5px 20px 15px;
    /* max-width: 320px; */
}

.menu-content {
    border: none;
}


#submenu {
    display: none;
}



/* submenu css ends */



/* mobile menu */
.mobile-menu-wrapper {
    display: none;
}

.mobile-menu-main,
.mobile-submenu {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.mobile-submenu {
    display: none;
}

.mobile-menu-close span svg {
    width: 21px;
    height: 21px;
    fill: white;
    margin-left: 40px;
    margin-top: 15px;
}

/* .mobile-menu-main span {
    /* float: right; */
/* font-size: 23px; */
/* color: #003a5d; */
/* } */
.mobile-menu-wrapper .mobile-menu-close span {
    border-bottom: inherit;
}

ul.mobile-submenu-third li a {
    color: #212529;
}

*/ .mobile-menu-main {
    width: 100%;
    margin-bottom: 8px;
    background-color: #fff;
}

.mobile-menu-main li {
    position: relative;
    font-size: 17px;
    border-bottom: 1px solid #CCC;
}

.mobile-submenu {
    background-color: #eceff1;
}

.mobile-menu-wrapper li span {
    text-transform: uppercase;
}

.mobile-menu-wrapper .mobile-submenu li span,
.mobile-menu-wrapper .mobile-submenu li span a {
    text-transform: capitalize;
    color: #003a5d;
}

.mobile-menu-wrapper .mobile-submenu li span:hover,
.mobile-menu-wrapper span:hover {
    color: #0073cf;
}

.mobile-menu-wrapper span,
.mobile-menu-wrapper .mobile-submenu li a {
    color: #003a5d;
    border-bottom: 1px solid #CCC;
    position: relative;
    display: block;
    padding: 10px 15px;
    line-height: 1em;
    cursor: pointer;
    display: block;
    font-weight: 500;
}

.mobile-submenu-third {
    background-color: #dde3e6;
}

.mobile-submenu-third li {
    padding: 10px 15px;
    line-height: 1em;
    border-bottom: 1px solid #CCC;
}

.mobile-menu-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0 !important;
    right: -100%;
    bottom: 0;
    z-index: 150;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    border-left: 1px solid #CCC;
    transition: right .4s ease-in-out;
}

.mobile-menu-close {
    width: 15%;
    background-color: rgba(0, 115, 207, 0.9);
    color: white;
}

.mobile-menu-main {
    width: 85%;
}

.navbar-collapse.show .mobile-menu-wrapper {
    right: 0;
}

/* mobile menu */

/* other pages */
.community-content {
    margin-bottom: 40px;
    padding: 0 32px;
    border-left: 1px solid #CCC;
}

.community-content h2,
.community-sidebar h2 {
    font-size: 26px;
    line-height: 40px;
    color: #767676;
    font-family: "Open Sans", 'Helvetica Neue', Arial, sans-serif;
    /* border-bottom: 1px solid #CCC; */
    margin-bottom: 32px;
    /* padding-left: 30px;
    padding-bottom: 15px; */
    font-style: normal;
}

.accordion-inner h2 {
    font-size: 24px;
    line-height: inherit;
    border: none;
    padding-left: inherit;
    padding-bottom: inherit;
}

.accordion-inner ul li a {
    position: relative;
}


.accordion-inner ul li a:after {
    content: url('../icons/accordion-launch.svg');
    position: absolute;
    bottom: -2px;
    right: -12px;
    font-size: 21px;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    vertical-align: text-bottom;
}

.accordion-inner a.external-link:after,
a.button.external-link:after,
P a.external-link:after,
.paragraph--type--single-column-copy a.external-link:after,
a.external-link:not(.related-items .external-link, .social-icons .external-link, .view-meetings .external-link, .dropdown-menu .external-link, .bylaw-content-wrapper .external-link):after {
    content: url('../icons/launch.svg');
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: text-bottom;
    padding-left: 2px;
}

a.button.external-link:hover:after,
.paragraph--type--single-column-copy h4 a.external-link:hover:after,
.field--name-field-copy h4 a.external-link:hover:after {
    content: url('../icons/hover-launch.svg');
}

P a.external-link:after {
    padding: 0px 2px;
}


.community-sidebar .community-menu li a,
.community-sidebar .community-menu li span {
    color: #003a5d;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding: 4px 0px;
    position: relative;
}

.community-sidebar .community-menu li ul {
    margin-top: 10px;
}

/* .community-sidebar .community-menu>li>a,
.community-sidebar .community-menu>li>span {
    padding-left: 30px;
} */

.community-sidebar .community-menu>li.active>a::after,
.community-sidebar .community-menu>li.active>span::after {
    display: none;
}

.community-sidebar .community-menu li ul a.is-active {
    border-bottom: solid 2px #0073cf;
}

/* .community-sidebar .community-menu>li>a::before,
.community-sidebar .community-menu>li>span::before {
    position: absolute;
    display: block;
    content: '';
    width: 14px;
    height: 2px;
    background: #0073cf;
    left: 0;
    top: 37%;
    transform: translateY(-50%);
}

.community-sidebar .community-menu>li>a::after,
.community-sidebar .community-menu>li>span::after {
    width: 2px;
    height: 14px;
    position: absolute;
    display: block;
    content: '';
    background: #0073cf;
    left: 6px;
    top: 36%;
    transform: translateY(-50%);
} */

.community-content-breadcrumbs li svg {
    width: 18px;
    height: 18px;
    fill: #0073cf;
    vertical-align: middle;
}

.community-sidebar .community-menu li ul {
    padding-left: 35px;
}

.community-sidebar .community-menu li a:focus,
.community-sidebar .community-menu li a:hover,
.community-sidebar .community-menu li span:focus,
.community-sidebar .community-menu li span:hover {
    color: #0073cf;
}

.community-menu ul {
    display: none;
}

.community-content p {
    font-size: 18px;
    line-height: 1.33em;
    color: #424242;
    margin: 0 0 32px;
}

/* .community-content h3 {
    font: 24px / 32px "Open Sans", 'Helvetica Neue', Arial, sans-serif;
    color: #767676;
    margin: 0 0 32px;
} */

.community-content ul.community-content-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0;
    padding-left: 0;
}

.community-content .community-content-breadcrumbs li {
    font-size: 16px;
    color: #424242;
    list-style: none;
}

.community-content .community-content-breadcrumbs li:last-of-type {
    font-weight: bold;
}

.community-content-breadcrumbs li span {
    padding: 0px 8px;
}

.community-content .report-btn,
.community-content .button,
.paragraph--type--single-column-copy h4 a,
.field--name-field-copy h4 a {
    margin-bottom: 30px;
    padding: 12px 32px 13px;
    color: #003a5d;
    font-weight: 400;
    text-transform: uppercase;
    border: 1px solid #0073cf;
    font-size: 16px;
    line-height: 1.33em;
    outline-offset: 2px;
    outline-color: #0073cf;
    border-radius: 2px;
    display: inline-block;
    transition: all .2s ease-in-out;
    background-color: transparent;
}

.community-content .report-btn svg {
    fill: none;
    width: 15px;
    height: 15px;
    stroke: #003a5d;
}

.community-content .report-btn:hover svg {
    stroke: #fff;
}

.community-content .report-btn:hover,
.community-content .button:hover,
.paragraph--type--single-column-copy h4 a:hover,
.field--name-field-copy h4 a:hover {
    color: #fff !important;
    background-color: #0073cf;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.09), 0 2px 13px 0 rgba(0, 0, 0, 0.07);
}

.community-content li {
    padding-bottom: 4px;
    font-size: 16px;
    list-style: disc inside;
    color: #424242;
    font-weight: 500;
}

.community-content ul li a svg {
    width: 14px;
    height: 13px;
    fill: #0073cf;
    vertical-align: middle;
}

.community-content ul li a:hover svg {
    fill: #003a5d;
}

.community-content ul {
    padding-left: 32px;
    margin-bottom: 32px;
}

.community-content ul li a {
    color: #0073cf;
    transition: all .2s ease-in-out;
}

.community-content ul li a:hover {
    color: #003a5d;
}

.community-content .survey-contact-details {
    padding: 30px 0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    font-size: 18px;
    font-weight: 400;
    color: #424242;
}

.related-item svg {
    fill: #0073cf;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 5px;
}

.related-item .related-item-title svg {
    margin-top: -5px;
}

.survey-contact-details span {
    display: block;
}

.survey-contact-tel {
    display: flex;
    margin-left: 20px;
    margin-top: 20px;
}

.related-item .related-item-title {
    color: #003a5d;
    font-weight: bold;
    font-size: 17px;
}

.related-address .related-item-address {
    padding-top: 20px;
    margin-left: 20px;
}

.related-address .views-field-field-city-facility-hours {
    margin-top: 16px;
}

.rtecenter {
    text-align: center;
}

.paragraphs-item-promo-block {
    margin-bottom: 50px;
    background: #eceff1;
    padding: 40px;
}

.paragraphs-item-promo-block .content {
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.paragraphs-item-promo-block .content .field--name-field-heading,
.paragraph--type--accordion .field--name-field-heading:not(.field--name-field-children .field--name-field-heading) {
    margin-bottom: 20px;
    font: 24px / 32px "Open Sans", 'Helvetica Neue', Arial, sans-serif;
    color: #767676;
    margin: 0 0 32px;
}

.paragraphs-item-promo-block .content .field--name-field-link {
    margin-top: 40px;
}

.paragraphs-item-promo-block .content .field--name-field-link a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin: 8px 0;
    padding: 12px 32px 13px !important;
    color: #003a5d !important;
    font-family: Corbel, 'Corbel W01', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    border: 1px solid #0073cf;
    font-size: 18px !important;
    line-height: 1.33em !important;
    background-color: transparent;
    outline-offset: 2px;
    outline-color: #0073cf !important;
    border-radius: 2px;
    background: #fff;
}

.related-items {
    margin-top: 80px;
}

.related-items .related-item:first-of-type {
    border-top: 1px solid #CCC;

}

.related-items .related-item {
    padding: 30px 0;
    border-bottom: 1px solid #CCC;
    font-size: 18px;
}

.related-links .item-list ul li,
.related-bylaws .item-list ul li,
.related-docs .item-list ul li {
    padding-top: 20px;
    list-style-type: none;
}


.related-links a,
.related-bylaws a,
.related-docs a {
    position: relative;
    display: block;
    padding: 0 16px 0 0;

}

.related-links a:before,
.related-bylaws a:before,
.related-docs a:before {
    content: url('../icons/link.svg');
    position: absolute;
    top: 2px;
    left: -40px;
    font-size: 21px;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    vertical-align: text-bottom;
}

.related-links .views-field-field-related-links a:before {
    content: url('../icons/launch.svg');
}

.related-docs .doc-title a:before {
    content: url('../icons/document.svg');
}

a.pdf.icon:not(a.menu-highlight-link, .bylaw-content-wrapper a.pdf):before {
    content: url('../icons/pdf-document.svg');

}

.related-links a span.related-url,
.related-bylaws a span.related-url,
.related-docs a span.doc-type {
    color: #767676;

}

.related-links a:hover span.related-url,
.related-bylaws a:hover span.related-url,
.related-docs a:hover span.doc-type {
    color: #0073cf;
    transition: all .2s ease-in-out;

}


.accordion-inner-title,
.accordion-children-title {
    color: #003a5d;
    font-size: 21px;
    font-weight: 300;
    padding-left: 32px;
    cursor: pointer;
    position: relative;
    margin-bottom: 16px;
}

/* .accordion-inner {
    border-bottom: 1px solid #0076be;
    margin-bottom: 20px;
    padding-bottom: 30px;
} */
.accordion-inner .accordion-inner-item {
    border-left: 2px solid #CCC;
    padding-left: 21px;
    margin-left: 5px;
}

.accordion-inner .accordion-inner-item ul li ul {
    margin-bottom: 0;
}

/* .about-right-content {
    margin-bottom: 30px;
} */

.accordion-inner-title::before,
.accordion-children-title::before {
    content: '-';
    margin-left: -32px;
    position: absolute;
    bottom: 4px;
    padding-right: 8px;
    font-size: 24px;
    color: #0073cf;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    vertical-align: text-bottom;
}

.accordion-inner-title.collapsed::before,
.accordion-children-title.collapsed::before {
    content: '+';
    margin-left: -32px;
    position: absolute;
    top: -6px;
    padding-right: 8px;
    font-size: 24px;
    color: #0073cf;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    vertical-align: text-bottom;
}

.accordion p {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    margin-bottom: 32px;
}


.accordion {
    box-shadow: inherit;
    border: none;
}

.card-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.card-items-wrapper .card-items-wrapper-inner {
    background: #fff;
    box-shadow: 0px 4px 8px 0 rgb(0 0 0 / 45%);
    transition: 0.3s;
    padding: 10px;
    min-width: 250px;
    width: 100%;
    max-width: 285px;
    margin-bottom: 10px;
    border: 1px solid #e2e2e2;
}

.card-items-wrapper .card-items-wrapper-inner .card-items-image {
    height: 180px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.card-items-wrapper .card-items-wrapper-inner h3 {
    text-align: center;
    display: block;
    height: 38px;
    margin: 15px 5px 10px 5px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
}

.accordion-data .section-title {
    margin-bottom: 20px;
    font-family: "Open Sans", 'Helvetica Neue', Arial, sans-serif;
    font-size: 24px;
}

.paragraph--type--accordion,
.paragraph--type--full-width-image,
.esri-map-wrapper {
    margin-bottom: 50px;
}

table caption {
    font: 24px / 32px "Open Sans", 'Helvetica Neue', Arial, sans-serif;
    color: #767676;
    margin: 0 0 32px;
    text-align: left;
    caption-side: top;
}

/* .field__label {
    float: left;
    padding-right: 5px;
} */

blockquote::before {
    position: absolute;
    content: url('../icons/open-quote.svg');
    inset-inline-start: -2.5rem;
    line-height: 1em;
    font-size: inherit;

    left: -15px;

}

blockquote::after {
    position: absolute;
    content: url('../icons/close-quote.svg');
    right: -20px;
    bottom: -10px;
}

blockquote {
    font-style: italic;
}

.main-content {
    padding: 0 30px;
    margin-bottom: 40px;
}

.videos-information {
    height: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 440px;
    text-align: center;
    margin: 5px;
}

.videos-information .videos-information-inner {
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
    width: 100%;
    padding-top: 56.25%;
}

.videos-information .videos-information-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.videos-information p {
    margin: 0;
    font: 18px/1.33em Corbel, 'Corbel W01', 'Helvetica Neue', Arial, sans-serif;
    color: #424242;
}

.growing-kelowna-categories {
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* width: 270px; */
    font: 18px/1.33em Corbel, 'Corbel W01', 'Helvetica Neue', Arial, sans-serif;
    color: #424242;
}

.growing-kelowna-categories .growing-kelowna-categories-inner {
    height: 200px;
    background-position: center;
    background-size: cover;
    margin: 0 0 10px 0;

}

/* .growing-kelowna-categories h3 {
    margin: 0 0 10px 0;
    height: 36px;
} */

.growing-kelowna-categories p {
    margin: 0;
    height: 180px;
}

.view-growing-kelowna-categories-block- .view-content {
    padding-bottom: 32px;
    border-bottom: 1px solid #CCC;
    margin-bottom: 40px;
}

.view-growing-kelowna-categories-block- hr.kelowna-stories-title-line {
    margin-top: 0;
}

.view-growing-kelowna-categories-block- h2 {
    border-bottom: none;
    padding-left: 0;
    padding-bottom: 0;
}


.view-related-bylaws .related-bylaw {
    padding-left: 80px;
    margin-bottom: 32px;
    padding-top: 20px;
    list-style-type: none;
}

.node--type-bylaw .field--name-field-bylaw-id {
    margin-bottom: 16px;

}

.node--type-bylaw .field--name-body {
    margin-top: 16px;
}

.node--type-bylaw-featured .field--name-field-bylaw-id {
    margin-bottom: 16px;
}

.node--type-bylaw-featured .field--name-field-bylaw-featured-pdf a {
    margin-bottom: 12px;
    display: inline-block;
}

.block-views-blockmeetings-block-2 .view-meetings h4 a.external-link {
    display: inline-block;
    margin: 8px 0;
    padding: 12px 32px 13px;
    color: #003a5d;
    font-family: Corbel, 'Corbel W01', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    border: 1px solid #0073CF;
    font-size: 18px;
    line-height: 1.33em;
    background-color: transparent;
    outline-offset: 2px;
    outline-color: #0073CF;
    border-radius: 2px;
    margin-bottom: 32px;
}

.block-views-blockmeetings-block-2 .view-meetings h4 a.external-link:hover {
    color: #fff;
    background-color: #0073CF;
}

.block-views-blockmeetings-block-2 .view-meetings strong.views-label {
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
}

.node--type-news-release .node__content .field--type-datetime {
    margin-bottom: 32px;
}

.node--type-current-development .field--name-field-development-progress {
    max-width: 500px;
    margin: 30px 0px;
}

.node--type-current-development .field--name-field-development-progress .paragraph--type--development-progress {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 8px 16px;
}

.node--type-current-development .field--name-field-development-progress .field__items>.field__item {
    background: #fafafa;
    border-bottom: 1px solid #CCC;
}

.node--type-current-development .field--name-field-development-progress .field__items>.field__item:nth-of-type(2n) {
    background: #eceff1;
}

.community-content .block .node--type-current-development .block {
    margin-right: 15px;
}

.node--type-fire-station .node__content .layout--twocol-section,
.node--type-city-facility .node__content .layout--twocol-section {
    background-color: #eceff1;
    margin-top: 50px;
}

.node--type-fire-station .node__content .field--name-field-address {
    font-size: 24px;
}

.node--type-fire-station .node__content .layout__region--first {
    padding: 15px;
    color: #666;
}

.page-node-type-fire-station .community-content .block {
    padding: 0px;
}

.community-content .node--type-road-report .layout--threecol-section {
    align-items: flex-start;
    padding-left: 15px;
}

.node--type-road-report .node__content .layout__region--first {
    margin-top: 15px;
    color: #666;
}

.node--type-road-report .node__content .layout__region--second {
    margin-top: 15px;
    color: #666;
}

.view-id-road_reports.view-display-id-block_4 .road-report-span {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.view-id-road_reports.view-display-id-block_4 .road-report-span .col-1-4 {
    width: 25%;
    color: #424242;
}

.node--type-event .view-id-events.view-display-id-block_1 .detail-date {
    font: 24px/32px "Open Sans", 'Helvetica Neue', Arial, sans-serif;
    color: #767676;
    margin-bottom: 20px;
}

.node--type-event .field--name-field-event-location,
.node--type-event .field--name-field-price {
    background-color: #eceff1;
    padding: 5px 48px;
}

.node--type-event .views-field-field-date-1 .field-content {
    display: flex;
}

.node--type-event .views-field-field-date-1 .field-content .datetime {
    margin-right: 10px;
}

.node--type-event .field--type-daterange {
    margin-bottom: 15px;
}

.node--type-event .field--name-field-event-description {
    margin-top: 15px;
}

.emergency-notice .block-views-blockhomepage-notices-block-2 .alert-wrap {
    background: #F2AF00;
    color: #003a5d;
    font-weight: 900;
}

.emergency-notice .block-views-blockhomepage-notices-block-2 .alert-wrap .alert-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px;
}

.emergency-notice .block-views-blockhomepage-notices-block-2 .alert-wrap .alert-container a {
    color: #B71234;
}

.emergency-notice .block-views-blockhomepage-notices-block-2 .alert-wrap .alert-container a:hover {
    color: #B71234;
    text-decoration: underline;
}

.emergency-notice .block-views-blockhomepage-notices-block-2 .alert-wrap .alert-container .warning-icon svg {
    width: 24px;
    height: 24px;
    fill: #003a5d;
}

.emergency-notice .block-views-blockhomepage-notices-block-2 .alert-wrap .alert-container .material-icons.close-notice svg {
    width: 14px;
    height: 16px;
    fill: #003a5d;
    vertical-align: middle;
    margin-left: 7px;
}

.emergency-notice .block-views-blockhomepage-notices-block-2 .alert-wrap .alert-container .close-icon.close-notice {
    display: flex;
    align-items: center;
    cursor: pointer
}

.view-parks .parks-amenities {
    display: inline-block;
}

.view-parks .parks-amenities:not(.view-parks .parks-amenities:last-of-type):after,
.kelowna-stories-teaser .field--name-field-community-story-topics .field__item:not(.kelowna-stories-teaser .field--name-field-community-story-topics .field__item:last-of-type):after {
    content: ",";
}

.kelowna-stories-teaser .field--name-field-community-story-topics {
    display: inline-block;
}


.kelowna-stories-teaser .field--name-field-community-story-topics .field__item {
    display: flex;

}

.kelowna-stories-teaser .field--name-field-community-story-topics .field__item a {
    display: inline-block;
}



.node--type-service .layout--twocol-section {
    background-color: #eceff1;
    margin: 30px 0px;
}

.node--type-service .layout--twocol-section .layout__region--first {
    padding: 15px;
}

.node--type-service .block-views-blockservice-locations-block-1 h2 {
    font-size: 26px;
    margin-bottom: 14px;
    font-weight: 700;
}

.page-node-type-service .community-content .block,
.page-node-type-public-art .community-content .block {
    padding: 0;
    color: #666;
}

.block-views-blocksports-leagues-field-collection-view-1-block-1 h2 {
    font: 18px/1.33em Corbel, 'Corbel W01', 'Helvetica Neue', Arial, sans-serif;
    line-height: 40px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #424242;
}

.node--type-public-art .layout--twocol-section {
    background-color: #eceff1;
    margin: 30px 0px;
}

.node--type-public-art .layout--twocol-section .layout__region--first {
    padding: 15px;
}

table th {
    padding: 13px 16px;
    font-size: 17px;
    font-weight: bold;
    color: #003a5d;
    border: 0;
    background-color: #fff;
    border-bottom: 1px solid #CCC;
}

table tr {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    padding: 0.1em 0.6em;
}

.node--type-public-art .node__content .field--name-field-pub-art-location {
    font: 24px/1.33em Corbel, 'Corbel W01', 'Helvetica Neue', Arial, sans-serif;
}

.page-node-type-property .community-content .layout--threecol-section,
.page-node-type-park .community-content .layout--threecol-section {
    align-items: flex-start;
}

.page-node-type-park .community-content .layout--threecol-section {
    margin: 30px 0px;
}

.page-node-type-property .layout__region--first {
    padding: 15px;
}

.view-id-properties.view-display-id-block_5 .view-content a.button {
    margin: 10px;
}

.node--type-park .node__content .layout__region--first,
.node--type-park .node__content .layout__region--second {
    padding: 15px;
}

.node--type-park .block-views-blockparks-block-6 h2 {
    margin-bottom: 10px;
}

.node--type-park .field--name-field-addres,
.node--type-city-facility .field--name-field-addres {
    font: 24px/1.33em Corbel, 'Corbel W01', 'Helvetica Neue', Arial, sans-serif;
    color: #424242;
}

.view-id-programs.view-display-id-block .field-content .prog-meta {
    display: flex;
    justify-content: space-between;
    color: #666;
    background: #eceff1;
    padding: 24px 16px 12px 48px;
    margin: 30px 0px;
}

.page-node-type-program .view-id-programs.view-display-id-block .field-content .prog-meta span {
    font-weight: 700;
    float: left;
    clear: left;
    width: 160px;
}

.page-node-type-program .view-id-programs.view-display-id-block .field-content .prog-meta div {
    margin-bottom: 15px;
}

.view-id-programs.view-display-id-block_1 .views-row {
    border: 1px solid #ccc;
    margin: 5px 0;
    overflow: auto;
    padding: 16px;
    color: #424242;
}

.view-id-programs.view-display-id-block_1 .views-row .views-field-field-program-schedule-date-time-1 {
    font-weight: 700;
    padding-bottom: 8px;

}

.view-id-slider.view-display-id-block_1 .banner-left a {
    color: #fff;
}

.view-id-slider.view-display-id-block_1 .banner-left a::after,
.view-frontpage-spotlights.view-display-id-block_1 .home-subscibe-content a.external-link::after,
.view-id-frontpage_spotlights.view-display-id-block_2 .home-subscibe-content a.external-link::after,
.footer-top .footer-top-left a.external-link::after {
    content: unset;
}

.view-id-slider.view-display-id-block_1 .banner-right img {
    height: 100%;
}

.page-wrapper :focus {
    box-shadow: unset;
}

.footer-bottom {
    font-size: 14px;
    line-height: 20px;
}

.view-latest-community-stories .view-content .node--type-community-story h2,
.view-latest-podcasts .view-content .node--type-podcast h2 {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 19px;
    color: #0073cf;
}

.view-latest-community-stories .view-content .node--type-community-story h2 a,
.view-latest-podcasts .view-content .node--type-podcast h2 a {
    color: #0073cf;
}

.view-latest-community-stories .view-header h2,
.view-latest-podcasts .view-header h2 {
    margin-bottom: 0;
}

.block-views-blockcommunity-story-topics-block .view-community-story-topics .view-content,
.block-views-blockpodcasts-topics-block .view-podcasts-topics .view-content {
    display: flex;
    flex-wrap: wrap;
}

.block-views-blockocp-card-navigation-block .card-row.view-ocp-card-navigation {
    display: block;
}

.view-ocp-card-navigation .node--type-card-navigation .material-icons {
    text-transform: lowercase;
    font-size: 45px;
    color: #0073CF;
}

.card-nav-col {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    padding: 15px;
    height: 250px;
    margin-bottom: 40px;
}

.card-nav-col h2 {
    font-size: 21px;
    line-height: 33px;
    margin-bottom: 15px;
}

.block-views-blockocp-card-navigation-block-2 .view-ocp-card-navigation.view-display-id-block_2.card-row {
    display: block;
}

.community-sidebar .community-menu>li>a::before,
.community-sidebar .community-menu>li>a:after {
    content: unset;
}

.community-sidebar .community-menu li a span {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin-right: 6px;
    margin-top: -4px;
}

.third-level-menu .dropdown-menu.menu-content h5 {
    color: rgba(255, 255, 255, 0.6);
    font-weight: normal;
    font-size: 15px;
    padding: 0;
}

.third-level-menu .dropdown-menu.menu-content ul {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    padding-right: 40px;
}

.page-node-type-information .field--name-field-accordions .accordion-data .section-title {
    margin-top: 40px;
    margin-bottom: 25px;
    font-size: 22px;
}

.page-node-type-information .field--name-field-accordions table tr {
    background-color: transparent;
}

.page-node-type-information .field--name-field-accordions table tr td {
    height: 3rem;
    border: 0;
}

.page-node-type-information .field--name-field-accordions table tr td a {
    color: #0073cf;
}

.page-node-type-information .field--name-field-accordions table tr td a i {
    vertical-align: center;
}

.page-node-type-information .field--name-field-accordions table tr td a:hover {
    color: #003a5d;
}

.page-node-type-information .field--name-field-accordions table {
    border: 0;
}

.page-node-type-information .field--name-field-accordions table tr td:last-of-type {
    text-align: right;
}

.block-views-blockrelated-address-block-1 .related-address .view-id-related_address.view-display-id-block_1 {
    margin-left: 35px;
}

.view-id-related_address.view-display-id-block_2 #leaflet-map-view-related-address-block-2 {
    margin-top: 20px;
}

.kelowna-stories-teaser h3 {
    margin-bottom: 10px;
}

.kelowna-stories-teaser h3 a {
    color: #0073cf;
    font-size: 18px;
    line-height: 24px;
    margin-top: 14px;
    display: inline-block;
}

.kelowna-stories-teaser .vocabulary-community-story-topic a {
    color: #0073cf;
    font-size: 18px;
    line-height: 24px;
    margin-top: 3px;
    display: inline-block;
}

.kelowna-stories-teaser .vocabulary-community-story-topic h2 {
    margin-bottom: 0;
}

.kelowna-stories-teaser a:hover {
    color: #003a5d;
}

.kelowna-stories-teaser {
    margin-bottom: 30px;
}

#block-kelowna-city-views-block-parks-block-2 .view-parks .view-filters>form .parks-checkboxes {
    display: none;
    position: absolute;
    border: 1px solid #eceff1;
    background: #fff;
    padding: 32px;
    left: 32px;
    margin-top: 64px;
    width: 720px;
    max-width: 100%;
    z-index: 100;
}

.map-list-tab-switcher {
    display: flex;
}

.map-list-tab-switcher .map.tab {
    margin-right: 10px;
}

.view-id-parks.view-display-id-block_5 .parks-filter-dropdown {
    width: 100%;
}

#block-kelowna-city-views-block-parks-block-5 #edit-amenities--wrapper legend .fieldset__label,
#block-kelowna-city-views-block-parks-block-5 #edit-dog-status--wrapper legend .fieldset__label,
#block-kelowna-city-views-block-parks-block-5 #edit-park-type--wrapper legend .fieldset__label {
    position: relative;
}

#block-kelowna-city-views-block-parks-block-5 #edit-amenities--wrapper legend .fieldset__label::before,
#block-kelowna-city-views-block-parks-block-5 #edit-dog-status--wrapper legend .fieldset__label::before,
#block-kelowna-city-views-block-parks-block-5 #edit-park-type--wrapper legend .fieldset__label::before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: text-bottom;
    color: #767676;
    font-size: 17px;
    margin-right: 5px;
}

#block-kelowna-city-views-block-parks-block-5 #edit-park-type--wrapper legend .fieldset__label::before {
    content: '\e407';
}

#block-kelowna-city-views-block-parks-block-5 #edit-dog-status--wrapper legend .fieldset__label::before {
    content: '\e91d';
}

#block-kelowna-city-views-block-parks-block-5 #edit-amenities--wrapper legend .fieldset__label::before {
    content: '\e52d';
}

#block-kelowna-city-views-block-parks-block-5 .view-parks .view-filters>form {
    display: none;
    position: absolute;
    border: 1px solid #eceff1;
    background: #fff;
    padding: 32px;
    left: 32px;
    width: 720px;
    max-width: 100%;
    z-index: 100;
}

.view-parks.view-display-id-block_5 .pager,
.view-parks.view-display-id-block_5 .view-footer,
.view-heritage-buildings.view-display-id-block_3 .pager,
.view-heritage-buildings.view-display-id-block_3 .view-footer,
.view-parks.view-display-id-block_2 .pager,
.view-parks.view-display-id-block_2 .view-footer,
.view-city-facilities.view-display-id-block_4 .pager,
.view-city-facilities.view-display-id-block_4 .view-footer {
    display: none;
}

.view-parks.view-display-id-block_5 .pager.active,
.view-parks.view-display-id-block_5 .view-footer.active,
.view-heritage-buildings.view-display-id-block_3 .pager.active,
.view-heritage-buildings.view-display-id-block_3 .view-footer.active,
.view-parks.view-display-id-block_2 .pager.active,
.view-parks.view-display-id-block_2 .view-footer.active,
.view-city-facilities.view-display-id-block_4 .pager.active,
.view-city-facilities.view-display-id-block_4 .view-footer.active {
    display: block;
}

.view-parks.view-display-id-block_5 .view-footer,
.view-heritage-buildings.view-display-id-block_3 .view-footer,
.view-public-art.view-display-id-block_3 .view-footer,
.view-parks.view-display-id-block_2 .view-footer,
.view-city-facilities.view-display-id-block_4 .view-footer {
    text-align: center;
}

.view-parks.view-display-id-block_5 .pager__item--next,
.view-heritage-buildings.view-display-id-block_3 .pager__item--next,
.view-public-art.view-display-id-block_3 .pager__item--next,
.view-parks.view-display-id-block_2 .pager__item--next,
.view-city-facilities.view-display-id-block_4 .pager__item--next {
    margin-left: auto;
}

.view-id-parks.view-display-id-block_2 .views-exposed-form.views-exposed-form,
.view-id-parks.view-display-id-block_5 .views-exposed-form.views-exposed-form {
    border: none;
    box-shadow: unset;
}

.view-id-parks.view-display-id-block_2 .view-filters {
    margin-bottom: 20px;
}

.view-id-parks.view-display-id-block_2 .parks-filter-dropdown .dropdown-label,
.view-id-parks.view-display-id-block_5 .parks-filter-dropdown .dropdown-label {
    display: inline-block;
    padding: 6px 16px;
    margin: 0 8px;
    border: 1px solid #0073CF;
    color: #003a5d;
    border-radius: 2px;
    line-height: 24px;
}

.view-id-parks.view-display-id-block_2 .parks-filter-dropdown .material-icons,
.view-id-parks.view-display-id-block_5 .parks-filter-dropdown .material-icons {
    vertical-align: middle;
}

.view-parks.view-display-id-block_5 .view-content .views-row {
    margin-top: 20px;
}

.view-parks.view-display-id-block_2 .parks-filter-dropdown {
    float: left;
}

.view-parks.view-display-id-block_2 .form-item--title label[for="edit-title"],
.view-parks.view-display-id-block_5 .form-item--title label[for="edit-title"] {
    display: none;
}

.view-parks.view-display-id-block_2 .form-item--title,
.view-parks.view-display-id-block_5 .form-item--title {
    margin: 0;
}

.view-parks.view-display-id-block_2 .form-item--title #edit-title,
.view-parks.view-display-id-block_5 .form-item--title #edit-title {
    padding: 8px 8px 9px;
    margin-top: 0;
    width: 200px;
    font-family: Corbel, 'Corbel W01', 'Helvetica Neue', Arial, sans-serif;
    min-height: 42px;
}

#views-exposed-form-parks-block-2,
#views-exposed-form-parks-block-5 {
    margin: 0;
    padding-top: 0;
}

.view-parks.view-display-id-block_2 .views-exposed-form__item.views-exposed-form__item.views-exposed-form__item--actions,
.view-parks.view-display-id-block_5 .views-exposed-form__item.views-exposed-form__item.views-exposed-form__item--actions {
    margin-top: 0;
    margin-left: 10px;
}

.view-parks.view-display-id-block_2 .views-exposed-form__item--actions.views-exposed-form__item--actions .button:last-child,
.view-parks.view-display-id-block_5 .views-exposed-form__item--actions.views-exposed-form__item--actions .button:last-child {
    padding: 10px 25px;
}

.view-parks.view-display-id-block_2 .col-1-3.amenity-wrap,
.view-parks.view-display-id-block_5 .col-1-3.amenity-wrap {
    float: left;
}

.view-parks.view-display-id-block_2 .parks-checkboxes .material-icons.filter-close,
.view-parks.view-display-id-block_5 .material-icons.filter-close {
    position: absolute;
    top: 16px;
    right: 16px;
    color: #003a5d;
    cursor: pointer;
}

.view-parks.view-display-id-block_5 .parks-filters {
    display: flex;
    flex-wrap: wrap;
}

.view-parks.view-display-id-block_5 #edit-title {
    margin-bottom: 15px;
}

.view-parks.view-display-id-block_5 #edit-actions {
    margin-left: 0;
}

.view-parks.view-display-id-block_5 .parks-filter-dropdown {
    margin-bottom: 15px;
}

.map-list-tab-switcher {
    float: right;
}

.map-list-tab-switcher .tab::before {
    content: '\e836';
    padding-right: 8px;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: text-bottom;
}

.map-list-tab-switcher .tab.active::before {
    content: '\e837';
}

.attachment {
    visibility: hidden;
    height: 0;
    /* display: none; */
    opacity: 0;
}

.attachment.active {
    visibility: visible;
    height: auto;
    /* display: block; */
    opacity: 1;
}

.view-parks.view-display-id-block_2 .view-content,
.view-parks.view-display-id-block_5 .view-content,
.view-heritage-buildings.view-display-id-block_3 .view-content,
.view-public-art.view-display-id-block_3 .view-content,
.view-city-facilities.view-display-id-block_4 .view-content {
    visibility: hidden;
    height: 0;
    display: none;
}

.view-parks.view-display-id-block_2 .view-content.active,
.view-parks.view-display-id-block_5 .view-content.active,
.view-heritage-buildings.view-display-id-block_3 .view-content.active,
.view-public-art.view-display-id-block_3 .view-content.active,
.view-city-facilities.view-display-id-block_4 .view-content.active {
    visibility: visible;
    height: auto;
    display: block;
}

.view-parks.view-display-id-block_2 .attachment .view-content,
.view-parks.view-display-id-block_5 .attachment .view-content,
.view-heritage-buildings.view-display-id-block_3 .attachment .view-content,
.view-public-art.view-display-id-block_3 .attachment .view-content,
.view-city-facilities.view-display-id-block_4 .attachment .view-content {
    visibility: visible;
    height: auto;
    display: block;
}

.view-parks.view-display-id-block_2 .view-content .parks-wrap,
.view-parks.view-display-id-block_5 .view-content .parks-wrap {
    padding: 24px 0;
    border-bottom: 1px solid #CCC;
    position: relative;
}

.view-parks.view-display-id-block_2 .view-content .parks-wrap .view-park-btn,
.view-parks.view-display-id-block_5 .view-content .parks-wrap .view-park-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-bottom: 24px;
    padding-right: 16px;
    text-align: right;
    text-transform: uppercase;
}

.view-parks.view-display-id-block_2 .view-content .parks-wrap .view-park-btn a,
.view-parks.view-display-id-block_5 .view-content .parks-wrap .view-park-btn a {
    color: #0073CF;
}

.view-parks.view-display-id-block_2 .view-content .parks-wrap span.dogs-status,
.view-parks.view-display-id-block_2 .view-content .parks-wrap span.park-type,
.view-parks.view-display-id-block_5 .view-content .parks-wrap span.dogs-status,
.view-parks.view-display-id-block_5 .view-content .parks-wrap span.park-type {
    margin-left: 12px;
    padding-left: 12px;
    font-size: 17px;
    border-left: 1px solid #CCC;
}

.view-parks.view-display-id-block_2 .view-content .parks-wrap i.material-icons,
.view-parks.view-display-id-block_5 .view-content .parks-wrap i.material-icons {
    font-size: 17px;
    line-height: 24px;
    vertical-align: bottom;
}

.view-parks.view-display-id-block_2 .view-content .parks-wrap .park-amenities,
.view-parks.view-display-id-block_5 .view-content .parks-wrap .park-amenities {
    margin-top: 16px;
    font-size: 17px;
}

.view .pager .pager__item--current {
    display: none;
}

.view .pager .pager__items {
    justify-content: space-between;
    padding: 0;
}

.view .pager .pager__items a {
    font-size: 20px;
    padding: 0;
}

.pager__item--previous .pager__link::before {
    font-size: 20px;
    color: #0073CF;
    font-family: 'Material Icons';
    content: '\e5cb';
    background-image: unset;
}

.pager__item--next .pager__link::after {
    font-size: 20px;
    color: #0073CF;
    font-family: 'Material Icons';
    content: '\e5cc';
    background-image: unset;

}

.pager__link:hover {
    background: unset;
}

.view .pager .pager__items .community-content li {
    margin: 0;
}

.view-latest-community-stories .pager__items li.pager__item--next,
.view-latest-podcasts .pager__items li.pager__item--next {
    margin-left: auto;
}

.community-content .view-community-story-topics.view-display-id-block .button {
    margin-bottom: 0;
}

.growing-category-col h3 a {
    color: #0073cf;
    font-size: 18px;
    line-height: 27px;
}

.growing-category-col h3 a:hover {
    color: #003a5d;
}

.growing-category-col h3 {
    margin: 15px 0px;
}

.growing-kelowna-categories-wrapper,
.growing-kelowna-col-wrapper {
    border-bottom: 1px solid #CCC;
    margin-bottom: 30px;
}

.slick-dots li button::before {
    font-family: unset !important;
}

.page-node-type-ocp-document .community-content.main-content p img {
    height: auto !important;
}

.community-content .view-podcasts-topics.view-display-id-block .button {
    margin-bottom: 0;
}

.view-podcasts-topics.view-display-id-block .view-header h2 {
    margin-bottom: 0;
}

.view-building-permits.view-display-id-block_2 .attachment .view-content {
    display: block;
}

.view-building-permits.view-display-id-block_2 .view-content,
.view-building-permits.view-display-id-block_2 .view-footer,
.view-building-permits.view-display-id-block_2 nav.pager {
    display: none;
}

.view-building-permits.view-display-id-block_2 .view-content.active,
.view-building-permits.view-display-id-block_2 .view-footer.active,
.view-building-permits.view-display-id-block_2 .pager.active {
    display: block;
}

.view-building-permits.view-display-id-block_2 .pager .pager__item--next {
    margin-left: auto;
}

.view-building-permits.view-display-id-block_2 .pager .pager__items {
    margin-bottom: 0;
}

.view-building-permits.view-display-id-block_2 .view-footer {
    text-align: center;
}

.view-building-permits.view-display-id-block_2 .map-list-tab-switcher {
    display: flex;
    align-items: center;
}

.view-building-permits.view-display-id-block_2 .map-list-tab-switcher .list {
    margin-left: 10px;
}

.view-building-permits.view-display-id-block_2 .views-exposed-form.views-exposed-form {
    padding: 0;
    border: unset;
    box-shadow: unset;
}

.view-building-permits.view-display-id-block_2 .view-content table td {
    padding: 5px;
}

.view-meetings .view-grouping-header {
    font: 24px/32px "Open Sans", 'Helvetica Neue', Arial, sans-serif;
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 32px;
    border: 1px solid #ccc;
    margin: 0 0 32px 0;
    padding: 16px 16px 16px 8px;
    font-size: 22px;
    text-align: left;
    cursor: pointer;
    color: #767676;
    line-height: 32px;
    background: #eceff1;
}

.view-meetings .view-grouping-header::before {
    content: '\E5CC';
    font-size: 32px;
    color: #0073CF;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: text-bottom;
}

.view-meetings .view-grouping.active .view-grouping-header::before {
    content: '\E313';
}

.view-meetings table caption::before {
    content: '\E5CC';
    font-size: 32px;
    color: #0073CF;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: text-bottom;
}

.view-meetings table.active caption::before,
.view-meetings table.active caption::before {
    content: '\E313';
}

.view-meetings .view-grouping-content {
    display: none;
}

.view-meetings .view-grouping.active .view-grouping-content {
    display: block;
}

.view-meetings table caption {
    border: 1px solid #ccc;
    margin: 0;
    padding: 16px 16px 16px 8px;
    font-size: 22px;
    text-align: left;
    cursor: pointer;
}

.archive-view.view-meetings thead,
.archive-view.view-meetings tbody,
.view-meetings.view-display-id-block_1 table thead,
.view-meetings.view-display-id-block_1 table tbody {
    display: none;
}

.archive-view.view-meetings table.active thead,
.archive-view.view-meetings table.active tbody,
.view-meetings.view-display-id-block_1 table.active thead,
.view-meetings.view-display-id-block_1 table.active tbody {
    display: table-header-group;
}

.view-meetings table td {
    height: 3rem;
}

.view-meetings tr:hover,
.view-meetings tr:focus-within,
.view-building-permits.view-display-id-block_2 .view-content table tr:hover {
    color: unset;
    background: #eee
}

.view-meetings table {
    position: relative;
}

.view-meetings table::after {
    position: absolute;
    top: 0;
    left: 100%;
    width: 5px;
    height: 100%;
    border-radius: 10px 0 0 0.2px 0 0 50%;
    box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25);
    content: '';
}

#block-kelowna-city-views-block-bid-opportunities-block-2 .view-content>.views-row .views-field-title {
    font-size: 24px;
    margin-bottom: 16px;
}

#block-kelowna-city-views-block-bid-opportunities-block-2 .view-content>.views-row .views-field-body {
    color: #424242
}

.view-bid-opportunities.view-display-id-block_2 .view-content>.views-row {
    width: 100%;
    padding: 32px 0;
    border-bottom: 1px solid #c9cbcd;
}

.page-wrapper main a {
    color: #0073CF;
}

.page-wrapper main a:hover {
    color: #003a5d;
}

.view-bid-opportunities.view-display-id-block_2 .view-footer {
    margin-top: 15px;
}

#block-kelowna-city-views-block-bid-opportunities-block-2 h2 {
    margin-bottom: 0;
}

#block-kelowna-city-views-block-ocp-card-navigation-block-1 .card-row {
    display: unset;
}

.fc-parent {
    display: flex;
    justify-content: center;
    min-height: 60px;
}

.fc-design-foundations {
    border: solid 2px #6AADE4;
    transition: all 0.4s ease 0s;
}

.fc-design-foundations:hover {
    background-color: #6AADE4;
}

.fc-title {
    align-self: center;
    word-wrap: normal;
    color: #424242;
}

.fc-link {
    text-decoration: none;
    width: 100%;
    display: flex;
    justify-content: center;
}

.fc-general-residential {
    border: solid 2px #B6BF00;
    transition: all 0.4s ease 0s;
}

.fc-general-residential:hover {
    background-color: #B6BF00;
    color: #FFFFFF;
    transition: all 0.4s ease 0s;
}

.fc-child-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 20px;
}

.fc-container-parent {
    margin-bottom: 35px;
}

.fc-general-retail {
    border: solid 2px #E05206;
    transition: all 0.4s ease 0s;
}

.fc-general-retail:hover {
    background-color: #E05206;
    color: #FFFFFF;
    transition: all 0.4s ease 0s;
}

.fc-institutional {
    border: solid 2px #B71234;
    transition: all 0.4s ease 0s;
}

.fc-institutional:hover {
    background-color: #B71234;
    transition: all 0.4s ease 0s;
}

.fc-comp-dev-zone {
    border: solid 2px #0073CF;
    transition: all 0.4s ease 0s;
}

.fc-comp-dev-zone:hover {
    background-color: #0073CF;
}

.fc-child {
    display: flex;
    text-align: center;
    width: 33%;
    min-height: 60px;
}

.fc-link {
    padding: 0px 10px;
}

.node--type-event .field--name-field-presenter {
    background-color: #eceff1;
    padding: 5px 48px;
}

.page-node-type-information #block-kelowna-city-content .contact-wrapper .details-1,
.page-node-type-information #block-kelowna-city-content .contact-wrapper .details-2 {
    float: left;
}

.page-node-type-information #block-kelowna-city-content .contact-wrapper .details-1 {
    width: 33%;
}

.page-node-type-information #block-kelowna-city-content .contact-wrapper .details-2 {
    width: 67%;
}

.view-contacts .view-content>.views-row {
    float: left;
    width: 100%;
    padding: 12px 0;
    border-bottom: 1px solid #c9cbcd;
}

.view-contacts .view-content>.views-row .contact-wrapper .contact-title {
    font-weight: bold;
}

.view-contacts .view-content>.views-row .contact-wrapper .details-1.col-1-3 {
    width: 33%;
    float: left;
}

.view-contacts .view-content>.views-row .contact-wrapper .details-2.col-2-3 {
    width: 67%;
    float: left;
}

.view-contacts .view-content>.views-row .contact-wrapper .contact-description.col-1-1 {
    width: 100%;
    float: left;
}

#main #content a {
    color: #0073CF;
}

#main #content a:hover {
    color: #003a5d;
}

.view.view-contacts.view-display-id-block_1 .pager .pager__items {
    display: block;
    text-align: right;
}

.view.view-contacts.view-display-id-block_1 .view-footer {
    text-align: center;
}

.view-heritage-buildings.view-display-id-block_3 .heritage-wrap {
    padding: 24px 0;
    border-bottom: 1px solid #CCC;
}

.view-heritage-buildings.view-display-id-block_3 .heritage-wrap:hover {
    border-color: transparent;
}

.view-heritage-buildings.view-display-id-block_3 .heritage-wrap .heritage-title {
    font-size: 21px;
    line-height: 1.2em;
    margin-bottom: 15px;
}

.view-heritage-buildings.view-display-id-block_3 .heritage-wrap .heritage-link {
    text-align: right;
    text-transform: uppercase;
    margin-top: 20px;
}

.view-heritage-buildings.view-display-id-block_3 .view-content .views-row {
    position: relative;
    z-index: 10;
    margin-top: -3px;
    margin-right: 0;
    margin-left: -20px;
    padding: 0px 20px;
    border: 2px solid transparent;
    color: #424242;
}

.view-public-art.view-display-id-block_3 .view-content .art-wrap {
    position: relative;
    z-index: 10;
    margin-top: -3px;
    margin-right: 0;
    margin-left: -20px;
    padding-left: 20px;
    border: 2px solid transparent;
    color: #424242;
    border-bottom: 1px solid #CCC;
}

.view-heritage-buildings.view-display-id-block_3 .view-content .views-row:hover,
.view-public-art.view-display-id-block_3 .view-content .art-wrap:hover {
    color: #000;
    border: 2px solid #0073CF;
}

.views-exposed-form.views-exposed-form {
    padding: 0;
    box-shadow: unset;
    border: unset;
}

.view-public-art.view-display-id-block_3 .art-wrap {
    padding: 24px 0;
    border-bottom: 1px solid #CCC;
}

.view-public-art.view-display-id-block_3 .art-link {
    text-align: right;
    text-transform: uppercase;
}

.view-public-art.view-display-id-block_3 .art-year,
.view-public-art.view-display-id-block_3 .art-artist {
    display: inline-block;
    padding-right: 8px;
    margin-top: 10px;
}

.view-public-art.view-display-id-block_3 .art-year span.label,
.view-public-art.view-display-id-block_3 .art-artist span.label {
    font-weight: bold;
}

.view-public-art.view-display-id-block_3 .art-title {
    font-size: 21px;
    line-height: 1.2em;
    margin: 10px 0px;
}

.view-public-art.view-display-id-block_3 .art-photo {
    float: inline-start;
    width: 35%;
    margin-right: 10px;
}

.view-city-facilities.view-display-id-block_4 .view-content .content-wrap .node-title a {
    font-size: 21px;
    margin-right: 12px;
    padding-right: 12px;
    border-right: 1px solid #CCC;
}

.view-city-facilities.view-display-id-block_4 .view-content .content-wrap .node-title {
    font-size: 17px;
    color: #666;
}

.view-city-facilities.view-display-id-block_4 .view-content .views-row:first-of-type .content-wrap {
    border-top: 1px solid #CCC;
}

.view-city-facilities.view-display-id-block_4 .view-content .content-wrap {
    padding: 24px 0;
    border-bottom: 1px solid #CCC;
}

.view-city-facilities.view-display-id-block_4 .view-content .content-wrap .view-btn {
    text-transform: uppercase;
    text-align: right;
    margin-right: 15px;
}

.view-city-facilities.view-display-id-block_4 .view-content .content-wrap .node-body {
    padding: 15px 0px;
}

.view-city-facilities.view-display-id-block_4 .view-content .views-row {
    position: relative;
    z-index: 10;
    margin-top: -3px;
    margin-right: 0;
    margin-left: -20px;
    padding-left: 20px;
    border: 2px solid transparent;
}

.view-city-facilities.view-display-id-block_4 .view-content .views-row:hover {
    color: #000;
    border-color: #0073CF;
}

.view-city-facilities.view-display-id-block_4 .view-content .views-row:hover .content-wrap {
    border: none;
}

.recreation-facilities .map-list-tab-switcher {
    float: unset;
    justify-content: flex-end;
    margin-bottom: 30px;
}

.upcoming-meeting-tabbing ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    box-shadow: unset;
    border: unset;
}

.upcoming-meeting-tabbing .tabs:not(.tabs-primary) li a {
    display: block;
    padding: 8px;
    color: #0073CF;
    background: #eceff1;
}

.upcoming-meeting-tabbing ul:not(.menu):not(.dropdown) li {
    padding-bottom: 4px;
}

.upcoming-meeting-tabbing .tabs:not(.tabs-primary) li {
    margin-right: 2px;
    list-style: none;
}

.upcoming-meeting-tabbing .tabs:not(.tabs-primary) li a:hover {
    color: #fff;
    background: #003a5d;
}


.upcoming-meeting-tabbing .tabs:not(.tabs-primary) li a.active {
    color: #fff !important;
    background: #0073CF;
}

.view.view-meetings .pager .is-active {
    display: none;
}

.view.view-meetings .pager .pager__items {
    display: block;
}

.view.view-meetings .pager .pager__item--last {
    float: right;
}

.view.view-meetings .pager .pager__item--first {
    float: left;
}

.view.view-meetings .pager .pager__item--next a::after,
.view.view-meetings .pager .pager__item--previous a::before {
    content: '\e5cc';
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    vertical-align: text-bottom;
    font-size: 32px;
    padding-left: 32px;
}

.view.view-meetings .pager .pager__item--next a::after {
    content: '\e5cc';
}

.view.view-meetings .pager .pager__item--previous a::before {
    content: '\e5cb';
}

.view.view-meetings .view-footer a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin: 8px 0;
    padding: 12px 32px 13px;
    font-family: Corbel, 'Corbel W01', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    border: 1px solid #0073CF;
    font-size: 18px;
    line-height: 1.33em;
    outline-offset: 2px;
    outline-color: #0073CF;
    border-radius: 2px;
}

.view.view-meetings .view-footer a:hover {
    color: #fff;
    background-color: #0073CF;
}

.community-content .node--type-current-development .layout--threecol-section {
    align-items: flex-start;
}

.community-content .node--type-current-development .layout--threecol-section>.layout__region--second {
    padding: 25px 0px;
}

.node--type-current-development .layout--threecol-section .field-label {
    font-weight: bold;
}

.node--type-current-development .layout--threecol-section {
    color: #666;
}

article.node.node--type-current-development .layout--threecol-section .field--name-field-dev-location-address {
    margin-bottom: 0;
}

article.node.node--type-current-development .field--name-field-development-related .field__items .field__item a {
    padding: 0px;
    color: #0073CF;
    border: unset;
}

article.node.node--type-current-development .field--name-field-development-related .field__items .field__item a:hover {
    color: #003a5d;
    background-color: unset;
    box-shadow: unset;
}

article.node.node--type-current-development .field--name-field-development-related .field__items {
    margin: 0;
}

#block-kelowna-city-views-block-community-story-topics-block h2 {
    border-bottom: 2px solid gray;
}

.view-ocp-card-navigation.view-display-id-block_3 .view-content .col-lg-4:nth-child(4) .material-icons,
.view-ocp-card-navigation.view-display-id-block_3 .view-content .col-lg-4:nth-child(5) .material-icons,
.view-ocp-card-navigation.view-display-id-block_3 .view-content .col-lg-4:nth-child(6) .material-icons {
    color: #3b3b3b
}

/* daily and weekly views */
.block-daily-view .tabs-list,
.block-weekly-view .tabs-list {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}

.block-daily-view .tabs-list li,
.block-weekly-view .tabs-list li {
    margin-right: 10px;
    list-style: none;
    padding: 8px;
    padding-bottom: 8px;
    cursor: pointer;
    color: #0073CF;
    background: #eceff1;
    transition: all 0.2s ease-in-out;
    list-style: none;
}

.block-daily-view .tabs-list li.active,
.block-weekly-view .tabs-list li.active {
    color: #fff;
    background: #003a5d;
    transition: all 0.2s ease-in-out;
}

.block-daily-view .tabs {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 0;
    margin-bottom: 20px;
    border: 0;
    box-shadow: unset;
}

.block-daily-view .tabs li {
    list-style: none;
    display: inline-block;
}

.block-daily-view .tabs li a {
    display: block;
    padding: 8px 17px;
    color: #0073CF;
    background: #eceff1;
    /* outline-color: #003a5d; */
    /* outline-offset: 2px; */
    margin-right: 10px;
    font-size: 18px;
}

.block-daily-view .tabs li a.active {
    color: #fff;
    background: #0073CF;
}

.block-daily-view .view-content .views-row,
.block-weekly-view .view-content .views-row {
    display: flex;
    border: 1px solid black;
    border: 1px solid #ccc;
    margin: 5px 0;
    overflow: auto;
    padding: 15px;
}

.block-daily-view .view-content .views-row .views-field-title {
    margin-left: 10px;
}

.block-daily-view .view-content,
.block-weekly-view .view-content,
.block-daily-view .days.tabs,
.block-weekly-view .days.tabs,
.block-daily-view .no-results,
.block-weekly-view .no-results {
    display: none;
}

.block-daily-view.active .view-content,
.block-weekly-view.active .view-content,
.block-daily-view.active .days.tabs,
.block-weekly-view.active .days.tabs,
.block-daily-view.active .no-results,
.block-weekly-view.active .no-results {
    display: block;
}

.block-daily-view .views-field-title,
.block-weekly-view .views-field-title {
    padding: 6px 0 0 32px;
    border-left: 1px solid #ccc;
    margin-left: 25px;
}

.block-daily-view .views-field-title .field-content,
.block-weekly-view .views-field-title .field-content {
    font-weight: 700;
    margin-bottom: 7px;
}

.block-daily-view .views-field-title .field-content span,
.block-weekly-view .views-field-title .field-content span {
    font-weight: 400;
}

.view-program-schedules .view-content .view-group {
    display: none;
    margin-top: -25px;
    background: #fff;
}

.view-program-schedules .view-content {
    position: relative;
}

.view-program-schedules .view-content .view-group.active {
    display: block;
}

.block-weekly-view .view-program-schedules .view-content .view-group {
    display: block;
    margin-top: 0;
}

.block-daily-view .view-program-schedules .view-content .view-group>h3 {
    display: none;
}

.block-weekly-view .view-program-schedules .view-content .view-group>h3 {
    margin: 15px 0px;
}

.home-banner-sidebar i {
    color: white;
}

.ocp-document-link {
    text-align: right;
}

.ocp-document-link i {
    vertical-align: middle;
}

.ocp-document-link {
    color: #0073CF;
}

.ocp-document-link:hover {
    color: #003a5d;
}

#block-kelowna-city-views-block-business-licenses-block-1 .view-content .licence-wrapper {
    padding: 16px 0;
    border-bottom: 1px solid #c9cbcd;
}

#block-kelowna-city-views-block-business-licenses-block-1 .view-content .licence-wrapper .licence-top>a {
    font-size: 24px;
    display: inline-block;
}

#block-kelowna-city-views-block-business-licenses-block-1 .view-content .licence-wrapper .licence-top .licence-id {
    font-weight: 700;
    float: right;
}

#block-kelowna-city-views-block-business-licenses-block-1 .view-content .licence-wrapper .licence-bottom .description {
    padding: 16px 0;
}

#block-kelowna-city-views-block-business-licenses-block-1 .view-content .licence-wrapper .licence-top .licence-id .label {
    font-weight: 400;
}

#block-kelowna-city-views-block-business-licenses-block-1 .view .pager .pager__items,
.view-documents .pager .pager__items {
    justify-content: center;
}

#block-kelowna-city-views-block-business-licenses-block-1 .view .pager li.first,
.view-documents .pager li.first {
    float: left;
}

#block-kelowna-city-views-block-business-licenses-block-1 .view .pager li.last,
.view-documents view .pager li.pager__item--last {
    float: right;
}

#block-kelowna-city-views-block-business-licenses-block-1 .view .pager li.is-active,
.view-documents .pager li.is-active {
    display: none;
}

#views-exposed-form-business-licenses-block-1 .form-element {
    max-width: 200px;
}

.view-documents .views-field-views-conditional-field .material-icons {
    vertical-align: middle;
    margin: 0px 5px
}

.view-documents .views-field-views-conditional-field {
    padding: 5px
}

.view-documents .views-field-views-conditional-field a {
    font-size: 16px;
    display: flex;
}

#block-kelowna-city-views-block-job-postings-block-1 .job-wrapper {
    padding: 32px 0 16px 0;
    border-bottom: 1px solid #c9cbcd;
}

#block-kelowna-city-views-block-job-postings-block-1 .job-wrapper .job-title {
    font-size: 24px;
    padding-bottom: 12px;
}

#block-kelowna-city-views-block-job-postings-block-1 .job-wrapper .department {
    padding-right: 16px;
}

#block-kelowna-city-views-block-job-postings-block-1 .job-wrapper h4 a {
    margin: 8px 0;
    padding: 12px 32px 13px;
    color: #003a5d;
    font-weight: 400;
    text-transform: uppercase;
    border: 1px solid #0073CF;
    font-size: 18px;
    line-height: 1.33em;
    background-color: transparent;
    border-radius: 2px;
    display: inline-block;
}

.mobile-menu-main .mobile-nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}