@charset "UTF-8";




/******************************
GENERAL
******************************/

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Work Sans', sans-serif;
    color:#000;
}

html {
    margin-top:0 !important; /* prevent admin bar area from messing up layout when you're logged in */
}


#wpadminbar {
    z-index:9999999; /* make sure the admin bar stays on top of site's sticky menu, etc. */
}



/******************************
UNDERSCORES OVERRIDES
******************************/

.post, .page {
    margin-bottom: 0;
}





/******************************
BOOTSTRAP OVERRIDES
******************************/

@media (min-width: 1640px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1600px;
    }
}





/******************************
COLOURS
******************************/

:root {
    --color-black: #000;
    --color-darkgrey: #414141;
    --color-mediumgrey: #777;
    --color-lightgrey: #E5E5E5;
    --color-white: #fff;

    --color-yellow: #F7CD00;
    --color-orange: #D57E00;
    --color-red: #AD4F01;

    --color-darkblue: #087882;
    --color-lightblue: #4AC0CB;
    --color-lightblue-highlight: #54DCE9;
}






/******************************
FONTS
******************************/

/* 1em = 16px */

* { font-style:normal; }

h1 { font-size: 2.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.75em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.25em; }
h6 { font-size: 1em; }

h1, h2, h3, h4, h5, h6 { margin:0; }

p {
    font-size: 1.5em;
    font-weight:300;
}




/****************************************
HEADER MENU + NAVIGATION (DESKTOP/MOBILE)
*****************************************/


/* Logo */

#mbm-header {
    width:100%;
    display:flex;
    align-items: flex-end;
    padding:0 0 0 30px;
    height: 150px;
}

#mbm-header a.logo {
    display:block;
    width: 370px;
    margin-right:30px;
    margin-bottom: -25px;
    position: absolute;
    z-index: 9999;
}

#mbm-header a.logo img {
    display:block;
    width:100%;
    height: auto;
}

#mbm-header a.logo img.no-border {
    display:none;
}



/* Utility Menu and Search + Main Menu Wrapper */

#menus-wrapper {
    flex:1;
}

/* Utility Menu and Search */

#mbm-utility-menu {
    width:100%;
    display:flex;
    justify-content: flex-end;
    padding-right:30px;
    margin-bottom:10px;
    align-items: center;
}

.header-tagline {
    white-space: nowrap;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-black);
    line-height: 12px;
    margin-right: 25px;
}

    .header-tagline span {
        color:var(--color-orange);
    }

    .header-tagline.mobile {
        display:none;
    }






#mbm-utility-menu a.search-link {
    display:block;
    width:30px;
    height:30px;
    margin-right: 15px;
}

#mbm-utility-menu a.language-link {
    color:var(--color-black);
}

#mbm-utility-menu span.separator {
    display:flex;
    align-items: center;
}

    #mbm-utility-menu span.separator span.sep-inner {
        display:block;
        line-height:0;
    }


#book-assessment-button-mobile-container {
    padding:15px;
    display:none;
}



    

/* Main Menu (DESKTOP) */

nav#mbm-main-menu {
    position: relative;
    z-index: 9999;
    width: 100%;
}

nav#mbm-main-menu ul {
    padding-left:0;
    margin-left:0;
    margin-bottom:0;
    list-style: none;
}

nav#mbm-main-menu ul.menu {
    display: flex;
    flex-direction: row;
    position: relative;
    margin: 0 10px 0 auto;
    max-width: 1000px;
}  


/* Menu button */

nav#mbm-main-menu .menu-item {    
    padding: .75em 1em;
    cursor: pointer;
    text-align: center;    
    flex: 1 0 auto;
    position: relative;
}

nav#mbm-main-menu .menu-item:hover {
    background-color: var(--color-lightblue-highlight);
}

/*
nav#mbm-main-menu .menu-item:hover a {
    color:#fff;
}
*/

nav#mbm-main-menu .menu-item a {
    color:#000;
    text-decoration: none;
    font-weight: 600;
}

/* Dropdown menu */

nav#mbm-main-menu .dropdown-container {
    min-width: 200px;
    display: block;        
    position: absolute;
    left: 0;
    pointer-events: none;
    overflow: hidden;
    margin-top: .75rem;
    border-radius: 0 0 .25em .25em;
}

nav#mbm-main-menu .dropdown-container::before {                
    display: none;      
}  


/* Dropdown menu content */

nav#mbm-main-menu .dropdown-container > ul {    
    background-color: var(--color-lightblue);
    transition: 250ms;    
}

nav#mbm-main-menu .dropdown-container > ul > li {
    text-align:left;
}

nav#mbm-main-menu .dropdown-container > ul > li a {
    display:block;
    padding: 0 .75em;
}    

nav#mbm-main-menu .dropdown-container > ul > li:hover {
    background-color: var(--color-lightblue-highlight);
}

nav#mbm-main-menu .dropdown-container > ul > li:hover a {
    color: #fff;   
}

nav#mbm-main-menu .menu-item.activated .dropdown-container{
    display: block;
}

/* Dropdown menu content - desktop */

nav#mbm-main-menu .dropdown-container > ul {    
    transform: translate(0, -100%);        
}

nav#mbm-main-menu .menu-item:hover > .dropdown-container {
    pointer-events: initial;          
}

nav#mbm-main-menu .menu-item:hover > .dropdown-container > ul {
    transform: translate(0, 0);        
}



/* Main Menu (MOBILE) */

#mobile-nav-wrapper {
    z-index:1000 !important;
    background-color:#FFF;
    overflow:hidden;
    display:none;
}

#mobile-nav-wrapper-inner {
    background-color: #eee;
    z-index:1000 !important;
}

/* Menu Toggle Button (Mobile) */
a#mobile-nav-toggle {
	font-size:1em;
	margin-left:15px;
	margin-bottom:10px;
	margin-top:10px;
	text-align: center;
	text-decoration:none;
	float:left;
	border:1px solid #000;
}

	
/* accordion elements */
#mobile-nav-wrapper-inner {
    display:none;
}

ul#mobile-nav {
	padding:0;
    margin:0;
}


/* menu level 1 + general */

ul#mobile-nav li {
	list-style-type: none;
	position:relative;
	display:block;
	font-size:1em;
    padding:0;
	background-color:var(--color-lightblue-highlight);
	text-decoration:none;
	border-bottom:1px solid var(--color-lightblue);
	overflow:hidden;
}

ul#mobile-nav li a {
	display:block;
	float:left;
	width:auto;
	padding: 10px 15px;
	color:#000;
	text-decoration:none;
	transition: all 0.15s;
}

ul#mobile-nav li:hover a,
ul#mobile-nav li ul.sub-menu li:hover a {
	/*color:#f0f;*/
}	

ul#mobile-nav li:hover ul.sub-menu a {
	color:#000;
}

ul#mobile-nav li img {
	cursor: pointer;
	cursor: hand;
}

ul#mobile-nav li.menu-item div.toggle-icon {
    display: block;
    float: right;
    text-align: right;
    width: 20px;
    margin: 8px 15px;
}

/* menu level 2 */
ul#mobile-nav ul.sub-menu { padding:0; }

ul#mobile-nav li.menu-item ul.sub-menu li:first-child {
	border-top:1px solid var(--color-lightblue);
}

ul#mobile-nav li.menu-item ul.sub-menu li:last-child {
	border-bottom:none;
}

ul#mobile-nav li.menu-item ul.sub-menu {
	clear:both;
	margin:0;
	padding:0;
}

	ul#mobile-nav li.menu-item ul.sub-menu li {
		background-color:var(--color-lightblue);
		padding:0;
	}
	
	ul#mobile-nav li.menu-item ul.sub-menu li a {
		width:70%;
	    margin-left: 15px;
	}

/* sub-sub-menus */
ul#mobile-nav li.menu-item ul.sub-menu li ul.sub-menu {
	clear:both;
}

	ul#mobile-nav li.menu-item ul.sub-menu li ul.sub-menu li {	
		padding-left:15px;
        background-color:#666;
	}
	
	ul#mobile-nav li.menu-item ul.sub-menu li ul.sub-menu li a {
		width:70% !important;
		color:#000;
	}
	
		ul#mobile-nav li.menu-item ul.sub-menu li ul.sub-menu li a:hover { 
			/* color:#f0f; */
		}

#mobile-nav ul ul {
	display: none;
}



/* Hamburger - Button */

.hamburger-button {
    display:none;
    width: 25px;
    height: 17px;
    position: relative;
    margin: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

    .hamburger-button span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #000;
        border-radius: 3px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    .hamburger-button span.hidden {
        background-color: unset;
    }

    .hamburger-button span:nth-child(1) {
        top: 0px;
    }

    .hamburger-button span:nth-child(2),
    .hamburger-button span:nth-child(3) {
        top: 9px;
    }

    .hamburger-button span:nth-child(4) {
        top: 18px;
    }

    .hamburger-button.open span:nth-child(1) {
        top: 9px;
        width: 0%;
        left: 50%;
        /* background: #fff; */
    }

    .hamburger-button.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        /* background: #fff; */
    }

    .hamburger-button.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        /* background: #fff; */
    }

    .hamburger-button.open span:nth-child(4) {
        top: 9px;
        width: 0%;
        left: 50%;
        /* background: #fff; */
    }








/******************************
BANNERS
******************************/

/* With Wave at the Bottom */

#banner-with-wave {
    position:relative;
    width:100%;
    height:540px;
    background-color: #eee;
    display:flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom:30px;
}

    #banner-with-wave.careers-page {
        display:block;
        height:600px;
        background-color: var(--color-orange);
    }

        #banner-with-wave.careers-page .flash {
            position: absolute;
            z-index:2;
            width:100%;
            height:525px;
            background-color: var(--color-orange);
            display: none;
        }

        #banner-with-wave.careers-page .toggle {
            display:flex;
            position:absolute;
            top: 45px;
            right: 15px;
            width: 100px;
            justify-content: flex-end;
            align-items: flex-start;
            z-index: 3000;
        }
        
        #banner-with-wave.careers-page img.btn-prev,
        #banner-with-wave.careers-page img.btn-next {
            cursor:pointer;
            display:block;
            width: 45px;
        }
        
        #banner-with-wave.careers-page .toggle img.btn-prev {
            margin-right:10px;
        }



#banner-with-wave .social-links-col {
    position:absolute;
    top: 45px;
    left: 15px;
    width: 45px;
    z-index:10000;
}

#mbm-header-pusher {
    display:none;
}

    #mbm-header-pusher.sticky {
        display:block;
        width:100%;
        height:150px;
    }

#mbm-header.sticky {
    position:fixed;
    z-index: 99999;
    background-color: #fff;
    border-bottom: 1px solid var(--color-lightgrey);
    top:0;
    left:0;
}

    
    #banner-with-wave .social-links-col.sticky {
        position:fixed;
        left:0;
        top: 170px;
        width:30px;
    }

        #banner-with-wave .social-links-col.sticky a {
            margin-bottom: 5px;
            background-color: #000;
            border-radius: 0 5px 5px 0;
        }
    


#banner-with-wave .social-links-col a {
    display:block;
    width:100%;
    margin-bottom: 10px;
}

#banner-with-wave .social-links-col a img {
    display:block;
    width:100%;
}

#banner-with-wave .wave {
    display:block;
    width:100%;
    margin-bottom:-1px;
    position:absolute;
    bottom:0;
    z-index:3;
}










