.main-content {
    min-height: 550px;
}
.navbar {
    transition: all 1s ease;
}
.navbar .navbar-brand {
    transition: all 0.5s ease;
    height: 30px;
}
.scroll-hidden {
    transition: all 0.5s ease;
}
.navbar-collapse {
    top: 93px;
    position: absolute;
    left: 0;
    padding: 20px;
    width: 100%;
    background-color: white;
}
.navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 10px;
    font-family: RobotoSlab, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    padding-right: 20px;
}
.navbar-expand-lg .navbar-collapse.scroll-hidden.d-none {
    display: none !important;
}
.dropdown-menu {
    padding: 0.5rem;
    border-radius: 0.2rem;
    border: 1px solid #EAEAEA;
    min-width: 14rem;
}
.dropdown-menu li {
    padding: 0.35rem;
}
.dropdown-menu li:hover {
    background-color: #F0F0F0;
}
.dropdown-menu li > a {
    display: block;
}
.btn {
    padding: 0.375rem 1.35rem;
    font-size: 0.8rem;
}
.bg-gray {
    background-color: #858585 !important;
}
.bg-indigo {
    background-color: #4883C4 !important;
}
.bg-teal {
    background-color: #65ADA8 !important;
}
.bg-teal-light {
    background-color: #f0f7f6 !important;
}
.bg-gray-light {
    background-color: #F3F3F3 !important;
}
.bg-fog {
    background-color: #EEE !important;
}
.bg-rain-day {
    background-color: #DDD !important;
}
.bg-near-white {
    background-color: #fcfcfc !important;
}
.bg-gray-dark {
    background-color: #454545 !important;
}
.bg-coal {
    background-color: #3A3A3A !important;
}
.bg-pitch {
    background-color: #191b1a !important;
}
.bg-red {
    background-color: #BB3A25 !important;
}
.bg-wine {
    background-color: #952729 !important;
}
.bg-navy {
    background-color: #112141 !important;
}
.bg-rose {
    background-color: #F8EBE9 !important;
}

.img-border {
    padding: 0.25rem;
    border: 1px solid #629dc7;
    border-radius: 0.35rem;
}
.navbar-light .navbar-toggler-icon {
    background-image: url(/images/layout/CADSI_2020/navbarNav.png);
    background-size: 100%;
}
.navbar-light .navbar-toggler-icon.secondary {
    background-image: url(/images/layout/CADSI_2020/navbar-secondary.png);
    background-size: 75%;
}
.bg-covid-19 {
    background: url(/images/layout/CADSI_2020/homepage/featured-event-covid.jpg) center center no-repeat;
    min-height: 200px;
}
.bg-dsei-2021 {
    background: url(/images/layout/CADSI_2020/homepage/featured-event-DSEI-UK.jpg) center center no-repeat;
    min-height: 200px;
}
.btn-teal {
    background-color: #65ADA8;
    border-color: #65ADA8;
    color: white;
}
.btn-teal:hover {
    background-color: #538f8b;
    color: white;
}
.btn-blue {
    background-color: #1E73AF;
    border-color: #1E73AF;
    color: white;
}
.btn-blue:hover {
    background-color: #317cb2;
    color: white;
}
.btn-green {
    background-color: #57893F;
    border-color: #57893F;
    color: white;
}
.btn-green:hover {
    background-color: #688b57;
    color: white;
}
.bg-skyblue-gradient {
    background-image: linear-gradient(#FFFFFF, rgba(255, 255, 255, 0) 62.85%, #86B3D0);
}
.bg-light-gradient-a {
    background-image: linear-gradient(#FFFFFF, #f8f8f8);
}
.bg-light-gradient-b {
    background-image: linear-gradient(#f8f8f8, #f3f3f3);
}
.text-teal {
    color: #65ADA8 !important;
}
.text-blue {
    color: #1E73AF !important;
}
.text-wine {
    color: #952729 !important;
}
.text-green {
    color: #57893F !important;
}
.text-dark-grey {
    color: #46535C !important;
}
.text-light-grey {
    color: #bebebe !important;
}
.text-caf-army {
    color: #c90021;
}
.text-caf-navy {
    color: #357fa4;
}
.text-caf-airforce {
    color: #97f3fe;
}
.text-caf-sky {
    color: #8ecdf1;
}

.text-xs { font-size: 0.70rem; }
.text-sm { font-size: 0.85rem; }
.text-md { font-size: 1rem; }
.text-lg { font-size: 1.25rem; }
.text-xl { font-size: 1.40rem; }
.mock-custom-switch-label {
    font-family: RobotoSlab, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #64aba6;
    font-size: 0.75rem;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
}
.custom-switch.large {
    line-height: 2.5;
    text-indent: 2rem;
    font-family: RobotoSlab, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #808080;
    font-size: 0.75rem;
    letter-spacing: 0.2rem;
}
.custom-switch.large .custom-control-label::before {
    height: 2rem;
    pointer-events: none;
    content: "";
    background-color: #64aba6;
    border: #7fa081 solid 1px;
}
.custom-switch.large .custom-control-label::after {
    top: calc(0.15625rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(2rem - 4px);
    height: calc(2rem - 4px);
    background-color: #fff;
    border-radius: 2.5rem;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #808080;
    background-color: #808080;
}
.custom-switch.large .custom-control-label::before {
    left: -2.25rem;
    width: 3.75rem;
    pointer-events: all;
    border-radius: 2.5rem;
}
.custom-switch.large .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(1.75rem);
}
.membership-widget-content #membership-micro{
    box-shadow: inset 16px 0px 19px rgba(173, 101, 113, 0.14);
}
.membership-widget-content #membership-small{
    box-shadow: inset 16px 0px 19px rgba(101, 126, 173, 0.14);
}
.membership-widget-content #membership-medium{
    box-shadow: inset 16px 0px 19px rgba(101, 173, 168, 0.14);
}
.membership-widget-content #membership-large{
    box-shadow: inset 16px 0px 19px rgba(103, 173, 101, 0.14);
}
.img-drop-shadow {
    filter: drop-shadow(0px 4px 44px rgba(0, 0, 0, 0.25));
}
.box-shadow {
    box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.05);
}
.border-top-section {
    border-top: 5px solid #bf2e1a;
}
/* both here and in cadsi_01.css - todo: centralize */
.nav.nav-pills .nav-link.compact-pills {
    border-radius: 0.5rem;
    font-family: RobotoSlab, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 80%;
    text-transform: uppercase;
    color: #2b2b2b !important;
}
.nav.nav-pills .nav-link.compact-pills.active {
    color: #fff !important;
}