#banner-with-wave.careers-page .teammember-details {
    position: absolute;
    z-index:1;
    bottom:0;
    width: 35%;
    background-color: var(--color-red);
    padding: 30px 30px 70px 30px;
    margin-left:20px;
	border-radius:30px 30px 0 0;
}

    #banner-with-wave.careers-page .teammember-details h2.name {
        color:#fff;
        font-size:1.75em;
    }

	#banner-with-wave.careers-page .teammember-details p.position {
        color:#fff;
        font-size:1.5em;
		line-height:1.3em;
    }

    #banner-with-wave.careers-page .teammember-details ul {
		margin:0;
		padding:0 0 0 20px;
    }

    #banner-with-wave.careers-page .teammember-details ul li {
        color:#fff;
        font-size:1.5em;
		font-weight:300;
    }

#banner-with-wave div.title {
    margin-left: 110px; /* align left edge with middle of 'MBM' logo circle */
    max-width: 40%;
}

    #banner-with-wave.careers-page div.title {
        position: absolute;
        top: 90px;
        z-index:30;
        margin-left:20px;
    }

#banner-with-wave div.title h1 {
    display:inline-block;
    border-radius: 0 50px 0 50px;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px 30px;
    color:#000;
    font-size: 4em;
    font-weight: 300;
    line-height: 1em;
}

#banner-with-wave div.title-with-authors {
    margin-left: 90px;
    max-width: 40%;
    display:block;
    border-radius: 0 50px 0 50px;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px 30px;
    color:#000;
    line-height: 1em;
}

    #banner-with-wave div.title-with-authors h1 {
        display:block;
        font-size: 3em;
        line-height:1em;
        font-weight: 300;
    }

    #banner-with-wave div.title-with-authors p.authors {
        display:block;
        font-size:1.5em;
        line-height:1.3em;
        font-weight:600;
        margin-top:15px;
    }

#banner-with-wave div.title a.button-type-1 {
    margin-top:30px;
}

#banner-with-wave.careers-page .teammember-photo {
    display:flex;
    height:10px;
    justify-content: flex-end;
}

#banner-with-wave.careers-page .teammember-photo .inner {
}

    #banner-with-wave.careers-page .teammember-photo img {
        display:block;
        position:absolute;
        bottom:0;
        width: auto;
        height: 600px;
        right:0;
    }












/* No Wave at the Bottom */

#banner-no-wave {
    position:relative;
    width:100%;
    height:540px;
    background-color: #eee;
    display:flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#banner-no-wave .social-links-col {
    position:absolute;
    top: 45px;
    left: 15px;
    width: 45px;
}

    #banner-no-wave .social-links-col.sticky {
        position:fixed;
        left:0;
        top: 180px;
        width:30px;
    }

        #banner-no-wave .social-links-col.sticky a {
            margin-bottom: 5px;
            background-color: #000;
            border-radius: 0 5px 5px 0;
        }

#banner-no-wave .social-links-col a {
    display:block;
    width:100%;
    margin-bottom: 10px;
}

#banner-no-wave .social-links-col a img {
    display:block;
    width:100%;
}

#banner-no-wave div.title {
    position:absolute;
    top:100px;
    left: 110px;    /* align left edge with middle of 'MBM' logo circle */
    max-width: 40%;
}

#banner-no-wave div.title h1 {
    display:block;
    border-radius: 0 50px 0 50px;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px 30px;
    color:#000;
    font-size: 4em;
    font-weight: 300;
    line-height: 1em;
}

#banner-no-wave div.title a.button-type-1 {
    margin-top:30px;
}


.social-links-col-mobile {
    display:none;
    justify-content: center;
}

    .social-links-col-mobile a {
        display: block;
        width: 30px;
        margin: 0 5px 10px 5px;
    }

        #banner-with-wave .social-links-col a img {
            display: block;
            width: 100%;
        }


/******************************
TITLES
******************************/

/* Regular Titles */

.title-style-1 {
    display:block;
    width:fit-content;
    text-transform: uppercase;
    color:#fff;
    font-weight: 600;
    font-size:1.5em;
    border-left: 15px solid;
    border-left-color:var(--color-lightblue);
    border-radius:0 15px 0 0;
    background-color: #000;
    padding: 10px 15px;
    margin-bottom:15px;
}

    .title-style-1 span.highlight {
        color:var(--color-orange);
    }

    .title-style-1.force-font-size {
        font-size:1.5em !important;
    }

    .title-style-1::before {
        display:none; /* override squiggle used for generic H2 titles */
    }

.title-style-2 {
    display:block;
    color:var(--color-red);
    font-weight: 600;
    font-size: 2em;
    line-height: 1.2em;
    margin-bottom: 5px;
}

.title-style-2:hover,
.title-style-2:active {
    color:var(--color-orange);
}

.title-style-3 {
    color:#000;
    font-weight: 600;
    font-size:1.75em;
    margin-bottom:15px;
}

/* Dates */

.date-style-1 {
    display: block;
    color: #000;
    font-weight: 300;
    font-size: 1.5em;
}



/******************************
PAGE BODY - GENERIC STYLES
******************************/

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

/* Titles */

.main-content h2,
h2.with-squiggle {
    display: block;
    /* color:#000; */
    font-weight: 600;
    font-size:2.25em;
    line-height: 2.25rem;
    margin-top:75px;
    margin-bottom:30px;
    position: relative;
}

.main-content h2.centered,
h2.centered {
    margin-left:auto;
    margin-right:auto;
    width: fit-content;
}

.main-content h2:first-child,
h2.with-squiggle:first-child {
    margin-top: 30px;
}

.main-content h2::before,
h2.with-squiggle::before {
    content: '';
    background: url('../images/header-squiggle.svg');
    position:absolute;
    top: -30px;
    left: 0;
    width: 180px;
    height: 25px;
    background-repeat: no-repeat;
    margin-top: 0;
}

.main-content h2.indent-squiggle::before {
    left:15px;
}

.main-content h4 {
    margin-bottom:15px;
    font-weight:600;
}

.main-content p {
}

.main-content a {
    color:var(--color-red);
}

/* Bullets */

.main-content ul,
.main-content ol {
   margin-left:25px;
	font-size: 1.5em;
	font-weight: 300;
}

.main-content ul {
    list-style-type: initial; /* avoid conflict with timeline CSS on 'A Day in the Life' tab on Students page - do a soft-push to make bullets appear for almost all tabs */
    /* padding-right: 1rem;*/
 
}

    .main-content ul .a-day-in-the-life-tab { /* avoid conflict with timeline CSS on 'A Day in the Life' tab on Students page - remove bullets for that tab only after soft-push (above) */
        list-style-type: none;
    }


.main-content ol li,
.main-content ul li {
	margin-bottom:15px;
}

.main-content ul li ul li,
.main-content ol li ol li {
	margin-bottom:15px;
    font-size: 1.5rem;
	font-weight: 300;
}

.main-content ul li ul,
.main-content ol li ol {
    margin-top:5px;
}



/* Quote Block */

.main-content .quote-block-wrapper {
    width: 100%;
    padding-left: 30px;
    border-left:1px dotted;
    border-left-color:var(--color-lightblue);
}

.main-content .quote-block-wrapper h2 {
    font-size:1.5em;
}

.main-content .quote-block {
    display:flex;
    justify-content: space-between;
    align-items: flex-start;
}

.main-content .quote-block .quote-mark {
    display:block;
    width:80px;
}

.main-content .quote-block .quote-content-and-author {
    flex:1;
    margin-left:15px;
    margin-right:15px;
}

.main-content .quote-block .quote-content-and-author .quote p {
    font-size:1.75em;
    font-weight: 300;
}

.main-content .quote-block .quote-content-and-author .author {
    color: #000;
    font-size: 1.5rem;
    line-height: 1.3em;
    font-weight: 600;
    text-align: right;
}

.main-content .quote-block .squiggle {
    display:block;
    width:100%;
}


.testimonials-grid {
    width:100%;
}

    .testimonials-grid .grid-sizer,
    .testimonials-grid .grid-item { width: 50%; }

    .testimonials-grid .grid-item {
        padding:30px;
    }




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

a.button-type-1,
button.button-type-1 {
    display: flex;
    border-radius:50px;
    width: fit-content;
    background-color: var(--color-red);
    text-decoration: none;
    padding: 15px 30px;
    justify-content: center;
    align-items: center;
}

    a.button-type-1.black { background-color: #000; }


/*    
a.button-type-1:hover,
a.button-type-1:active {
    background-color:var(--color-orange);
}

    a.button-type-1.black:hover,
    a.button-type-1.black:active {
        background-color:#232323;
    }
*/


a.button-type-1 span,
button.button-type-1 span {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1em;
    color:#fff;
    text-transform: uppercase;
    margin-right: 15px;
    flex: 1;
}

a.button-type-1 span.no-arrow,
button.button-type-1 span.no-arrow {
    margin-right:0;
}

a.button-type-1 img,
button.button-type-1 img {
    width:16px;
	margin-top:-2px;
}

    button.button-type-1 img {
        margin-top:2px;
    }




a.button-smaller {
    display: flex;
    border-radius: 30px;
    width: fit-content;
    background-color: var(--color-red);
    text-decoration: none;
    padding: 10px 15px;
    justify-content: center;
    align-items: center;
}

    a.button-smaller span {
        font-weight: 600;
        font-size: 1rem;
        line-height: 1rem;
        color:#fff;
        text-transform: uppercase;
        flex: 1;
    }
    



/******************************
DROPDOWNS
******************************/


.mbm-dd .select-hidden {
    display: none !important;
    visibility: hidden;
    padding-right: 10px;
}

.mbm-dd .select {
    cursor: pointer;
    display: block;
    position: relative;
    font-size: 16px;
    color: #434444;
    /* margin-bottom: 10px; */
    /* height: 50px; */
}

.mbm-dd .select-styled {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color:var(--color-lightblue);
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    color: #000;
    border-radius: 5px;
    font-weight: 600;
    font-size: 1.1em;
    height: 80px;
    padding: 0 35px 0 15px;
    display: flex;
    align-items: center;
    line-height: 1.25rem;
}

.mbm-dd .select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    top: 38px;
    right: 10px;
}

.mbm-dd .select-styled:active,
.mbm-dd .select-styled.active {
    background-color:var(--color-lightblue-highlight);
}

.mbm-dd .select-styled:active:after,
.mbm-dd .select-styled.active:after {
    top: 30px;
    border-color: transparent transparent #000 transparent;
}

.mbm-dd .select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    margin-top:10px;
    max-height:300px;
    height: auto;
    overflow-x: hidden;
}


.mbm-dd .select-options::-webkit-scrollbar-track
{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    background-color: #F5F5F5;
}

.mbm-dd .select-options::-webkit-scrollbar
{
    width: 10px;
    background-color: rgba(0, 0, 0, 0.3);
}

.mbm-dd .select-options::-webkit-scrollbar-thumb
{
background-color:  #D9D9D6;
}

.mbm-dd .select-options li {
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    border-top: 1px solid #fff;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    background: #fff;
    color: #001E60;
}

.mbm-dd .select-options li:hover {
    background-color: #58A7AF;
    color: #fff;

}

.mbm-dd .select-options li[rel="hide"] {
    display: none;
}

/* Reset + Search */
.reset-search-container {
    display:flex;
    justify-content: right;
}

.reset-search-container a,
.reset-search-container button {
    width: fit-content;
}

/* .reset-search-container a.reset-search-btn {
    width:calc(50% - 15px);
    margin-right:15px;
} */

.reset-search-container a.reset-search-btn {
    margin-right: 15px;
    border-radius: 50px;
    width: fit-content;
    background-color: var(--color-red);
    text-decoration: none;
    padding: 15px 30px;
    justify-content: center;
    align-items: center;
}

/* Reset Only */
.reset-container {
    display:flex;
    justify-content: flex-end;
}

.reset-container a {
    width: fit-content;
    padding: 17px 60px 17px;
}
.page-template-page-ourteam #article-search-filters .row {
    display: flex;
    gap: 50px;
    align-items: center;
    align-content: center;
}
.page-template-page-ipheadlines .reset-container {  justify-content: end;}



/******************************
BREADCRUMBS
******************************/

#breadcrumbs {
    display: block;
    padding-bottom: 50px;
    min-height: 40px;
    font-size:1.25rem;
    font-weight:300;
    color:#000;
}

body.single-team #breadcrumbs,
body.single-team-fr #breadcrumbs {
    padding-top:30px;
}

#breadcrumbs a {
    font-size:1.25rem;
    font-weight:300;
    color:var(--color-red);
    text-decoration: underline;
}





/************************************************
WIDGETS - FOR PEOPLE, ARTICLES, LANGUAGES (FLAGS)
*************************************************/


/* Team/People */

.people-widget {
    margin-bottom:30px;
}

    body.home .people-widget {
        margin-bottom:0;
    }

.people-widget a {
    display:block;
    border-radius: 0 25px 0 25px;
    overflow: hidden;
    text-decoration: none;
}

.people-widget a img {
    display:block;
    width:100%;
}

.people-widget a .lower-third {
    display:block;
    width:100%;
    background-color: rgba(65, 65, 65, 0.9);
    padding: 30px;
}

    body:not(.home) .people-widget a .lower-third { /* same heights for all on 'Our Team' page only */
        min-height:150px;
    }

.people-widget a .lower-third p.name {
    color:#fff;
    text-decoration: underline;
    font-size: 1.5em;
    margin-bottom: 5px;
}

.people-widget a .lower-third p.position {
    color:#fff;
    margin-bottom: 0;
    font-size: 1.2em;
}


/* Articles */

.article-widget {
    margin-bottom:30px;
}

.article-widget a {
    display:block;
    border-radius: 0 25px 0 25px;
    overflow: hidden;
    text-decoration: none;
}

.article-widget a .article-image {
    display:block;
    background-size: cover;
    background-position: center;
    width:100%;
    height:300px;
}

.article-widget a .lower-third {
    display:block;
    width:100%;
    background-color: rgba(65, 65, 65, 0.9);
    padding: 30px;
}

    .article-widget a .lower-third#lower-third-special-height {
        height:170px;
    }

.article-widget a .lower-third p.title {
    color:#fff;
    text-decoration: underline;
    font-size: 1.5em;
    margin-bottom: 5px;
}

    .article-widget a .lower-third#lower-third-special-height p.title {
        font-size:1.5em;
        line-height:1.4em;
    }

.article-widget a .lower-third p.date {
    color:#fff;
    margin-bottom: 0;
    font-size: 1.2em;
}

.article-widget a .lower-third p.author-and-readtime {
    color:#fff;
    margin-bottom: 0;
    font-size: 1.2em;
}




/* Flags */

.language-widget {
    margin-bottom:30px;
}

.language-widget .image-and-title {
    display:block;
    width:100%;
    border-radius: 0 25px 0 25px;
    border: 1px solid #ccc;
    overflow: hidden;
    text-decoration: none;
}

.language-widget .image-and-title .article-image {
    display:block;
    width:100%;
}

.language-widget .image-and-title .lower-third {
    display:block;
    width:100%;
    background-color: rgba(65, 65, 65, 0.9);
    padding: 10px 15px;
}

.language-widget .image-and-title .lower-third p.title {
    color:#fff;
    font-size:1.75em;
    margin-bottom: 5px;
}



/************************************
OTHER GENERIC ELEMENTS
*************************************/

.text-with-icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
    font-size: 1.5em;
    font-weight: 300;
    color: #000;
}

.text-with-icon img {
    display: block;
    width: 40px;
    margin-right: 15px;
}

.text-with-icon span a {
    color:#000;
}

.text-with-icon.multiline {
    align-items: flex-start;
}






/************************************
TABS FOR SUBSECTIONS ON A SINGLE PAGE
*************************************/

#nav-tabs-wrapper {
    position:relative;
    width:100%;
    margin-bottom: 30px;
}

    body.single-team #nav-tabs-wrapper,
    body.single-team-fr #nav-tabs-wrapper {
        position: absolute;
        width: 100%;
        z-index: 999;
    }

#nav-tabs {
    z-index:999999;
}


#nav-tabs .inner {
    display: flex;
    justify-content: center;
    height: 70px;
    margin-top: -70px;
}

#nav-tabs .inner a.tab {
    width: 300px;
    display:flex;
    align-items:center;
    align-content:center;
    background-color: #000;
    color:#fff;
    font-size: 1.25em;
    font-weight:600;
    text-align: center;
    margin-right:4px;
    border-radius: 10px 10px 0 0;
    text-decoration: none;
    line-height: 1em;
    outline: 0;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: center;
}

    #nav-tabs .inner a.tab:hover {
        margin-top:-10px;
        transition: 0.2s;
    }

#nav-tabs .inner a.tab span {
    display: inline-block;
    margin:0 auto;
}

#nav-tabs .inner a.tab:last-child {
    margin-right:0;
}

#nav-tabs .inner a.tab:hover,
#nav-tabs .inner a.tab:active,
#nav-tabs .inner a.tab.active {
    background-color: #fff;
    color:#000;
}

.tabbedpage {
    padding-bottom:60px;
}









/****************
TABS FOR SUBPAGES
*****************/

#subpages-tabs-wrapper {
    position:relative;
    width:100%;
    margin-bottom: 30px;
}

#subpages-tabs {
    z-index:999999;
}


#subpages-tabs .inner {
    display:flex;
    justify-content: space-evenly;
	height:70px;
	
}

#subpages-tabs .inner a.tab {
    width:100%;
    display:flex;
    align-items:center;
    align-content:center;
    background-color:var(--color-black);
    color:#fff;
    font-size: 1.25em;
    font-weight:600;
    text-align: center;
    margin-right:10px;
    border-radius: 15px;
    text-decoration: none;
	line-height: 1em;
    outline: 0;
}

    #subpages-tabs .inner a.tab.color-darkgrey {
        background-color:var(--color-darkgrey);
    }

#subpages-tabs .inner a.tab span {
    display: inline-block;
    margin:0 auto;
}

#subpages-tabs .inner a.tab:last-child {
    margin-right:0;
}

#subpages-tabs .inner a.tab:active,
#subpages-tabs .inner a.tab.active {
    background-color:var(--color-mediumgrey);
}

    #subpages-tabs .inner a.tab.color-darkgrey:active,
    #subpages-tabs .inner a.tab.color-darkgrey.active {
        background-color:var(--color-black);
    }







/****************
SLIDERS
*****************/


/* Logo Slider */




.slick-track {
    display:block !important;
}

    .slick-slide{
        height: inherit !important;
    }

    
.clients-slider .slick-track {
    display:flex !important;
    align-items: center;
}

    .clients-slider .slick-track .slick-slide {
        display: flex;
        height: auto;
        align-items: center;
        justify-content: center;
    }




.clients-slider-wrapper {
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-top: 60px;
    margin-bottom: 60px;
    position: relative;
}

    .clients-slider-wrapper a.btn-prev,
    .clients-slider-wrapper a.btn-next {
        display:block;
        width:50px;
        position:absolute;
        top:calc(50% - 25px);
    }

    .clients-slider-wrapper a.btn-prev {        
        left: -25px;
    }

    .clients-slider-wrapper a.btn-next {
        right: -25px;
    }

        .clients-slider-wrapper a img {
            display:block;
            width:100%;
        }


    .clients-slider-wrapper .clients-slider {
        display:block;
        margin-left: 50px;
        margin-right: 50px;
    }

    .clients-slider-wrapper .clients-slider .slide {
        padding: 0 15px;
    }

    .clients-slider-wrapper .clients-slider .slide img {
        display:block;
        max-width:75%;
        margin:0 auto;
        max-height:130px;
    }

    /*
    .clients-slider-wrapper .clients-slider .slide .shadow-box {
        width: 100%;
        box-shadow: inset 3px 3px 15px 0px #ccc, 5px 5px 5px 5px rgb(0 0 0 / 0%);
        padding: 90px;
    }
    */



/* Testimonials Slider (one quote at a time only) */

h2.above-testimonial-slider {
    margin-bottom:-45px;
}

.testimonials-slider-wrapper {
    width: 100%;
}


.testimonials-slider-wrapper .testimonials-nav {
    width:100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom:30px;
}

    .testimonials-slider-wrapper .testimonials-nav a.btn-prev,
    .testimonials-slider-wrapper .testimonials-nav a.btn-next {
        display:block;
        width:50px;
    }

    .testimonials-slider-wrapper .testimonials-nav a.btn-prev {
        margin-right:15px;
    }

    .testimonials-slider-wrapper .testimonials-nav a.btn-next {
    }

        .testimonials-slider-wrapper .testimonials-nav a.btn-prev img,
        .testimonials-slider-wrapper .testimonials-nav a.btn-next img {
            display:block;
            width:100%;
        }

    .testimonials-slider-wrapper .testimonials-slider {
        display:block;
    }

    .testimonials-slider-wrapper .testimonials-slider .slide {
        padding: 0;
    }

    .testimonials-slider-wrapper .testimonials-slider .slide .shadow-box {
        width: 100%;
        box-shadow: inset 3px 3px 15px 0px #ccc, 5px 5px 5px 5px rgb(0 0 0 / 0%);
        padding: 90px;
    }






/******************************
SIDEBARS
******************************/

/* Generic */

.sidebar-generic {
    width:100%;
    background-color:var(--color-lightblue);
    padding:30px;
    border-radius: 0 30px 0 30px;
}

.sidebar-generic-two-cols-padder {
    margin-right:15px;
}

.sidebar-generic.two-cols {
    display:flex;
    align-items:flex-start;
}

    .sidebar-generic ul {
    }

    .sidebar-generic ul li {
        font-weight:300;
        font-size:1.5rem;
        margin-bottom:10px;
    }

    .sidebar-generic p.keycontact-name {
        font-weight:600;
        margin-bottom:0;
    }

    .sidebar-generic a.keycontact-email,
    .sidebar-generic div.keycontact-phone {
        display:flex;
        align-items:center;
        justify-content: flex-start;
        margin-bottom:10px;
        font-size:1.5em;
        font-weight:300;
        color:#000;
    }

        .sidebar-generic a.keycontact-email img,
        .sidebar-generic div.keycontact-phone img {
            display:block;
            width:40px;
            margin-right:15px;
        }

        .sidebar-generic a.keycontact-email span,
        .sidebar-generic div.keycontact-phone span {
            display:block;
        }
    
    .sidebar-generic .left {
        width:50%;
    }

    .sidebar-generic .right {
        width:50%;
    }


/* Downloads (with Icons) */

.sidebar-downloads {
    margin-left:-15px;
}

.sidebar-downloads a {
    display:block;
    margin-bottom:15px;
    color: var(--color-red);
}

    .sidebar-downloads a span.icon {
        display: block;
        padding: 45px 60px;
        background-color: var(--color-lightblue);
        border-radius: 15px;
    }

        .sidebar-downloads a span.icon img {
            width:100%;
            display:block;
        }

    .sidebar-downloads a span.title {
        display:block;
        margin-top:15px;
        width:100%;
        text-align:center;
        font-size:1.5em;
        font-weight:600;
        
    }






.floating {
    width:calc(100% - 60px);
}

    .floating h2 {
        display:inline-block;
    }

    .floating .sidebar-floating-wrapper.desktop {
        float:right;
        width:35%;
        margin-left:60px;
        margin-bottom:30px;
    }

    .floating .sidebar-floating-wrapper.mobile {
        display:none;
    }




/* Authors */

/* Team/People */

a.sidebar-people-widget {
    margin-bottom:30px;
}

a.sidebar-people-widget {
    display:block;
    text-decoration: none;
}