.nav.nav-tabs.nav-tabs-side .nav-item .nav-link { border-left: 5px solid transparent; }
.nav.nav-tabs.nav-tabs-side .nav-link.active {
    border-left: 5px solid #bf2e1a;
    border-bottom: none;
    border-radius: 0;
    background-color: transparent;
}
.nav.nav-tabs .nav-link.active.blue { border-color: #1E73AF; }
.nav.nav-tabs .nav-link.active.teal {border-color: #64ABA6;}
.nav.nav-tabs .nav-link.active.green { border-color: #57893F; }
.nav.nav-tabs .nav-link.active.yellow { border-color: #ffbf00; }
.membership-benefits + .membership-benefits {
    border-left: 1px solid #C7C7C7;
}
form label.form-label {
    color: #acacac;
}
form input.form-control {
    border-color: #cacaca;
}
.line-height-p {
    line-height: 1.5;
}
.container section {
    box-shadow:
            0 2.8px 2.2px rgba(0, 0, 0, 0.034),
            0 6.7px 5.3px rgba(0, 0, 0, 0.048),
            0 12.5px 10px rgba(0, 0, 0, 0.06),
            0 22.3px 17.9px rgba(0, 0, 0, 0.072),
            0 41.8px 33.4px rgba(0, 0, 0, 0.086),
            0 100px 80px rgba(0, 0, 0, 0.12)
;}

.border-card-img {
    padding-bottom: 2px;
    border-bottom: 6px transparent solid;
}
.border-card-img.red {
    border-color: #BB3A25;
}
.border-card-img.blue {
    border-color: #1E73AF;
}
.border-card-img.teal {
    border-color: #65ADA8;
}
.border-card-img.black {
    border-color: #040404;
}
.border-card-img.orange {
    border-color: #FBAF36;
}
.badge-secondary.inverse {
    color: #6c757d;
    border: 1px solid #6c757d;
    background-color: transparent;
}
.btn-round {
    height: 30px;
    width: 30px;
    min-height: 30px;
    min-width: 30px;
    padding: 0.25rem;
}
footer {
    margin-top: 0;
    padding-top: 0;
}
footer .nav .nav-item {
    text-align: center;
    display: block;
    flex-grow: 1;
    text-transform: uppercase;
    font-weight: 600;
    font-family: RobotoSlab, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0.75em 1.5em;
}
footer .nav .nav-item + .nav-item {
    border-top: 1px #fff solid;
}
footer * a {
    color: #fff;
}
footer * a:hover {
    color: #d7d7d7;
}

.letter-space-wide {
    letter-spacing: 0.2em;
}

.bg-lightest {
    background-color: #F3F3F3;
}

.container {
    padding-left: 0;
    padding-right: 0;
}
.container-md {
    width: 100%;
}
.banner-event-image {
    background: url(/images/layout/CADSI_2020/events/banner-image.png) no-repeat top center;
    background-size: cover;
    min-height: 400px;
}
.banner-membership-image {
    top: -115px;
    left: -180px;
}
.banner-image-connect {
    background: url(/images/layout/CADSI_2020/events/background-connect.jpg) top center no-repeat;
    background-size: cover;
}
/* KB# 1945
.banner-image-advocacy {
    background: url(/images/layout/CADSI_2020/advocacy/background-banner.jpg) top center no-repeat;
    background-size: cover;
}*/
.banner-advocacy {
    background: url(/UserFiles/Uploads/image_manager/CADSI/banner-advocacy.jpg) top center no-repeat;
    background-size: cover;
    min-height: 514px;
}
.banner-advocacy h5, .banner-advocacy h1 {
    color: #f2f2f2;
    text-shadow: 1px 1px 8px rbga(0, 0, 0, 0.4);
}
.banner-advocacy p {
    color: white;
    text-shadow: 1px 1px 1px #000;
    font-size: 1.2rem;
    line-height: 1;
}
.banner-background-idex {
    background: url(/images/layout/CADSI_2020/idex/background-banner.jpg) top center no-repeat;
    background-size: cover;
}
.banner-background-idex .banner-asset {
    right: 0;
}

.background-eurostory {
    background: url(/images/layout/CADSI_2020/eurostory/background-banner.jpg) top center no-repeat;
    background-size: cover;
}
.background-CANSEC {
    background: url(/images/layout/CADSI_2020/cansec/background-banner.jpg) center right no-repeat;
}
.background-eurostory .banner-asset {
    right: 0;
}
.background-connect-visual {
    background: url(/images/layout/CADSI_2020/background-color-widget.png) bottom right no-repeat;
}
.background-advocacy-impact,
.background-pavilion-overview {
    background: url(/images/layout/CADSI_2020/advocacy/asset-background-impact.png) center center no-repeat;
    background-size: cover;
}
.background-gateway {
    background: url(/images/layout/CADSI_2020/gateway/banner-background.jpg) center center no-repeat;
}
.background-canadian-pavilion {
    background: url(/images/layout/CADSI_2020/pavilion/banner-background.jpg) center center no-repeat;
}
.background-canadian-pavilion .banner-asset {
    right: 50px;
}
.background-international {
    background: url(/images/layout/CADSI_2020/international/banner-background.jpg) center center no-repeat;
}
.background-international .banner-asset {
    bottom: -125px;
}
.background-textured {
    background: url(/images/layout/CADSI_2020/background-textured.jpg) center center no-repeat;
}
.background-black-textured {
    background: url(/images/layout/CADSI_2020/cansec/background-texture.png) center center no-repeat;
}
.background-textured-corner {
    background: url(/images/layout/CADSI_2020/background-texture.png) top right no-repeat;
}
.background-location-map {
    background: url(/images/layout/CADSI_2020/about/background-location-map.jpg) top right no-repeat;
    background-size: 40%;
}
.banner-image-affinity {
    background: url(/images/layout/CADSI_2020/affinity/asset-banner-image.jpg) center center no-repeat;
}
.banner-generic-event {
    background: url(/images/layout/CADSI_2020/banner-generic-event.jpg) center center no-repeat;
}
.banner-membership-image {
    width: 100%
}
.border-banner { border-bottom: 5px solid transparent; }
.border-banner.black { border-color: black; }
.border-banner.orange { border-color: #FBAF36; }

.asset-advocacy-image {
    bottom: -24px;
    right: 0;
    width: 85%;
}
.font-size-sm {
    font-size: 85%;
}
.font-family-opensans {
    font-family: "Open Sans", ariel, sans-serif;
}
.w-40 {
    width: 40%;
}
.w-80 {
    width: 80%;
}
.modal.fade .modal-dialog,
.modal.in .modal-dialog
{
    transform: unset;
}
@media (min-width: 576px) {
    .asset-advocacy-image {
        width: 65%;
    }
}
@media (min-width: 768px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .container-md {

    }
    .banner-asset-home {
        bottom: -60px;
    }
    .banner-asset-gateway {
        bottom: -165px;
    }
    .banner-asset-capabilities {
        bottom: -95px;
    }
    .banner-asset-resources {
        bottom: -165px;
    }
    .banner-asset-academy {
        bottom: -80px;
    }
    .navbar.compress {
        height: min-content;
        min-height: unset;
        max-height: unset;
    }
    .navbar .navbar-brand {
        height: 100%;
    }
    .navbar.compress .navbar-brand {
        height: 30px;
    }
    .scroll-hidden.hide {
        display: none;
    }
    .asset-advocacy-image {
        width: 55%;
        bottom: -48px;
    }
    footer .nav .nav-item + .nav-item {
        border-left: 1px #fff solid;
        border-top: none;
    }
    .btn-md-inline {
        display: inline-block;
        width: unset;
    }
    .btn-md-inline + .btn-md-inline {
        margin-top: 0;
    }
    .border-md-bottom {
        border-bottom: 1px solid #cecece;
    }
    .border-md-none {
        border-bottom: none;
    }
}
@media (min-width: 992px) {
    .navbar-collapse {
        top: unset;
        position: unset;
        left: unset;
        padding: unset;
        width: inherit;
    }
    .banner-asset-home {
        bottom: -80px;
    }
    .banner-membership-image {
        position: absolute;
        top: -0px;
        left: -60px;
        width: 140%;
    }
    .asset-advocacy-image {
        width: 40%;
        right: 24%;
    }
}
@media (min-width: 1200px) {
    .asset-advocacy-image {
        width: 30%;
    }
    .banner-membership-image {
        top: -115px;
        left: -100px;
    }
}

/**

        HOMEPAGE STYLES

**/

.banner-homepage {
    /*background: url(/images/layout/CADSI_2020/homepage/banner-background-cdm.jpg) top center no-repeat;*/
    /*background: url(/images/layout/CADSI_2020/homepage/banner-background-cdm2.jpg) top center no-repeat;*/
    /*background: url(/images/layout/CADSI_2020/homepage/banner-background.png) top center no-repeat;*/
    /*background: url(/images/layout/CADSI_2020/homepage/banner-background_ad.png) top center no-repeat;*/
    /*background: url(/images/layout/CADSI_2020/homepage/Homepage_AdaptRespondRestart_Background.jpg) top center no-repeat;*/
    /*background: url(/images/layout/CADSI_2020/homepage/Homepage_Background.png) top center no-repeat;*/
    background: url(/UserFiles/Uploads/image_manager/CADSI/home-banner-1.jpg) top center no-repeat;
}
.banner-homepage.text-white * {
    color: white !important;
}
.btn-white.text-danger {
    color: #b33333 !important;
}
.btn.btn-bright {
    color: #060606;
    background-color: #E9A017;
    border-color: #E9A017;
}
.btn.btn-bright:hover {
    background-color: transparent;
    border-color: #E9A017;
}
.btn.btn-outline-bright {
    border-color: #E9A017;
}
.btn.btn-outline-bright:hover {
    background-color: #E9A017;
}
.btn.btn-advocacy {
    color: #fff;
    background-color: #71b5a7;
    border-color: #71b5a7;
}
.btn.btn-advocacy:hover {
    background-color: transparent;
    border-color: #71b5a7;
}
.btn.btn-outline-advocacy {
    color: #71b5a7;
    border-color: #71b5a7;
}
.btn.btn-outline-advocacy:hover {
    background-color: #71b5a7;
}
.text-bright, .banner-homepage.text-white .text-bright {
    color: #E9A017 !important;
}

/* BEGIN New colour scheme - sky-blue */
.card-sky-blue .fa,
.card-sky-blue .fal,
.card-sky-blue .fab,
* .text-sky-blue,
.banner-homepage.text-white .text-sky-blue{
    color: #a1dcea !important;
}
.card-sky-blue .card-header {
    background-color: #a1dcea;
}
.card-sky-blue .btn-outline-promote {
    color: #a1dcea;
    border-color: #a1dcea;
    background-color: white;
}
.card-sky-blue .btn-outline-promote:hover {
    color: white;
    border-color: #a1dcea;
    background-color: #a1dcea;
}
.btn.btn-sky-blue {
    color: black !important;
    border-color: #74b1c0;
    background-color: #a1dcea;
}
.btn.btn-caf-sky {
    color: black !important;
    border-color: #74b1c0;
    background-color: #8ecdf1;
}
.btn.btn-sky-blue:hover {
    color: black !important;
    border-color: #a1dcea;
    background-color: #74b1c0;
}
.btn-outline-sky-blue {
    color: white !important;
    border-color: #a1dcea;
    background-color: transparent;
}
* .btn-outline-sky-blue:hover {
    color: black !important;
    border-color: #a1dcea !important;
    background-color: white;
}
/* END New colour scheme - sky-blue */