a.sidebar-people-widget img {
    display:block;
    border-radius: 0 25px 0 25px;
    width:100%;
    margin-bottom:5px;
}

a.sidebar-people-widget .lower-third {
    display:block;
    width:100%;
    padding: 15px;
}

a.sidebar-people-widget .lower-third p.name {
    display:block;
    width:100%;
    text-align: center;
    color:#000;
    font-size:1.5em;
    line-height:1.3em;
    font-weight:600;
    margin-bottom: 10px;
}

a.sidebar-people-widget .lower-third p.position {
    display:block;
    width:100%;
    text-align: center;
    line-height:1.3em;
    color:#000;
    font-size:1.5em;
    margin-bottom: 0;
}










/******************************
HOME
******************************/

.home-widget {
    background-image: url(../images/vertical_dots-left.png);
    background-repeat: repeat-y;
    background-position: top left;
}

    .home-widget.no-dots {
        background:none;
    }

    .home-widget.last {
        border-right:none;
    }

.home-widget .padder {
    padding: 0 30px 15px 30px;
}

.home-widget.featured-article .image-wrapper {
    display:block;
    width:100%;
    height:300px;
    border-radius:0 50px 0 50px;
    background-repeat:no-repeat;
    background-position: center;
    background-size:cover;
}

.title-and-toggle-btn-container {
    width:100%;
    display:flex;
    justify-content:space-between;
}

.title-and-toggle-btn-container .toggle {
    display:flex;
    width: 30%;
    justify-content: flex-end;
    align-items: flex-start;
}

.title-and-toggle-btn-container .toggle img.btn-prev,
.title-and-toggle-btn-container .toggle img.btn-next {
    cursor:pointer;
    display:block;
    width: 45px;
}

.title-and-toggle-btn-container .toggle img.btn-prev {
	margin-right:10px;
}

.title-and-link-container {
    width:100%;
    display:flex;
    justify-content:space-between;
}

.title-and-link-container a {
    display:block;
    width: 50px;
}

.home-widget #featured-events-slider {

}

    .home-widget #featured-events-slider .slick-track { /* vertically align all slides to the top */
        position: relative;
        top: 0;
        left: 0;
        display: flex;
        align-items: flex-start;
    }

    .home-widget #featured-events-slider img.feat-event-logo {
        display:block;
        margin:60px auto 0 auto;
    }


.home-widget.professional-spotlight .padder {
    padding-bottom:0;
}

/*
.home-widget.professional-spotlight a {
    display:block;
    position:relative;
    width:100%;
    border-radius: 0 0 0 50px;
    overflow: hidden;
    max-height:450px;
    margin-top: 30px;
}

.home-widget.professional-spotlight img {
    display:block;
    width:100%;
}

.home-widget.professional-spotlight a .lower-third {
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    background-color: rgba(65, 65, 65, 0.9);
    padding: 15px 30px;
}

.home-widget.professional-spotlight a .lower-third p.name {
    color:#fff;
    text-decoration: underline;
}

.home-widget.professional-spotlight a .lower-third p.position {
    color:#fff;
    font-size: 1.25em;
    line-height: 1.3em;
    font-weight: 600;
}

*/

#home-greysection {
    width:100%;
    background-color:var(--color-lightgrey);
    overflow: hidden;
    padding:50px 0;
    margin-top:50px;
}

.fyi {
	background-image: url(../images/vertical_dots-left.png);
    background-repeat: repeat-y;
    background-position: top left;
}

.what-our-clients-say {

}

.what-our-clients-say .squiggle {
    display:block;
    width:calc(100% - 80px);
    margin-left:80px;
}

#home-greysection .padder {
    padding: 0 30px 15px 30px;
}

#testimonials-slider .quote-slide .inner{
    display:flex;
    overflow:hidden;
    align-items: flex-start;
}

#testimonials-slider .quote-slide {
    overflow:hidden;
}


#testimonials-slider .quote-slide {
    display:flex;
    justify-content: space-between;
    align-items: flex-start;
}

#testimonials-slider .quote-slide .inner .quote-mark {
    display:block;
    width:80px;
}

#testimonials-slider .quote-slide .inner .quote-content-and-author {
    flex:1;
    margin-left:15px;
    margin-right:15px;
}

#testimonials-slider .quote-slide .inner .quote-content-and-author .quote {
    font-size:2em;
    font-weight: 300;
}

#testimonials-slider .quote-slide .inner .quote-content-and-author .author {
    color: #000;
    font-size: 1.5em;
    line-height: 1.3em;
    font-weight: 600;
}

#testimonials-slider .quote-slide .inner .logo {
    display: block;
    width: 350px;
    border-radius: 0 50px 0 50px;
    align-items: center;
   /* overflow: hidden;*/
    background-color: #fff;
    padding: 15px;
}

#testimonials-slider .quote-slide .inner .logo img {
    display: block;
    width:100%;
}

.fyi img.article-thumb {
    display: block;
    border-radius: 0 50px 0 50px;
}



/******************************
OUR TEAM - LANDING PAGE / PEOPLE SEARCH
******************************/

#team-lastname-letters {
    display:flex;
    justify-content: space-between;
}

#team-lastname-letters input {
    display: none;
}

#team-lastname-letters input:checked + label {
    background-color:var(--color-orange);
}

#team-lastname-letters label {
    display:block;
    width: 40px;
    height: 40px;
    font-size: 1.2em;
    font-weight:600;
    text-align: center;
    border-radius:50%;
    background-color:var(--color-red);
    color:#fff;
    text-decoration: none;
    padding:5px;
    line-height: 1.65em;
    cursor: pointer;
}
input.team-search {
    padding: 11px 15px;
    width: 100%;
    height: 80px;
    font-size: 20px;
}
.mbm-dd .select-options li {
    padding: 12px 15px;
    text-indent: 0;
}
/*
#team-lastname-letters a:hover,
#team-lastname-letters a:active {
    background-color:var(--color-orange);
}
*/

#team-lastname-letters .separator {
    height:40px;
    width:5px;
    padding-right:5px;
    border-right:1px solid #000;
}

#staff-search-filters {
}

#staff-search-filters .row.second-row {
    margin-top:15px;
}


.select-options li:first-child { /* hide the 'default' dropdown item at the top of the filter list */
    display:none !important;
}



/******************************
OUR TEAM - TABBED PAGES
******************************/

#banner-bio {
    position: relative;
    display:flex;
    width:100%;
    min-height:600px;
    overflow: hidden;
}

#banner-bio .social-links-col {
    position: absolute;
    top: 45px;
    left: 15px;
    width: 45px;
    z-index: 1;
}

    body.single-team #banner-bio .social-links-col,
    body.single-team-fr #banner-bio .social-links-col {
        z-index:99;
    }

#banner-bio .social-links-col a {
    display:block;
    width:100%;
    margin-bottom: 10px;
}

#banner-bio .social-links-col a img {
    display:block;
    width:100%;
}


#banner-bio .left {
    width:50%;
    min-height:600px;
    background-color: var(--color-orange);
    position: relative;
}

    #banner-bio .left .mbmer-short-description {
        position: absolute;
        bottom:15px;
        left:15px;
        z-index:99;
        bottom: 140px;
        left: 60px;
    }

        #banner-bio .left .mbmer-short-description p {
            display: inline-block;
            color: var(--color-white);
            font-size: 2em;
            margin-bottom: 0;
            font-weight: 600;
        }

    #banner-bio .left .inner {
        width:100%;
        height: 600px;
    }

        #banner-bio .left .inner #cycler {
            position: relative;
            height: 600px;
            overflow:hidden;
        }
        
        #banner-bio .left .inner #cycler img {
            position: absolute;
            z-index:1;
            top: 0;
        }
        
        #banner-bio .left .inner #cycler img.active {
        }

            #banner-bio .left .inner #cycler img.teammember-photo {
                display: block;
                width:100%;
            }





            #banner-bio .left .inner #cycler img.teammember-photo {
                display: block;
                width:100%;
            }





#banner-bio .right {
    width:50%;
    min-height:600px;
    display:flex;
    align-items:flex-start;
    background-color:var(--color-lightblue);
}

    #banner-bio .right .inner {
        padding:0 50px;
    }

        #banner-bio .right .inner p.meet {
            display:inline-block;
            margin-left:-50px;
            padding-left:50px;
            padding-right:30px;
            margin-top:50px;
            background-color: #000;
            text-transform: uppercase;
            font-family: 'Shadows Into Light', cursive;
            font-size:2em;
            color:#fff;
            border-radius:0 15px 0 0;
        }

        #banner-bio .right .inner h2.name {
            display: flex;
            justify-content: flex-start;
            font-size: 4.5em;
            line-height: 1em;
            font-weight: 600;
            align-items: flex-start;
            margin-bottom: 15px;
        }

        #banner-bio .right .inner h2.name span {
        }

        #banner-bio .right .inner h2.name a.name-to-speech {
            display:block;
            width:30px;
            margin-left:15px;
            margin-top:30px;
        }

        #banner-bio .right .inner h2.name a.name-to-speech img {
            display:block;
            width:100%;
        }

        #banner-bio .right .inner p.position {
            font-weight:600;
            margin-bottom:30px;
        font-size: 1.5em;line-height: 1em;}

        #banner-bio .right .inner .buttonsgroup {
            display:flex;
            width:100%;
        }

        #banner-bio .right .inner .buttonsgroup .buttonsgroup-left {
        padding-right: 60px;
        }

        #banner-bio .right .inner .buttonsgroup .buttonsgroup-left div,
        #banner-bio .right .inner .buttonsgroup .buttonsgroup-left a {
            display:flex;
            align-items:center;
            justify-content: flex-start;
            margin-bottom:10px;
            font-size:1.5rem;
            font-weight:300;
            color:#000;
        }

        #banner-bio .right .inner .buttonsgroup .buttonsgroup-left div img,
        #banner-bio .right .inner .buttonsgroup .buttonsgroup-left a img {
            display:block;
            width:40px;
            margin-right:15px;
        }

        #banner-bio .right .inner .buttonsgroup .buttonsgroup-left div span,
        #banner-bio .right .inner .buttonsgroup .buttonsgroup-left a span {
            display:block;
        }

        #banner-bio .right .inner .buttonsgroup .buttonsgroup-right {
        }

        #banner-bio .right .inner .buttonsgroup .buttonsgroup-right a {
            display: block;
            width:130px;
            font-weight:300;
            font-size:1.5em;
            background-color:#000;
            color:#fff;
            padding:10px 15px;
            border-radius: 30px;
            margin:0 auto 10px auto;
            text-decoration: none;
            text-align:center;
        }

        ol.two-columns,
        ul.two-columns {
            columns: 2;
            -webkit-columns: 2;
            -moz-columns: 2;
        }

        ol.three-columns,
        ul.three-columns {
            columns: 3;
            -webkit-columns: 3;
            -moz-columns: 3;
        }

        .list-wrapper {
            display:flex;
            width:100%;
        }

            .list-wrapper ul {
                padding-right:60px;
            }

            .list-wrapper ul:last-child {
                padding-right:0;
            }




.events-container {
    width:100%;
    padding:0 50px;
}

.events-container .event {
    width:calc(100% - 30px);
    border-top:3px solid #000;
}

    .events-container .event .event-type {
        border-radius:0 0 15px 0;
        margin-top:-3px;
        font-size:1.5em;
    }

    .events-container .event .event-details-level1-wrapper {
        display: flex;
        width: 100%;
        margin-bottom: 45px;
        align-items: center;
    }

    .events-container .event .event-details-level1-wrapper p.date {
        display: table-cell;
        font-size: 1.5em;
        font-weight: 600;
        width: 250px;
        vertical-align: middle;
        margin-bottom:0;
    }

    .events-container .event .event-details-level1-wrapper .event-details-level1 {
        width: calc(100% - 60px);
        display: flex;
        align-items: center;
        margin-left: 60px;
    }

        .events-container .event .event-details-level1-wrapper .event-details-level1 span.logo {
            width: 25%;
            display: block;
            margin-right: 15px;
        }

            .events-container .event .event-details-level1-wrapper .event-details-level1 span.logo img {
                display:block;
                max-width: 250px;
            }

        .events-container .event .event-details-level1-wrapper .event-details-level1 p.title {
            display: block;
            font-size:1.5em;
            font-weight:600;
            margin-bottom:0;
            width: 25%;
            margin-right: 15px;
            text-align: center;
        }

        .events-container .event .event-details-level1-wrapper .event-details-level1 .location-wrapper {
            display: block;
            margin-right: 15px;
            width: 25%;
        }

            .events-container .event .event-details-level1-wrapper .event-details-level1 .location-wrapper .location {
                display:flex;
                align-items: center;
                justify-content: center;
            }

                .events-container .event .event-details-level1-wrapper .event-details-level1 .location-wrapper .location img {
                    display:block;
                    width:25px;
                    margin-right:15px;
                }

                .events-container .event .event-details-level1-wrapper .event-details-level1 .location-wrapper .location span {
                    font-size:1.5em;
                    font-weight:300;
                    position:relative;
                    margin-bottom:0;
                    vertical-align: middle;
                }


        .events-container .event .event-details-level1-wrapper .event-details-level1 .view-details-btn-wrapper {
            display: block;
            width: 25%;
        }

            .events-container .event .event-details-level1-wrapper .event-details-level1 a.view-details-btn {
                display: flex;
                justify-content: flex-end;
                align-items: center;
                font-size:1.5em;
                font-weight: 600;
                text-decoration: none;
                color:#000;
            }

            .events-container .event .event-details-level1-wrapper .event-details-level1 a.view-details-btn img {
                display:block;
                width:50px;
                margin-left:15px;
            }

            .events-container .event .event-details-level1-wrapper .event-details-level1 a.view-details-btn img.closed {
                display:block;
            }

            .events-container .event .event-details-level1-wrapper .event-details-level1 a.view-details-btn img.open {
                display:none;
            }

            .events-container .event .event-details-level1-wrapper .event-details-level1 a.view-details-btn.active img.closed {
                display:none;
            }

            .events-container .event .event-details-level1-wrapper .event-details-level1 a.view-details-btn.active img.open {
                display:block;
            }

    .events-container .event .event-details-level2 {
        display:none;
        margin-top:60px;
        margin-left:250px;
    }

        .staff-in-attendance-title {
            font-weight:600;
            font-size:1.5em;
        }

        .staff-in-attendance {
            display:flex;
            justify-content: flex-start;
        }

            .staff-in-attendance a.staff-member {
                width:250px;
                margin-right:15px;
                margin-bottom:60px;
                text-decoration: none;
            }

            .staff-in-attendance a.staff-member:last-child {
                margin-right:0;
            }

            .staff-in-attendance a.staff-member img {
                display:block;
                width:100%;
                border-radius:15px;
                margin-bottom:10px;
            }

            .staff-in-attendance a.staff-member span {
                font-weight:300;
                font-size:1.5em;
                color:#000;
            }


        .events-container .event .event-details-level2 a.full-details-btn {
            margin-bottom:60px;
        }


.five-things-block {
    width:100%;
    background-color:var(--color-lightblue);
    padding:30px;
    border-radius: 0 30px 0 30px;
}

    .five-things-block ul {
        margin:0;
        padding:0;
    }

    .five-things-block ul li {
        display:flex;
        justify-content: flex-start;
        align-items: center;
        list-style-type: none;
        margin:0 0 15px 0;
        padding:0;
        font-weight:600;
        line-height: 1em;
    }

    .five-things-block ul li span {
        display:inline-block;
        text-align:center;
        width:50px;
        height:50px;
        border-radius:50px;
        background-color:#fff;
        color:var(--color-darkblue);
        margin-right:15px;
        line-height: 2em;
        flex-shrink: 0;
    }

    ol.rapid-fire-questions {
        margin:0;
    }

    ol.rapid-fire-questions li {
        font-size:1.5rem;
        font-weight:600;
        margin-bottom:50px;
        break-inside: avoid-column;
    }

    ol.rapid-fire-questions span {
        display: block;
        width: 90%;
        padding: 5px 10px;
        border-radius: 5px;
        font-weight: 300;
    }

        ol.rapid-fire-questions span.answer {
            background-color: var(--color-orange);
        }

    .polaroid {
        width: 75%;
        padding: 25px;
        -webkit-box-shadow: -1px -1px 13px -3px rgba(0,0,0,0.8); 
        box-shadow: -1px -1px 13px -3px rgba(0,0,0,0.8);
        transition: transform 0.5s;
        cursor:pointer;
    }

    .polaroid.rotate4 { transform: rotate(4deg); }
    .polaroid.rotate2 { transform: rotate(2deg); }
    .polaroid.rotateneg2 { transform: rotate(-2deg); }

        .polaroid:hover {
            transform: rotate(0deg);
        }

    .polaroid img {
        display:block;
        width:100%;
        margin-bottom:15px;
    }

    .polaroid p.caption {
        font-family: 'Shadows Into Light', cursive;
        font-size:1.5em;
        font-weight:300;
        text-align:center;
        margin:0;
    }


   


/******************************
SERVICES - LANDING PAGE
******************************/


#services-grid {
}

#services-grid a {
    display:flex;
    width:100%;
    height:400px;
    align-items:center;
    text-align: center;
    font-size:2.5em;
    line-height: 1.3em;
    font-weight:600;
    color:#000;
    margin-bottom:30px;
    border-radius: 15px;
    padding:30px;
    text-decoration: none;
}

#services-grid a.light {
    background-color: var(--color-lightblue);
    color:#000;
}

#services-grid a.dark {
    background-color: var(--color-darkblue);
    color:#fff;
}

#services-grid a span {
    display:block;
    width:100%;
}




/******************************
SERVICES - TABBED PAGE
******************************/


/* FAQ */


.accordion-menu,
.accordion-menu ul.ul-container,
.accordion-menu li.li-container,
.accordion-menu ul.ul-bodytext,
.accordion-menu li.li-bodytext,
.accordion-menu > ul > li > a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    text-decoration: none;
    line-height: 1;
    position: relative;
    display: block;
}

.accordion-menu a {
    cursor: pointer;
}

.accordion-menu {
    width: 100%;
}

.accordion-menu ul.ul-container li.li-container {
    margin-bottom:15px;
}

.accordion-menu > ul > li > a {
    display: flex;
    position: relative;
    color: #fff;
}

.accordion-menu > ul > li > a > span.open-close {
    display: flex;
    padding: 10px;
    background-color: var(--color-lightblue);
    font-size: 2.5em;
    width: 65px;
    text-align: center;
    border-radius:0 5px 5px 0;
    margin-left:-1px;
}

.accordion-menu > ul > li > a > span.title-text {
    display: flex;
    background-color: var(--color-lightblue);
    padding: 20px;
    flex: 1;
    align-items: center;
	border-radius:5px 0 0 5px;
}

.accordion-menu > ul > li > a > span.title-text h2.title {
    margin-bottom:0;
	margin-top: 0;
    font-size: 1em;
    font-weight: 600;
    text-transform: unset;
    color: #000;
}

.accordion-menu > ul > li > a > span.title-text h2.title::before {
    display:none;
}

.accordion-menu > ul > li > a:hover {
    text-decoration: none;
}

.accordion-menu > ul > li.active {
    border-bottom: none;
}

.accordion-menu > ul > li.active > a {
    color: #fff;
}

.accordion-menu > ul > li.active > a span.title-text {
	border-radius:5px 0 0 0;
}

.accordion-menu > ul > li.active > a span.open-close {
	border-radius:0 5px 0 0;
}

.accordion-menu ul.ul-container ul.ul-bodytext {
    display: none;
}

.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext {
    padding:15px;
    background-color: #fff;
    border: 3px solid var(--color-lightblue);
    border-radius:0 0 5px 5px;
}

.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext p {
    color: #000;
    font-size: 1.5rem;
    line-height: 2.2rem;
}

.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext p:last-child {
    margin-bottom:0;
}

.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext ul,
.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext ol {
    margin-bottom:10px;
}

.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext ul li,
.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext ol li {
  /*  color:#fff;*/
    line-height:1.5em;
}

.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext a {
    color:#fff;
    text-decoration: underline;
}

    .accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext a.apply-now {
        text-decoration:none;
        margin-top:30px;
        margin-bottom:30px;
    }

        .accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext a.apply-now span {
            font-size:1.5rem;
        }



.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext a.egmont-arrow-btn {
    line-height:normal;
    background-color: var(--color-lightblue-highlight);
}

.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext a.egmont-arrow-btn:hover,
.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext a.egmont-arrow-btn:active {
    color:#fff;    
}

.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext .button-clear {
    overflow:hidden;
    height: 34px;
    padding-top: 6px;
    margin-bottom:15px;
}

.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext .button-clear a.egmont-arrow-btn:after {
    margin-top: -6px;
}






/******************************
INDUSTRIES - LANDING PAGE
******************************/


#industries-grid .industry-block {
    display:flex;
    width:100%;
    height:500px;
    align-items:flex-end;
    background-size: cover;
    background-repeat: no-repeat;
}

#industries-grid .industry-block {
    text-decoration: none;
    border-radius: 15px;
    margin-bottom:20px;
}

#industries-grid .industry-block span {
    display: flex;
    width:100%;
    justify-content: center;
    align-items: center;
    background-color:rgba(65, 65, 65, 0.9);
    padding:10px;
    font-size:1.7em;
    font-weight:600;
    line-height:1em;
    text-align: center;
    color:#fff;
    border-radius: 0 0 15px 15px;
    min-height: 75px;
    margin: 0 auto;
}




/******************************
ABOUT YOU > FOREIGN ASSOCIATES
******************************/

#jurisdictions-grid div.jurisdiction-block {
    display:flex;
    width:100%;
    height:500px;
    align-items:flex-end;
    background-size: cover;
    background-repeat: no-repeat;
}

#jurisdictions-grid div.jurisdiction-block {
    text-decoration: none;
    border-radius: 0 15px 0 15px;
    margin-bottom:20px;
}

#jurisdictions-grid div.jurisdiction-block span {
    width:100%;
    background-color:rgba(65, 65, 65, 0.9);
    padding:15px;
    font-size:1.7em;
    font-weight:600;
    line-height:1em;
    text-align: center;
    color:#fff;
    border-radius: 0 0 0 15px;
}





/******************************
ABOUT US - LANDING PAGE
******************************/

#bythenumbers-grid {
}

#bythenumbers-grid div.bythenumbers-block {
    display:flex;
    width:100%;
    align-items:center;
    text-align: center;
    background-color: var(--color-lightblue);
    color:#000;
    margin-bottom:30px;
    border-radius: 15px;
    padding:30px;
}

#bythenumbers-grid div.bythenumbers-block .inner {
    width:100%;
}

#bythenumbers-grid div.bythenumbers-block img.icon {
    display:block;
    width:auto;
    max-height: 150px;
    margin: 0 auto 15px auto;
}

#bythenumbers-grid div.bythenumbers-block p.number {
    width:100%;
    text-align:center;
    font-size:6.25em;
    font-weight:700;
    color:#000;
    margin-bottom:0;
line-height: 1em;}

#bythenumbers-grid div.bythenumbers-block p.description {
    width:100%;
    text-align:center;
    font-size:1.75em;
    font-weight:500;
    margin-bottom:0;
}




/******************************
ABOUT US > OUR CLIENTS
******************************/

#testimonials-tabs-wrapper {
    background-color: var(--color-orange);
}

#testimonials-tabs-wrapper h2.header {
    margin-top:60px;
}

#testimonials-tabs-wrapper h2.header::before {
    content: '';
    background: url('../images/header-squiggle-white.svg');
    position:absolute;
    top: -30px;
    left: 0;
    width: 180px;
    height: 25px;
    background-repeat: no-repeat;
    margin-top: 0;
}

#testimonials-tabs-inner-wrapper {
    position:relative;
    width:100%;
    margin-bottom: 30px;
}

#testimonials-tabs {
    z-index:999999;
}

#testimonials-tabs .inner {
    display:flex;
    justify-content: space-evenly;
	height:70px;
}

#testimonials-tabs .inner a.tab {
    width:100%;
    display:flex;
    align-items:center;
    align-content:center;
    background-color: #000;
    color:#fff;
    font-size: 1.25em;
    font-weight:600;
    text-align: center;
    margin-right:4px;
    border-radius: 10px 10px 0 0;
    text-decoration: none;
	line-height: 1em;
    outline: 0;
}

#testimonials-tabs .inner a.tab:hover {
    margin-top:-10px;
    transition: 0.2s;
}

#testimonials-tabs .inner a.tab span {
    display: inline-block;
    margin:0 auto;
}

#testimonials-tabs .inner a.tab:last-child {
    margin-right:0;
}

#testimonials-tabs .inner a.tab:hover,
#testimonials-tabs .inner a.tab:active,
#testimonials-tabs .inner a.tab.active {
    background-color: #fff;
    color:#000;
}



/******************************
ABOUT US > MBM HISTORY
******************************/

/******* Timeline *******/

#a-day-in-the-life-intro {
    margin-bottom:30px;
}

    #a-day-in-the-life-intro p {
        width:100%;
        text-align: center;
        font-weight:600;
    }



#timeline-title {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #000;
    color: #fff;
    font-style: italic;
    text-align: center;
    font-size: 2em;
    font-weight: 300;
}

.timeline-body .timeline-presentdate {
    width:100%;
    position:relative;
    z-index:9999;
    padding-bottom:30px;
}

.timeline-body .timeline-presentdate .inner {
    display:block;
    margin:0 auto;
    width:fit-content;
    border-radius:30px;
    border: 9px solid var(--color-darkgrey);
    background-color: var(--color-orange);
    color:#000;
    font-weight: 600;
    padding: 0 30px;
    font-size: 1.75em;
}

.cd-timeline {
    font-family: 'Work Sans', sans-serif;
    background-color:#fff;
    padding-bottom:0;
}

.cd-timeline .cd-timeline__container {
    padding-top:0;
    padding-bottom: 0;
}

.cd-timeline .cd-timeline__container::before {
    background-color:var(--color-darkgrey);
    width:12px;
}

.cd-timeline__content {
    box-shadow:unset;
}

/* Block - with Background Image */

.cd-timeline__content.with-bg-image {
    display:flex;
    align-items: flex-end;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position:relative;
    padding:0;
    min-height:470px;
}

.cd-timeline__block .cd-timeline__content.with-bg-image span.date {
    position:absolute;
    top: 30px;
    background-color: var(--color-darkgrey);
    font-size: 2.5rem;
    line-height: 1em;
    color:#fff;
    font-weight:600;
    padding: 5px 30px;
}

    .cd-timeline__block.odd .cd-timeline__content.with-bg-image span.date {
        right:0;
        border-radius: 30px 0 0 30px;
    }

    .cd-timeline__block.even .cd-timeline__content.with-bg-image span.date {
        left:0;
        border-radius: 0 30px 30px 0;
    }

.cd-timeline__content.with-bg-image span.caption {
    display:block;
    width:100%;
    padding: 30px;
    background-color: rgba(65, 65, 65, 0.9);
}

    .cd-timeline__content.with-bg-image span.caption p {
        color:#fff;
        font-size: 1.5rem;
        line-height: 1.5em;
        font-weight: 300;
        margin-bottom:0;
    }

    .cd-timeline__block.odd .cd-timeline__content.with-bg-image span.caption {
        border-radius:0 0 30px 0;
    }

    .cd-timeline__block.even .cd-timeline__content.with-bg-image span.caption {
        border-radius:0 0 0 30px;
    }


/* Block - Plain */

.cd-timeline__content.plain {
    display:flex;
    align-items: flex-end;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position:relative;
    padding:0;
}

.cd-timeline__block .cd-timeline__content.plain span.date {
    position:absolute;
    top: 30px;
    background-color: var(--color-darkgrey);
    font-size: 2.5rem;
    line-height: 1em;
    color:#fff;
    font-weight:600;
    padding: 5px 30px;
}

    .cd-timeline__block.odd .cd-timeline__content.plain span.date {
        right:0;
        border-radius: 30px 0 0 30px;
    }

    .cd-timeline__block.even .cd-timeline__content.plain span.date {
        left:0;
        border-radius: 0 30px 30px 0;
    }

.cd-timeline__content.plain span.caption {
    display:block;
    width:100%;
    padding: 100px 30px 30px 30px;
}

    .cd-timeline__content.plain span.caption p {
        color:#fff;
        font-size: 1.5rem;
        line-height: 1.5em;
        font-weight: 300;
        margin-bottom:0;
    }

    .cd-timeline__block.odd .cd-timeline__content.plain span.caption {
        border-radius:30px 0 30px 0;
    }

    .cd-timeline__block.even .cd-timeline__content.plain span.caption {
        border-radius:0 30px 0 30px;
    }

        .cd-timeline__block .cd-timeline__content.plain span.caption.bg-lightblue {
            background-color: var(--color-lightblue);
        }

            .cd-timeline__block .cd-timeline__content.plain span.caption.bg-lightblue p {
                color:#000;
            }
            
        .cd-timeline__block .cd-timeline__content.plain span.caption.bg-darkblue {
            background-color: var(--color-darkblue);
        }

        .cd-timeline__block .cd-timeline__content.plain span.caption.bg-yellow {
            background-color: var(--color-yellow);
            color:#000;
        }

            .cd-timeline__block .cd-timeline__content.plain span.caption.bg-yellow p {
                color:#000;
            }

.cd-timeline__block .connectorline {
    z-index: -9999;
    position: absolute;
    width: 120px;
    height:8px;
    border-top: 8px solid var(--color-darkgrey);
    top: 53px;
}

    .cd-timeline__block.odd .connectorline {
        right: 50%;
    }

    .cd-timeline__block.even .connectorline {
        left: 50%;
    }

    .cd-timeline__block.odd .cd-timeline__content {
        border-radius:30px 0 30px 0;
    }

    .cd-timeline__block.even .cd-timeline__content {
        border-radius:0 30px 0 30px;
    }

.cd-timeline__content.text-component {
    color: #000;
}

.cd-timeline__content.text-component p {
    color:#000;
    font-size: 1rem;
    line-height: 2em;
}

.cd-timeline__content.text-component ul li,
.cd-timeline__content.text-component ol li {
    color:#000;
    font-size: 1rem;
    line-height: 2em;
}

.cd-timeline__img {
    box-shadow:0 0 0 7px var(--color-darkgrey);
    width: 14px;
    height: 14px;
    margin-left: calc(5% - 7px);
    margin-top: 50px;
}

.cd-timeline__block .cd-timeline__content::before {
    display:none;
}

.cd-timeline__block.even .cd-timeline__img {
    margin-right: calc(5% - 7px);
}

.cd-timeline__img--picture {
    background-color: var(--color-orange);
}

.cd-timeline__yearblock {
    position: relative;
    width:100%;
    height: 130px;
    margin-top:30px;
    margin-bottom:30px;
}

.cd-timeline__yearblock img {
    display:block;
    width: 130px;
    height:auto;
    margin:0 auto;
}

.cd-timeline__yearblock span.year {
    position: absolute;
    left: 0;
    top: 36px;
    width: 100%;
    display: block;
    font-family: 'Work Sans', sans-serif;
    text-align: center;
    font-weight: 600;
    font-size: 2.5rem;
    color: #000;
}

.timeline-endcap-plain {
    width:100%;
}

.timeline-endcap-plain .endcap {
    width: 12px;
    height: 30px;
    background-color: #000;
    margin:0 auto;
}


.timeline-body .timeline-endcap {
    width:100%;
    position:relative;
    z-index:9999;
}

.timeline-body .inner {
    display:block;
    margin:0 auto;
    width:fit-content;
    border-radius:30px;
    border: 9px solid var(--color-darkgrey);
    background-color: var(--color-orange);
    color:#000;
    font-weight: 600;
    padding: 0 30px;
    font-size: 1.75em;
}





/********************************
ABOUT US > SOCIAL RESPONSIBILITY
********************************/

.sr-row {
    width:100%;
    display:table;
}

.sr-row .sr-text {
    display:table-cell;
    padding:100px 60px;
    width:56%;
}

.sr-row .sr-text.lightblue {
    background-color:var(--color-lightblue);
}

.sr-row .sr-text.orange {
    background-color:var(--color-orange);
}

.sr-row .sr-text h2::before {
    display:none;
}

.sr-row .sr-text h2 {
	margin-top: 0;
}

.sr-row .sr-image {
    display:table-cell;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width:44%;
}




/********************************
RESOURCE CENTER - LANDING PAGE
********************************/

#rc-container #rcgrid-container .padder {
    padding-left: 90px;
    margin-left: -90px;
    background-image: url(../images/vertical_dots.png);
    background-repeat: repeat-y;
    background-position: top left;
}

#rc-container #rcgrid-container #rcgrid {
    display:block;
    width:100%;
}

#rc-container #rcgrid-container #rcgrid .rcgrid-row {
    display:flex;
    margin-bottom:15px;
}

#rc-container #rcgrid-container #rcgrid .rcgrid-row:last-child {
    margin-bottom:0;
}

#rc-container #rcgrid-container #rcgrid .rcgrid-row .grid-block {
    border-radius:15px;
    padding:20px;
    margin-right:15px;
}

#rc-container #rcgrid-container #rcgrid .rcgrid-row .grid-block:last-child {
	margin-right:0;
}


/* Links */

    #rc-container #rcgrid-container #rcgrid .rcgrid-row a.grid-block {
        display: flex;
        align-items:center;
        text-align: center;
        font-size:1.75em;
        line-height: 1.3em;
        font-weight: 600;
        width:33.33%;
        min-height:200px;
        text-decoration: none;
    }

    #rc-container #rcgrid-container #rcgrid .rcgrid-row a.grid-block.lightblue {
        background-color:var(--color-lightblue);
        color:#000;
    }

    #rc-container #rcgrid-container #rcgrid .rcgrid-row a.grid-block.darkblue {
        background-color:var(--color-darkblue);
        color:#fff;
    }

    #rc-container #rcgrid-container #rcgrid .rcgrid-row a.grid-block span {
        display:block;
        margin:0 auto;
    }


/* Stay Informed */

    #rc-container #rcgrid-container #rcgrid .rcgrid-row .grid-block.stay-informed {
        background-color: var(--color-darkgrey);
        width: calc(66.666% + 15px);
        display:flex;
        align-items: center;
    }

    #rc-container #rcgrid-container #rcgrid .rcgrid-row .grid-block.stay-informed span {
        display:block;
        width:100%;
    }

    #rc-container #rcgrid-container #rcgrid .rcgrid-row .grid-block.stay-informed h2::before {
        display:none;
    }

    #rc-container #rcgrid-container #rcgrid .rcgrid-row .grid-block.stay-informed h2 {
        margin-top:0;
        margin-bottom:5px;
        color:#fff;
    }

    #rc-container #rcgrid-container #rcgrid .rcgrid-row .grid-block.stay-informed p {
        color:#fff;
        font-size:1em;
    }

    #rc-container #rcgrid-container #rcgrid .rcgrid-row .grid-block.stay-informed a {
        background-color: #fff;
    }

    #rc-container #rcgrid-container #rcgrid .rcgrid-row .grid-block.stay-informed a span {
        color:#000;
    }

    h2.stay-informed {
        font-size:1.8em;
    }

    a.button-type-1.stay-informed {
        padding:10px 20px;
        font-size:1.2em;
    }



/******************************
SINGLE ARTICLE
******************************/

#article-info-bar {
    display:flex;
    align-items:center;
    width:100%;
    background-color: #000;
    border-radius: 0 50px 50px 0;
    margin-bottom:60px;
}

#article-info-bar .left {
    display:flex;
    width:50%;
    padding-left:60px;
}

#article-info-bar .left p.date,
#article-info-bar .left p.read-time,
#article-info-bar .left p.event-location-text,
#article-info-bar .left p.event-time {
    display:inline-block;
    color:#fff;
    margin-bottom:0;
    font-weight:600;
}

#article-info-bar .left p.read-time,
#article-info-bar .left p.event-time,
#article-info-bar .left p.event-location-text {
    margin-left:60px;
}

#article-info-bar .right {
    display:flex;
    width:50%;
    padding-right:15px;
    justify-content: flex-end;
}

#article-info-bar .right a {
    width:fit-content;
    margin-top:15px;
    margin-bottom:15px;
}

#article-info-bar .right a span {
    color:#000;
}

#article-info-bar .right a.btn-share {

}

#article-info-bar .right a.btn-subscribe {
    margin-left:30px;
}


.main-content #tag-list {
}

    .main-content #tag-list h2::before {
        display:none;
    }

    .main-content #tag-list h2 {
        font-size:1.75em;
        margin: 0 0 15px 0;
    }

.main-content #tag-list ul {
    display:block;
    margin:0;
    padding:0;
}

.main-content #tag-list ul li {
    display: inline;
    list-style-type: none;
    padding:0;
    margin: 0;
}

.main-content #tag-list ul li a {
    display:inline-block;
    background-color: #fff;
    font-size: 1.25rem;
    font-weight:300;
    border-radius:30px;
    border:1px solid var(--color-red);
    padding: 5px 15px;
    color:var(--color-red);
    margin: 0 0 10px 0;
    text-decoration: none;
}





/******************************
SINGLE EVENT
******************************/


.logolist-simple {
    display:flex;
    justify-content: flex-start;
}

    .logolist-simple span.logo {
        display:block;
        width:250px;
        margin-right:15px;
        border-radius:15px;
    }

        .logolist-simple span.logo:last-child {
            margin-right:0;
        }

        .logolist-simple span.logo img {
            display:block;
            width:100%;
        }


.ribbon {
    width: 240px;
    height: 240px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}

    .ribbon span {
        position: absolute;
        display: block;
        width: 345px;
        padding: 15px 0;
        background-color: #000;
        color: #fff;
        font-weight: 700;
        font-size: 18px;
        line-height:1;
        text-transform: uppercase;
        text-align: center;
        left: -35px;
        top: 80px;
        transform: rotate(45deg);
    }


/* add a gap to the right of the body so it doesn't come too close to the sidebar */
.bodycontent-padder {
    padding-right:60px;
}

.author-sidebar {
    width:100%;
    padding-left:50px;
    padding-right:10px;
}

    .author-sidebar h2 {
        margin-left:20px;
    }








/******************************
CAREERS (LANDING PAGE)
******************************/

#careers-landing-links {
    width:100%;
    display:flex;
    align-items: center;
    justify-content: space-between;
}

#careers-landing-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 400px;
    height: 400px;
    background-color: var(--color-lightblue);
    border-radius: 50%;
    text-align: center;
    color: #000;
    text-decoration: none;
}

#careers-landing-links a span {
    display: block;
    font-size: 2.5em;
    font-weight:600;
    line-height: 1.2em;
    width: 75%;
}





/******************************
CAREERS > PROFESSIONAL STAAFF
******************************/

#benefits-grid .benefits-grid-innergrid {
    width:100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
}

#benefits-grid .benefits-block {
    position: relative;
    display:flex;
    width:100%;
    align-items:center;
    text-align: center;
    background-color: var(--color-lightblue);
    color:#000;
    border-radius: 15px;
    padding:30px;
    text-decoration: none;
}

#benefits-grid .benefits-block .inner {
    width:100%;
}

#benefits-grid .benefits-block img.icon {
    display:block;
    width:auto;
    max-height: 150px;
    margin: 0 auto 15px auto;
}

#benefits-grid .benefits-block p.description {
    width:100%;
    text-align:center;
    font-size:1.75em;
    line-height: 2rem;
    font-weight:500;
    margin-bottom:0;
}

.apply-on-a-whim-block {
    display:flex;
    align-items: center;
    width:100%;
    padding:30px;
    border-radius: 15px;
    background-color: var(--color-lightblue);
}

.apply-on-a-whim-block .left {
    width:50%;
}

.apply-on-a-whim-block .left .description p {
    font-weight:600;
    color:#000;
    margin-bottom:0;
}

.apply-on-a-whim-block .right {
    width:50%;
}

.apply-on-a-whim-block .right a {
    margin:0 0 0 auto;
}
p.tealbox {
    display:block;
    width:fit-content;
    color:#000;
    padding:20px;
    border-radius:15px;
    background-color: var(--color-lightblue);
    margin-left:10px;
    font-weight:500;
}




/******************************
STUDENTS
******************************/

img.external-link-icon {
    display:block;
    width:30px;
    position: absolute;
    top:30px;
    right:30px;
    z-index:999;
}

.checkers-row {
    width:100%;
    display: flex;
    margin-bottom:20px;
}

    .checkers-row .left {
        display: block;
        width: 30%;
        background-color: #d57e00;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .checkers-row .left.has-real-image {
        position:relative;
    }

        .checkers-row .left.has-real-image img {
            position:absolute;
            bottom:0;
        }
    
    .checkers-row .right {
        display:block;
        width:70%;
        background-color: var(--color-lightblue);
        padding:60px;
    }

    .checkers-row .right .quote-block-wrapper {
        padding-left:0;
    }

    .numbered-tips-list {
        width:100%;
        padding:30px;
        border-radius: 0 30px 0 30px;
    }
    
        .numbered-tips-list ul {
            margin:0;
            padding:0;
        }
        
        .numbered-tips-list ul li {
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            list-style-type: none;
            margin: 0 0 30px 0;
            padding: 0;
            font-weight: 300;
            line-height: 1.3em;
        }
    
        .numbered-tips-list ul li span {
            display:inline-block;
            text-align:center;
            width:50px;
            height:50px;
            border-radius:50px;
            background-color:var(--color-darkblue);
            color:#fff;
            font-weight: 600;
            margin-right:15px;
            line-height: 2em;
            flex-shrink: 0;
        }


        .numbered-tips-list ul li .myText b:first-child {
              font-weight:600!important;
              color: var(--color-darkblue); 
          }




/******************************
CONTACT US
******************************/

.general-contacts .gencontacts-row {
    display:flex;
    margin-top:30px;
}

    .general-contacts .gencontacts-row.vertically-centered {
        align-items: center;
    }

    .general-contacts .gencontacts-row .general-contact {
        width:32%;
        margin-right:2%;
    }

        .general-contacts .gencontacts-row .general-contact:last-child {
            margin-right:0;
        }

.general-contacts .general-contact h3 {
    display:inline-block;
    font-weight:600;
    font-size:1.5em;
    margin-bottom:15px;
}

.general-contacts .general-contact a {
    display:flex;
    align-items:center;
    justify-content: flex-start;
    margin-bottom:10px;
    font-size:1.5em;
    font-weight:300;
    color:var(--color-red);
}

.general-contacts .general-contact a img.icon {
    display:block;
    width:40px;
    margin-right:15px;
}

.general-contacts .general-contact a span {
    display:block;
}

.general-contacts-disclaimers {
    margin-top:30px;
    font-size:80%;
}


.officelocation-row {
    width:100%;
    display:table;
}

    .officelocation-row .image-and-details {
        display:table-cell;
        width:50%;
        vertical-align: bottom;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

        .officelocation-row .image-and-details .details {
            background-color: rgba(65, 64, 65, 0.9);
        }

            .officelocation-row .image-and-details .details .inner {
                display: flex;
                align-items: flex-end;
                width:100%;
                padding:30px 60px 30px;
                align-content: space-between;
            }

				.officelocation-row .image-and-details .details .inner .right {
					flex:1;
				}

                .officelocation-row .image-and-details .details .inner .left h2.cityname {
                    margin:0 0 15px 0;
                    padding:0;
                    color:#fff;
                }
    
                    .officelocation-row .image-and-details .details .inner .left h2.cityname::before {
                        display:none;
                    }
    
                        .officelocation-row .image-and-details .details .inner .left h2.cityname span {
                            font-weight:300;
                        }

                .officelocation-row .image-and-details .details .inner .left .address p {
                    margin-bottom:0;
                }

                .officelocation-row .image-and-details .details .inner .left .address {
                    color:#fff;
                }

                .officelocation-row .image-and-details .details .inner .right a {
                    width: 240px;
                    margin: 0 0 0 auto;
                    text-align: center;
                    height: 70px;
                }

                .officelocation-row .image-and-details .details .inner .right a:last-child {
                    margin-top:15px;
                }

    .officelocation-row .funfacts {
        display:table-cell;
        width:50%;
        vertical-align: middle;
        padding:60px;
        background-color:var(--color-lightblue);
    }

    .officelocation-row .funfacts h2 {
        border-left-color:#fff;
        margin-bottom:30px !important;
    }

    .officelocation-row .funfacts ul {
        display:block;
        margin:0;
        padding:0;
    }

        .officelocation-row .funfacts ul li {
            display:flex;
            align-items: flex-start;
            list-style: none;
            margin:0 0 15px 0;
            padding:0;
        }

        .officelocation-row .funfacts ul li span {
            display:block;
        }

            .officelocation-row .funfacts ul li span.icon {
                width: 40px;
                margin-top: 0px;
                margin-right: 10px;
            }

                .officelocation-row .funfacts ul li span.icon img {
                    display:block;
                    width:100%;
                    height:auto;
                }

            .officelocation-row .funfacts ul li span.text {
                flex:1;
            }











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

#site-footer {
    width:100%;
    background-color: #000;
    display:flex;
    align-items: center;
    height:100px;
}

#site-footer .left {
    display:block;
    width:50%;
}

#site-footer .left ul {
    display:flex;
    align-content:space-between;
    margin:0 0 0 30px;
    padding:0;
}

#site-footer .left li {
    display:block;
    padding:0;
}

#site-footer .left a {
    display:block;
    color:#fff;
    font-size:1em;
    margin-right:30px;
}

#site-footer .right {
    display:block;
    width:50%;
    text-align: right;
}

#site-footer .right p.copyright {
    display:block;
    color:#fff;
    margin:0 30px 0 0;
    font-weight:300;
    font-size:1.125em;
}

#back-to-top {
    position: fixed;
    bottom: 130px;
    right: 0;
    display:block;
    width: 50px;
    background-color: #000;
    color:#fff;
    padding: 10px 5px 5px 5px;
    z-index: 9999;
    border-radius: 0 0 0 10px;
    text-align:center;
    text-decoration: none;
}

#back-to-top img {
	display:block;
	width: 30px;
	margin:0 auto;
}


#back-to-top span {
    font-size: 1.1em;
    font-weight:600;
    text-transform: uppercase;
}





/********************************
POP-UP WINDOWS (LIGHTBOX WINDOWS)
********************************/


/*** General ***/

#fadeandscale {
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
}
.popup_visible #fadeandscale {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.popup_content .popup_close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 1.5em;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
}


/*** Share This Page ***/

#sharepage-lightbox-content,
#sharepage-lightbox-content-fyi {
    padding: 30px;
    background-color: #fff;
    border-radius: 15px;
}

#sharepage-lightbox-content h2,
#sharepage-lightbox-content-fyi h2 {
    display: block;
    font-weight: 600;
    font-size:2.25em;
    margin-top:75px;
    margin-bottom:30px;
    position: relative;
}

#sharepage-lightbox-content h2:first-child,
#sharepage-lightbox-content-fyi h2:first-child {
    margin-top: 30px;
}

#sharepage-lightbox-content h2::before,
#sharepage-lightbox-content-fyi h2::before {
    content: '';
    background: url('../images/header-squiggle.svg');
    position:absolute;
    top: -30px;
    left: 0;
    width: 180px;
    height: 25px;
    background-repeat: no-repeat;
    margin-top: 0;
}

#sharepage-lightbox-content h2.indent-squiggle::before,
#sharepage-lightbox-content-fyi h2.indent-squiggle::before {
    left:15px;
}

#sharepage-lightbox-content .share-row,
#sharepage-lightbox-content-fyi .share-row {
    width:400px;
    display:flex;
    justify-content: space-between;
    align-items:center;
    margin: 0 auto;
}

#sharepage-lightbox-content .share-row a,
#sharepage-lightbox-content-fyi .share-row a {
    display:block;
    width:75px;
    text-decoration:none;
    font-weight:600;
}

#sharepage-lightbox-content .share-row a img,
#sharepage-lightbox-content-fyi .share-row a img {
    display: block;
    width: 50px;
    height: auto;
    margin: 5px auto;
}

#sharepage-lightbox-content .share-row a span,
#sharepage-lightbox-content-fyi .share-row a span {
    display:block;
    margin:0 auto;
    text-align:center;
    color:#000;
}


/*** Subscribe ***/

#subscribe-lightbox-content {
    max-width:75%;
    display:table;
    vertical-align: top;
    margin-left: -25px;
    margin-top: -25px;
}

#subscribe-lightbox-content .left {
    display:table-cell;
    width:34%;
    background-color: var(--color-lightblue);
    padding: 0 45px;
    border-radius: 15px 0 0 15px;
}

    #subscribe-lightbox-content .left h2 {
        font-weight: 600;
        font-size:2.25em;
        margin-top: 45px;
        margin-bottom:30px;
        line-height: 1em;
    }

    #subscribe-lightbox-content .right {
        display:table-cell;
        width:66%;
        background-color: #fff;
        padding: 75px 45px 0 45px;
        border-radius: 0 15px 15px 0;
    }


input.gform_button[type=submit] {
    display: block;
    background-color: var(--color-red);
    border: none;
    color: #fff;
    text-align: center;
    padding: 10px 15px;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.3em;
    width: 100px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    margin: 0 0 0 auto;
}

input.gform_button[type=submit]::before {
    content: ">";
 }

.mbm-dotted-line {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    background-image: url(../images/horizontal_dots.png);
    height: 3px;
    background-repeat: repeat-x;
}

.gform_body label {
    font-weight:300;
    font-size:1em;
}

.ginput_container.ginput_container_consent input[type=checkbox] {
    float:left;
    width: 15px;
}

.ginput_container.ginput_container_consent label.gfield_consent_label {
    float:left;
    width: calc(100% - 15px);
    margin-left: 20px;
    margin-top: -18px;
}




/*** Book a Consultation ***/

#bookassessment-lightbox-content {
    max-width:75%;
    display:table;
    vertical-align: top;
    margin-left: -25px;
    margin-top: -25px;
}

#bookassessment-lightbox-content .left {
    display:table-cell;
    width:34%;
    background-color: var(--color-lightblue);
    padding: 0 45px 45px 45px;
    border-radius: 15px 0 0 15px;
}

    #bookassessment-lightbox-content .left h2 {
        font-weight: 600;
        font-size:2.25em;
        margin-top: 45px;
        margin-bottom:15px;
        line-height: 1em;
    }

    #bookassessment-lightbox-content .left h3 {
        font-weight: 600;
        font-size:1em;
        line-height: 1.3em;
    }

#bookassessment-lightbox-content .right {
    display:table-cell;
    width:66%;
    background-color: #fff;
    padding: 75px 45px 45px 45px;
    border-radius: 0 15px 15px 0;
}

#bookassessment-lightbox-content .or-just-call-us {
    font-weight:500;
    font-size:1.5em;
	padding-top:10px;
}

    #bookassessment-lightbox-content .or-just-call-us br {
        display:none;
    }


#bookassessment-lightbox-content .gform_wrapper.gravity-theme .gform_footer,
#bookassessment-lightbox-content .gform_wrapper.gravity-theme .gform_page_footer {
    margin:0;
    padding:0;
}

#bookassessment-lightbox-content input.gform_button[type=submit] {
	position:absolute;
	bottom:38px;
	right:45px;
    line-height:1 !important;
}










/********************************
SEARCH FORM AND SEARCH PAGE
********************************/
#searchform {
    margin-left:15px;
    margin-right: 15px;
}

#searchform label {
    display:none;
}

#searchform #s {
    padding:0 10px;
    border-radius: 0 10px;
    height: 40px;
    display:none;
}

#searchform #s:focus {
    -webkit-box-shadow: 0 0 0 0.1rem #ccc;
    box-shadow: 0 0 0 0.1rem #ccc;
    border:inherit;
}

#searchform button#searchbutton {
    background-color: #FFF;
    font-weight: 600;
    border: 0;
    padding: 0 10px;
    color: #000;
    font-size: 1.8em;
    height:40px;
    line-height: 1;
}

#searchform .input-group {
    align-items: center;
}


.search-result a {
    font-size: 1.8rem;
    font-weight: 600;
}

.results-message {
    font-weight: 600;
    font-size: 1em;
    margin-bottom:60px !important;
}

.results-message span {
    color: var(--color-red);
}

.relevanssi-query-term {
    background-color: var(--color-lightblue-highlight);
}









/******************************
ANIMATIONS
******************************/


  /* Bounce In */
  .hvr-bounce-in {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .hvr-bounce-in:hover, .hvr-bounce-in.hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  }

    /* Bounce In - Double (for smaller buttons where normal amount isn't enough) */
    .hvr-bounce-in.double {
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
      }
      .hvr-bounce-in.double:hover, .hvr-bounce-in.double.hover, .hvr-bounce-in.double:focus, .hvr-bounce-in.double:active {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
        transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
      }

    /* Bounce In - Quad (for very small buttons where normal or double amount isn't enough) */
    .hvr-bounce-in.quad {
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
      }
      .hvr-bounce-in.quad:hover, .hvr-bounce-in.quad.hover, .hvr-bounce-in.quad:focus, .hvr-bounce-in.quad:active {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
        transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
      }

  /* Bounce Out */
  .hvr-bounce-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  }

  /* Shrink */
  .hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
  }
  .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }






/******************************
UTILITY CLASSES
******************************/

/*** Visibility ***/

    .hidden { display:none; }

/*** Padding ***/

    .padding-top-0 { padding-top:0; }
    .padding-bottom-0 { padding-bottom:0; }
    .padding-left-0 { padding-left:0; }
    .padding-right-0 { padding-right:0; }

    .padding-top-15 { padding-top:15px; }
    .padding-bottom-15 { padding-bottom:15px; }
    .padding-left-15 { padding-left:15px; }
    .padding-right-15 { padding-right:15px; }

    .padding-top-30 { padding-top:30px; }
    .padding-bottom-30 { padding-bottom:30px; }
    .padding-left-30 { padding-left:30px; }
    .padding-right-30 { padding-right:30px; }

    .padding-top-45 { padding-top:45px; }
    .padding-bottom-45 { padding-bottom:45px; }
    .padding-left-45 { padding-left:45px; }
    .padding-right-45 { padding-right:45px; }

    .padding-top-60 { padding-top:60px; }
    .padding-bottom-60 { padding-bottom:60px; }
    .padding-left-60 { padding-left:60px; }
    .padding-right-60 { padding-right:60px; }

/*** Margin ***/

    .margin-top-0 { margin-top:0 !important; }
    .margin-bottom-0 { margin-bottom:0 !important; }
    .margin-left-0 { margin-left:0; }
    .margin-right-0 { margin-right:0; }

    .margin-top-15 { margin-top:15px; }
    .margin-bottom-15 { margin-bottom:15px; }
    .margin-left-15 { margin-left:15px; }
    .margin-right-15 { margin-right:15px; }

    .margin-top-20 { margin-top:20px; }
    .margin-bottom-20 { margin-bottom:20px; }
    .margin-left-20 { margin-left:20px; }
    .margin-right-20 { margin-right:20px; }

    .margin-top-30 { margin-top:30px; }
    .margin-bottom-30 { margin-bottom:30px; }
    .margin-left-30 { margin-left:30px; }
    .margin-right-30 { margin-right:30px; }

    .margin-top-45 { margin-top:45px; }
    .margin-bottom-45 { margin-bottom:45px; }
    .margin-left-45 { margin-left:45px; }
    .margin-right-45 { margin-right:45px; }

    .margin-top-60 { margin-top:60px; }
    .margin-bottom-60 { margin-bottom:60px; }
    .margin-left-60 { margin-left:60px; }
    .margin-right-60 { margin-right:60px; }

    .margin-top-75 { margin-top:75px; }
    .margin-bottom-75 { margin-bottom:75px; }
    .margin-left-75 { margin-left:75px; }
    .margin-right-75 { margin-right:75px; }

    .margin-top-90 { margin-top:90px; }
    .margin-bottom-90 { margin-bottom:90px; }
    .margin-left-90 { margin-left:90px; }
    .margin-right-90 { margin-right:90px; }

/*** Alignment ***/
    
    .text-align-center { text-align:center; }
    .text-align-right { text-align:right; }

/*** Width ***/

    .width-10 { width:10%; }
    .width-20 { width:20%; }
    .width-30 { width:30%; }
    .width-33 { width:33%; }
    .width-40 { width:40%; }
    .width-50 { width:50%; }
    .width-60 { width:60%; }
    .width-66 { width:66%; }
    .width-70 { width:70%; }
    .width-80 { width:80%; }
    .width-90 { width:90%; }
    .width-100 { width:100%; }


/*** Font Weight ***/

    .font-weight-100 { font-weight:100; }
    .font-weight-200 { font-weight:200; }
    .font-weight-300 { font-weight:300; }
    .font-weight-400 { font-weight:400; }
    .font-weight-500 { font-weight:500; }
    .font-weight-600 { font-weight:600; }
    .font-weight-700 { font-weight:700; }
    .font-weight-800 { font-weight:800; }
    .font-weight-900 { font-weight:900; }



/*** Font Style ***/

    .force-lowercase { text-transform: lowercase !important; }



    /* css for the recent feedback on 2 jan 2023-- komal **/
    #Halifax .view-map ,    div#Windsor .view-map {
        display: none;
    }
    .page-template-page-contact .main-content {
        padding-bottom: 0px;
    }

    .page-template-page-students #subpages-tabs .inner a.tab:active,   .page-template-page-students #subpages-tabs .inner a.tab.active {
        background-color: var(--color-orange) !important;
    }
    .page-template-page-students #subpages-tabs .inner a.tab, .page-template-page-mbmhistory #subpages-tabs .inner a.tab{
    background-color:var(--color-darkgrey);
    }

    .page-template-page-mbmhistory #subpages-tabs .inner a.tab:active,#subpages-tabs .inner a.tab.active {
        background-color: var(--color-orange) !important;
    }

    .single-post #banner-with-wave .wave{display: none;}