/* CSS Document */


@font-face {
    font-family: "Encode Sans Condensed ExtraBold";
    src: url("../fonts/EncodeSansFamily/Encode-Sans-Condensed/EncodeSansCondensed-800-ExtraBold.ttf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Encode Sans Condensed SemiBold";
    src: url("../fonts/EncodeSansFamily/Encode-Sans-Condensed/EncodeSansCondensed-600-SemiBold.ttf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Encode Sans Condensed Medium";
    src: url("../fonts/EncodeSansFamily/Encode-Sans-Condensed/EncodeSansCondensed-500-Medium.ttf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Uni Sans Regular";
    src: url("../fonts/UniSans/Fontfabric - UniSansRegular.otf");
    font-weight: normal;
    font-style: normal;
}

html, body {
    margin: 0;
    font-family: Open Sans, sans-serif;
    scroll-behavior: smooth; /* only works for Chrome */
    overflow-y: visible; /* necessary for homepage elements to be scrollable */
    position: static;
}

body {
	background-color: #000;
}

h1, h2, h3, h4, h5, .menu-h1, #menu-region .menu a {
    font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
    margin: 0;
}

h4, h5 {
    font-family: 'Encode Sans Condensed SemiBold', sans-serif;
}

h1, h2 {
	clear: both;
}

.menu-h2 {
    font-family: 'Uni Sans Regular', sans-serif;
}

img {
    max-width:100%;
    height:auto
}




















/* ########################################################################## */
/* external link divs ####################################################### */
/* ########################################################################## */

.external-link {
    position: absolute;
}

.external-link div {
    visibility: hidden;
    position: relative;
    background-color: #4b2e83;
    background-color: rgba(0,0,0,0.8);
    padding: 0px 15px;
    color: #fff;
    border-radius: 10px;
    line-height: 2.4;
    font-size: 18px;
    text-transform: lowercase;
    font-family: Open Sans, sans-serif;
    font-weight: 400;
}

a:hover .external-link div,
a:focus .external-link div,
a:hover + .external-link div,
a:focus + .external-link div {
    visibility: visible;
}

.external-link-icons div {
    margin: -118px 0px 0px 0px;
}

.external-link-cta {
    float: none;
}

.external-link-cta div {
    padding: 0px 15px !important;
    margin-top: 14px;
}

.external-link-menu,
.external-link-menu-icons {
    max-width: 274px;
}

.external-link-menu div,
.external-link-menu-icons div,
.external-link-menu-link div {
    word-break: break-all;
    line-height: 1.2;
    padding: 12px 17px;
}

.external-link-menu div {
    margin: -89px 0px 0px -21px;
    font-weight: 600;
}

.external-link-menu-icons div {
    margin: -51px 0px 0px -21px;
}

.external-link-menu-quick-links {
    max-width: 200px;
}

.external-link-menu-quick-links div {
    margin: -82px 0px 0px 0px;
    word-break: break-all;
    line-height: 1.2;
    padding: 12px 17px;
}

.external-link-menu-link div {
    margin: 31px 0px 0px -20px;
}

.external-link-card {
    bottom: 20px;
    left: 20px;
}

.external-link-hashtag {
    margin-top: 6px;
	z-index: 10;
}

.external-link-facts {
    margin-top: 20px;
	margin-left: -50px;
	max-width: 230px;
	word-break: break-all;
}

.external-link-button {
    margin-top: 25px;
    margin-left: -40px;
}

.external-link-button div {
    word-break: break-all;
}

.external-link-reg {
	right: 20px;
	bottom: 20px;
	position: fixed;
	z-index: 2;
	-ms-writing-mode: rl-tb;
	writing-mode: horizontal-tb;
}

.external-link-footer-socials {
    margin-top: -90px;
    margin-left: 5px;
}

.external-link-footer-links {
    margin-top: -85px;
    margin-left: 12px;
}

.external-link-footer-logo {
    margin-top: -110px;
    margin-left: -1px;
}

@media only screen and (max-width: 1900px) {
    .external-link-blurb {
        margin-right: 40px;
    }
}

@media only screen and (max-width: 900px) {
    .external-link {
        display: none;
    }
}




















/* ########################################################################## */
/* uw alert styling ######################################################### */
/* ########################################################################## */

#uwalert-alert-message {
	position: fixed !important;
	bottom: 10px !important;
	right: 10px !important;
	width: 260px !important;
	border-radius: 20px !important;
	padding: 10px !important;
	background-color: #AF0E24 !important;
	opacity: 1;
	z-index: 999 !important;
	transition: ease 350ms !important;
}

#uwalert-alert-message a {
	color: #fff !important;
}

#uwalert-alert-inner {
	background: none !important;
	width: 98% !important;
	padding: 0px !important;
}

#uwalert-alert-message #uwalert-alert-inner #uwalert-alert-header,
#uwalert-alert-message #uwalert-alert-inner p {
	float: left !important;
	padding: 3px 6px !important;
	line-height: 1 !important;
	font-size: 16px !important;
}

#uwalert-alert-message #uwalert-alert-inner #uwalert-alert-header:before {
	content: url("../img/icons/alert-icon.png") !important;
	padding-right: 20px !important;
	display: block !important;
	float: left !important;
}




















/* ########################################################################## */
/* skip to main content div ################################################# */
/* ########################################################################## */

#skip {
    background-color: #4b2e83;
    color: #fff;
    padding: 24px 38px;
    position: absolute !important;
    z-index: 2;
    font-size: 23px;
    text-decoration: none;
    top: -120px;
    left: 10px;
    opacity: 0;
    border-radius: 10px;
    font-family: 'Encode Sans Condensed ExtraBold', Open Sans, sans-serif;
    box-shadow: 0px 14px 20px rgba(13, 0, 26, 0.6);
    transition: ease 200ms;
}

#skip:focus, #skip:active {
    top: 10px;
    opacity: 1;
}




















/* ########################################################################## */
/* menu toggle checkbox and toggle visual indicator ######################### */
/* ########################################################################## */

input#menu-toggle {
    display: block;
    width: 140px;
    height: 80px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    opacity: 0; /* hide this */
    z-index: 2; /* and place it over the menu toggle text */
    -webkit-touch-callout: none;
}

input#menu-toggle:hover {
    cursor: pointer;
}

input#menu-toggle:checked {
    width: 80%;
    height: 100%;
    top: 0px;
    right: 300px;
    position: fixed;
	z-index: 10;
}

input#menu-toggle:checked:hover {
    cursor: url("../img/icons/cursor-left.png"), pointer;
}

#visual-menu-toggle {
    font-size: 25px;
    color: white;
    position: absolute;
    z-index: 1;
    top: 32px;
    right: 52px;
}

#visual-menu-toggle img {
    height: 23px;
    position: absolute;
    top: 5px;
    left: 81px;
    transition: 200ms ease;
}

input#menu-toggle:hover ~ #visual-menu-toggle img,
input#menu-toggle:focus ~ #visual-menu-toggle img {
    left: 85px;
}

input#menu-toggle:checked:hover ~ #visual-menu-toggle img {
    left: 78px;
}

input#menu-toggle:checked ~ #visual-menu-toggle img {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#visual-menu-toggle-mobile {
    display: none;
}

#visual-menu-toggle-mobile img {
    height: 54px;
    position: absolute;
    top: 18px;
    right: 24px;
    transition: 200ms ease;
    z-index: 1;
    border-top: 0px solid #fff;
}

#visual-menu-toggle-mobile img:first-child {
    opacity: 0;
}

/* moving the menu for admins */
.toolbar-tray-open input#menu-toggle,
.toolbar-tray-open #visual-menu-toggle,
.toolbar-tray-open #visual-menu-toggle-mobile,
.toolbar-tray-open #block-round1dev-main-menu{
	top: 79px;
}

.toolbar-tray-open input#menu-toggle ~ .dialog-off-canvas-main-canvas #menu-link {
	margin: 70px 0px 20px 50px;
}

.toolbar-tray-open input#menu-toggle ~ .dialog-off-canvas-main-canvas #block-views-block-menu-link-block-1 .edit-indicator + a:first-of-type {
	top: 70px;
}

@media only screen and (max-width: 1280px) {
    input#menu-toggle {
        width: 80px;
		height: 90px;
		top: 0px;
    }
    input#menu-toggle:hover ~ #visual-menu-toggle-mobile img {
        border-top: 4px solid #fff;
    }
    input#menu-toggle:hover ~ #visual-menu-toggle-mobile img:first-child {
        border-top: 0px solid #fff;
    }
    input#menu-toggle:checked ~ #visual-menu-toggle-mobile img {
        height: 35px;
        top: 22px;
        right: 305px;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        opacity: 0;
    }
    input#menu-toggle:checked ~ #visual-menu-toggle-mobile img:first-child {
        opacity: 1;
    }
    #visual-menu-toggle {
        display: none;
    }
    #visual-menu-toggle-mobile {
        display: block;
    }
}

@media only screen and (max-width: 600px) {
    input#menu-toggle:checked {
        right: 294px;
    }
    #visual-menu-toggle-mobile img {
        height: 44px;
		right: 10px;
    }
}

@media only screen and (max-width: 500px) {
    input#menu-toggle {
        width: 75px;
    }
}

@media only screen and (max-width: 340px) {
    input#menu-toggle:checked {
        right: 260px;
        width: 70px;
        height: 76px;
    }
    input#menu-toggle:checked ~ #visual-menu-toggle-mobile img {
        right: 275px;
    }
}

@media only screen and (max-width: 310px) {
	input#menu-toggle {
        width: 50px;
    }
	input#menu-toggle:checked {
		right: 170px;
	}
	#visual-menu-toggle-mobile img {
		right: 4px;
	}
	input#menu-toggle:checked ~ #visual-menu-toggle-mobile img {
		right: 177px;
	}
}




/*____________________________________________________________________________*/
/* for keyboard users who turn JavaScript OFF */

noscript #menu-directions {
    opacity: 0;
    color: #fff;
    font-family: 'Encode Sans Condensed ExtraBold', Open Sans, sans-serif;
    position: absolute;
    top: -100px;
    right: 32px;
    font-size: 23px;
    text-align: center;
    background-color: #4b2e83;
    z-index: 2;
    padding: 24px 63px 24px 40px;
    border-radius: 10px;
    box-shadow: 0px 9px 15px rgba(13, 0, 26, 0.9);
    transition: all ease 350ms;
}

noscript #menu-directions img {
    height: 23px;
    position: absolute;
    top: 28px;
    right: 37px;
    transition: 200ms ease;
}

input#menu-toggle:focus ~ noscript #menu-directions {
    opacity: 1;
    top: 90px;
}

input#menu-toggle:checked ~ noscript #menu-directions {
    right: 360px;
}

input#menu-toggle:checked:focus ~ noscript #menu-directions {
    right: 360px;
}

input#menu-toggle:checked:focus ~ noscript #menu-directions img {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}




















/* ########################################################################## */
/* menu region and everything inside it ##################################### */
/* ########################################################################## */

#menu-region {
    position: absolute;
    right: 0px;
	top: 0px;
    z-index: 1;
    width: 0px;
    opacity: 0.2;
    overflow: hidden;
    transition: 370ms ease; /* controls appearance speed */
    visibility: hidden; /* for when JS is off */
}

input#menu-toggle:checked ~ .dialog-off-canvas-main-canvas .layout-container #menu-region {
    width: 350px;
    opacity: 1;
    visibility: visible; /* for when JS is off */
}

@media only screen and (max-width: 340px) {
    input#menu-toggle:checked ~ .dialog-off-canvas-main-canvas .layout-container #menu-region {
        width: 337px;
    }
}




/*____________________________________________________________________________*/
/* main menu items */

#menu-region .menu {
    position: relative;
    list-style-type: none;
    -webkit-font-smoothing: antialiased; /* to stop flickering of text in safari */
    margin-top: 25px;
}

#menu-region .menu li a,
#menu-region .icons li a {
    color: #fff;
    font-size: 21px;
    text-decoration: none;
    text-transform: uppercase;
    width: 264px;
    display: block;
    text-align: left;
    transition: 200ms ease;
    border-left: 6px solid rgba(0,0,0,0);
}

#menu-region .menu li a {
    display: inline-block;
    padding: 8px 0px 10px 8px;
}

#menu-region .menu li a:hover,
#menu-region .menu li a:focus,
#menu-region .menu li a.is-active,
#menu-region .menu li:first-of-type a.is-active:hover,
#menu-region .menu li:first-of-type a.is-active:focus {
    border-left: 6px solid #fff;
	padding: 8px 0px 10px 16px;
	opacity: 1;
}

#menu-region .menu li a.is-active,
#menu-region .menu li a.is-active {
	opacity: 1;
}

#menu-region .menu li a.is-active:hover,
#menu-region .menu li a.is-active:focus {
	opacity: 0.7;
}

#menu-region .menu li:first-of-type a.is-active,
#menu-region .menu li:first-of-type a.is-active {
	border-left: 6px solid rgba(0,0,0,0);
	padding: 8px 0px 10px 8px;
}

#menu-region .menu li a[href*="//"]:not([href*="mysite.com"]):after {
    content: url("../img/icons/external-white.png");
    position: relative;
    top: 2px;
    padding-left: 13px;
    transition: 100ms;
}

#menu-region .menu li a[href*="//"]:not([href*="mysite.com"]):hover:after,
#menu-region .menu li a[href*="//"]:not([href*="mysite.com"]):focus:after {
    padding-left: 16px;
    transition-delay: 50ms;
}

@media only screen and (max-width: 1280px) {
    #menu-region .menu {
		margin-top: 4px;
	}
}

@media only screen and (max-width: 310px) {
	#menu-region .menu li a, #menu-region .icons li a {
		width: 190px;
		position: relative;
		left: 87px;
	}
}




/*____________________________________________________________________________*/
/* single menu link */

#menu-region #menu-link {
    background-color: #4b2e83;
    font-family: "Encode Sans Condensed SemiBold", sans-serif;
    font-size: 21px;
    text-decoration: none;
    text-transform: capitalize;
    color: #fff;
    float: left;
    padding: 14px 28px 16px 28px;
    margin: 0px 0px 20px 50px;
    border-radius: 40px;
    box-shadow: 0px 14px 20px rgba(13, 0, 26, 0.6);
    max-width: 204px;
    transition: ease 200ms;
}

#menu-region #menu-link:after,
#menu-region #menu-link[href*="//"]:not([href*="mysite.com"]):after {
    position: relative;
    top: 2px;
    padding-left: 7px;
	transition: ease 200ms;
}

#menu-region #menu-link:after {
    content: url("../img/icons/arrow-white.png");
}

#menu-region #menu-link[href*="//"]:not([href*="mysite.com"]):after {
    content: url("../img/icons/external-white.png");
}

#menu-region #menu-link:hover:after, #menu-region #menu-link:focus:after,
#menu-region #menu-link[href*="//"]:not([href*="mysite.com"]):hover:after,
#menu-region #menu-link[href*="//"]:not([href*="mysite.com"]):focus:after {
    padding-left: 14px;
}

#block-views-block-menu-link-block-1 .edit-indicator + a:first-of-type {
	z-index: 2;
	background-color: #4b2e83;
	background-color: rgba(0,0,0,0.8);
	color: rgba(0,0,0,0);
	display: table;
	font-size: 8px;
	transition: ease 200ms;
	padding: 11px 10px 10px 0px;
	border: 2px solid #fff;
	border-radius: 50px;
	position: absolute;
	left: 270px;
}

#block-views-block-menu-link-block-1 .edit-indicator + a:first-of-type:after {
	content: url("../img/icons/pencil-white.png");
}

#block-views-block-menu-link-block-1 .edit-indicator + a:first-of-type:hover,
#block-views-block-menu-link-block-1 .edit-indicator + a:first-of-type:focus {
	background-color: #4b2e83;
	border: 2px solid #4b2e83;
	-webkit-transform: rotate(44deg);
	-moz-transform: rotate(44deg);
	-o-transform: rotate(44deg);
	-ms-transform: rotate(44deg);
    transform: rotate(44deg);
}

#block-views-block-menu-link-block-1 .edit-indicator + a:first-of-type:hover ~ #menu-link,
#block-views-block-menu-link-block-1 .edit-indicator + a:first-of-type:focus ~ #menu-link {
	background-color: #ccc;
	color: #1c1c1c;
	text-decoration: underline;
}

@media only screen and (max-width: 310px) {
	#menu-region #menu-link {
		position: relative;
		left: 91px;
		max-width: 130px;
	}
}




/*____________________________________________________________________________*/
/* menu icons located below main menu items */

#menu-region .icons {
    float: left;
    margin-top: 50px;
}

#menu-region .icons ul {
	list-style-type: none;
	margin: auto 0;
}

#menu-region .icons ul li a {
    height: 40px;
    width: 250px;
    padding: 0px 10px;
    float: left;
}

#menu-region .icons ul li a:hover,
#menu-region .icons ul li a:focus {
    border-left: 6px solid #fff;
    padding: 0px 10px 0px 16px;
}

#menu-region .icons ul li a img {
    width: 40px;
    height: 40px;
    float: left;
}

#menu-region .icons ul li a p {
    float: left;
    text-transform: capitalize;
    position: relative;
    top: 50%;
    margin: -11px 0px 0px 8px;
}

#menu-region .icons ul li span {
    width: 270px;
    height: 2px;
    background-color: #fff;
    float: left;
    margin: 10px;
}

@media only screen and (max-width: 310px) {
	#menu-region .icons {
		position: relative;
		left: -40px;
	}
}




/*____________________________________________________________________________*/
/* quick links & socials menu */

#block-views-block-quick-links-block-1,
#block-views-block-socials-menu-block-1 {
    color: #fff;
    list-style: circle;
    float: left;
    margin: 40px 20px 10px 50px;
    width: 264px;
}

#block-views-block-socials-menu-block-1 {
    margin-top: 0px;
}

#block-views-block-quick-links-block-1 h2,
#block-views-block-socials-menu-block-1 h2 {
    color: #fff;
    font-size: 25px;
    font-family: "Encode Sans Condensed SemiBold", sans-serif;
	margin-bottom: 14px;
}

#block-views-block-quick-links-block-1 a,
#block-views-block-socials-menu-block-1 a {
    font-size: 21px;
    text-transform: capitalize;
    font-family: 'Uni Sans Regular', sans-serif;
    padding: 0px;
    color: #fff;
    text-decoration: none;
}

#block-views-block-quick-links-block-1 a:hover, #block-views-block-quick-links-block-1 a:focus,
#block-views-block-socials-menu-block-1 a:hover, #block-views-block-socials-menu-block-1 a:focus {
    border: none;
    text-decoration: underline;
    transition: ease 500ms;
}

@media only screen and (max-width: 310px) {
	#block-views-block-quick-links-block-1, #block-views-block-socials-menu-block-1 {
		width: 174px;
		position: relative;
		left: 100px;
	}
}




















/* ########################################################################## */
/* logos #################################################################### */
/* ########################################################################## */

.logo-left, .logo-center {
	position: absolute;
    z-index: 1;
    top: 16px;
}

.logo-left a, .logo-center a {
    position: relative;
    text-decoration: none;
}

.logo-left {
    left: 22px;
}

.logo-center {
    left: 50%;
}

.logo-center a {
    left: -50%;
    border-top: 0px solid #fff;
}

.logo-center a img, .logo-left a img {
    transition: 200ms ease;
    border-top: 4px solid rgba(0,0,0,0);
	height: 60px;
	width: auto;
}

.logo-center a:hover img, .logo-center a:focus img,
.logo-left a:hover img, .logo-left a:focus img {
    margin-top: 4px;
    border-top: 4px solid #fff;
    cursor: pointer;
}

.mobile-logos {
    display: none;
}

.mobile-logos .logo-left {
    left: 0px;
}

.mobile-logos .logo-left .stacked-logos #uw-medicine-logo-mobile img {
    height: 30px;
	width: auto;
    position: relative;
    top: -20px;
    left: 0px;
	float: left;
	clear: both;
}

.mobile-logos .logo-left .stacked-logos #logo-mobile img {
    height: 54px;
	width: auto;
    position: relative;
    top: -18px;
	left: 8px;
	float: left;
	clear: both;
}




/*____________________________________________________________________________*/
/* edit button for logos */

#block-views-block-logos-block-1 .edit-indicator + a:first-of-type {
	position: relative;
    z-index: 10;
    top: 100px;
    left: 30px;
    border-radius: 50px;
    padding: 42px 13px 13px 13px;
    transition: all ease 200ms;
    background-color: #4b2e83;
    font-size: 0px;
}

#block-views-block-logos-block-1 .edit-indicator + a:first-of-type:after {
	content: url("../img/icons/pencil-white.png");
}

#block-views-block-logos-block-1 .edit-indicator + a:first-of-type:hover,
#block-views-block-logos-block-1 .edit-indicator + a:first-of-type:focus {
	background-color: #000;
}

#block-views-block-logos-block-1 .edit-indicator + a:first-of-type:hover ~ .logo-center img,
#block-views-block-logos-block-1 .edit-indicator + a:first-of-type:focus ~ .logo-center img,
#block-views-block-logos-block-1 .edit-indicator + a:first-of-type:hover ~ .logo-left img,
#block-views-block-logos-block-1 .edit-indicator + a:first-of-type:focus ~ .logo-left img {
	background-color: #4b2e83;
    border-radius: 14px;
    padding: 6px 10px;
}




@media only screen and (max-width: 1280px) {
    #logo-mobile img, #uw-logo-mobile img, #uw-medicine-logo-mobile img {
        height: 54px;
		width: auto;
    }
    .logo-left, .logo-center {
        display: none;
    }
    .mobile-logos {
        display: block;
    }
	.mobile-logos .logo-left, .mobile-logos .logo-center {
        display: block;
    }
}

@media only screen and (max-width: 600px) {
    #logo-mobile img, #uw-logo-mobile img {
        height: 44px;
    }
	.mobile-logos .logo-left .stacked-logos #logo-mobile img {
		height: 44px;
		top: -24px;
	}
	.mobile-logos .logo-left .stacked-logos #uw-medicine-logo-mobile img {
		height: 26px;
	}
}

@media only screen and (max-width: 340px) {
    #logo-mobile img, #uw-logo-mobile img {
        height: 38px;
    }
    .mobile-logos .logo-left .stacked-logos #logo-mobile img {
        height: 40px;
    }
}




















/* ########################################################################## */
/* search bar ############################################################### */
/* ########################################################################## */

/* main search bar container */
#search-block-form {
	display: block;
    position: absolute;
    z-index: 1;
    top: 28px;
	right: 143px;
}

/* mobile search bar container */
#block-searchform {
    display: none;
}

/* search bars */
#search-block-form input#edit-keys,
#block-searchform input#edit-keys--2 {
    height: 40px;
    width: 360px;
    border: #fff solid 3px;
    border-radius: 50px;
    background-color: #000;
    background-color: rgba(0,0,0,0);
    color: #fff;
    font-size: 21px;
    font-family: Open Sans, sans-serif;
    padding: 0px 38px 0px 14px;
	-webkit-appearance: initial;
}

/* mobile search bar is taller */
#block-searchform input#edit-keys--2 {
    height: 44px;
	padding: 0px 38px 0px 7px;
}

/* search buttons hidden using opacity with search icon showing behind it */
#search-block-form input#edit-submit,
#block-searchform input#edit-submit--2 {
    position: relative;
	left: 307px;
	top: -40px;
	padding: 9px 4px;
	cursor: pointer;
	-webkit-appearance: initial;
	opacity: 0;
	z-index: 2;
}

/* search icon container divs under sumbit/search buttons */
#search-block-form .search-icon,
#block-searchform .search-icon {
	transition: ease 200ms;
	z-index: 1;
	position: absolute;
	top: 7.5px;
	right: 8px;
	height: 27px;
	width: 27px;
}

#block-searchform .search-icon {
	position: relative;
	top: -35px;
	left: 233px;
	height: 23px;
	width: 23px;
}

#search-block-form input#edit-submit:hover ~ .search-icon,
#search-block-form input#edit-submit:focus ~ .search-icon,
#block-searchform input#edit-submit--2:hover ~ .search-icon,
#block-searchform input#edit-submit--2:focus ~ .search-icon {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

#search-block-form .search-icon:after,
#block-searchform .search-icon:after {
	content: url("../img/icons/search-icon-white.png");
}

@media only screen and (max-width: 1700px) {
	#search-block-form input#edit-keys,
	#block-searchform input#edit-keys--2 {
		width: 232px;
	}
	#search-block-form input#edit-submit,
	#block-searchform input#edit-submit--2 {
		left: 183px;
	}
}

@media only screen and (max-width: 1280px) {
    #search-block-form {
        display: none;
    }
    #block-searchform {
        display: block;
		position: relative;
        right: -65px;
		top: 18px;
    }
    #block-searchform input#edit-keys--2 {
        width: 270px;
    }
    #block-searchform input#edit-submit--2 {
		position: absolute;
		left: 217px;
		top: -4px;
		margin: 0px;
		padding: 17px 14px;
    }
}

@media only screen and (max-width: 310px) {
	#block-searchform input#edit-keys--2 {
		width: 160px;
	}
	#block-searchform {
		right: -165px;
	}
	#block-searchform input#edit-submit--2 {
		left: 87px;
	}
	#block-searchform .search-icon {
		left: 123px;
	}
}




















/* ########################################################################## */
/* most elements that move left when menu is opened, the ones not listed here */
/* are found by searching input#menu-toggle:checked ######################### */
/* ########################################################################## */

.logo-left, .logo-center, #search-block-form, #visual-menu-toggle,
#hero-content, .icons, #breadcrumbs-region, .layout-content, #block-round1dev-local-tasks, footer {
    transition: ease 350ms;
}

input#menu-toggle:checked ~ .dialog-off-canvas-main-canvas .layout-container header div div div div div .logo-left {
    left: -330px;
}

input#menu-toggle:checked ~ .dialog-off-canvas-main-canvas .layout-container header div div div div div .logo-center,
input#menu-toggle:checked ~ .dialog-off-canvas-main-canvas .layout-container div div div div div #hero-content,
input#menu-toggle:checked ~ .dialog-off-canvas-main-canvas .layout-container div div#block-views-block-icons-block-1 div div div .icons,
input#menu-toggle:checked ~ .dialog-off-canvas-main-canvas .layout-container #breadcrumbs-region,
input#menu-toggle:checked ~ .dialog-off-canvas-main-canvas .layout-container .layout-content,
input#menu-toggle:checked ~ .dialog-off-canvas-main-canvas .layout-container footer {
    margin-left: -330px;
}

input#menu-toggle:checked ~ #visual-menu-toggle,
input#menu-toggle:checked ~ .dialog-off-canvas-main-canvas .layout-container header div #search-block-form,
input#menu-toggle:checked ~ .dialog-off-canvas-main-canvas .layout-container div div#block-views-block-icons-block-1 div div div .icons,
input#menu-toggle:checked ~ .dialog-off-canvas-main-canvas .layout-container #block-round1dev-local-tasks {
    margin-right: 330px;
}




















/* ########################################################################## */
/* hero image and hero content ############################################## */
/* ########################################################################## */

#hero-image {
    background-image: url("../img/default-hero-cherry-blossoms.png"); /*fallback image*/
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    min-height: 600px;
    position: fixed;
    width: 100%;
	top: 0px;
	opacity: 0.35;
	transition: all ease 300ms;
}

input#menu-toggle:checked ~ div header #hero-image {
	opacity: 0.1;
}

#hero-image.default-hero {
	opacity: 1;
}

.screen-reader-hero-image {
	position: absolute;
	opacity: 0;
	width: 1px;
}

#hero-content {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 196px;
    z-index: 1;
}




/*____________________________________________________________________________*/
/* mission graphic and optional tagline */

#hero-content #mission-graphic {
    width: 100%;
    margin: auto;
    text-align: center;
	transition: all ease 300ms;
}

#hero-content #mission-graphic img {
    width: 100%;
}

#hero-content #mission-graphic #tagline {
    margin-top: -18px;
}

#hero-content #mission-graphic #tagline p {
    color: #fff;
    font-size: 25px;
    font-family: 'Encode Sans Condensed Medium', sans-serif;
}




/*____________________________________________________________________________*/
/* call to action */

#hero-content #call-to-action {
    text-align: center;
	transition: all ease 300ms;
}

#hero-content #call-to-action .screen-reader-images img {
	width: 4px;
	position: absolute;
	opacity: 0;
}

#hero-content #call-to-action .first,
#hero-content #call-to-action .second,
#hero-content #call-to-action .third {
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    height: 80px;
    width: 80px;
    border: 5px solid #fff;
    border-radius: 50%;
    display: inline-block;
    margin: -40px -10px 0px -10px;
	transition: all ease 300ms;
}

#hero-content #call-to-action .first {
    z-index: 1;
}

#hero-content #call-to-action .second {
    z-index: 2;
}

#hero-content #call-to-action .third {
    z-index: 3;
}

#hero-content #call-to-action h1 {
    font-size: 60px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin: 0;
    text-shadow: -6px 6px #000;
	transition: all ease 300ms;
}

#hero-content #call-to-action > p {
    font-size: 21px;
    color: #fff;
    width: 55%;
    margin: auto;
    font-family: 'Encode Sans Condensed Medium', sans-serif;
    text-shadow: 0px 0px 30px #000;
    text-align: center;
	transition: all ease 300ms;
}

#hero-content #call-to-action #cta-links {
    display: inline-block;
}

#hero-content #call-to-action #cta-links div {
    display: inline-block;
    float: left;
    padding: 0px 8px;
}

#hero-content #call-to-action #cta-links a {
    transition: 250ms ease;
    display: block;
    text-decoration: none;
    height: 58px;
    color: #fff;
    background-color: #4b2e83;
    border-radius: 40px;
    font-size: 21px;
    text-transform: uppercase;
    box-shadow: 0px 14px 20px rgba(13, 0, 26, 0.6);
    margin: 20px 0px 0px 0px;
}

#hero-content #call-to-action #cta-links a:hover, #hero-content #call-to-action #cta-links a:focus {
    box-shadow: 0px 4px 5px rgba(13, 0, 26, 0.9);
    margin: 24px 0px 0px 0px;
}

#hero-content #call-to-action #cta-links a p {
    padding: 15px 40px;
    font-family: 'Encode Sans Condensed SemiBold', sans-serif;
    text-align: center;
}

#hero-content #call-to-action #cta-links a p:after,
#hero-content #call-to-action #cta-links a[href*="//"]:not([href*="mysite.com"]) p:after {
    transition: 250ms ease;
    margin-left: 13px;
    position: relative;
    top: 2px;
}

#hero-content #call-to-action #cta-links a p:after {
    content: url("../img/icons/arrow-white.png");
}

#hero-content #call-to-action #cta-links a[href*="//"]:not([href*="mysite.com"]) p:after {
    content: url("../img/icons/external-white.png");
}

@media only screen and (max-width: 1280px) {
    #hero-content {
        position: relative;
        top: 140px;
    }
	#hero-content #call-to-action .first,
    #hero-content #call-to-action .second,
    #hero-content #call-to-action .third {
        margin: -20px -10px 0px -10px;
    }
	#hero-content #call-to-action h1 {
		word-wrap: break-word;
	}
    #hero-content #call-to-action #cta-links a {
        margin: 20px 0px 4px 0px;
    }
}

@media only screen and (max-width: 800px) {
    #hero-content {
        top: 120px;
    }
	#hero-content #call-to-action > p {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
	#hero-content #call-to-action,
	#hero-content #call-to-action > p {
        text-align: left;
    }
    #hero-content #call-to-action h1 {
        font-size: 37px;
        text-shadow: -4px 4px #000;
        text-align: left;
    }
	#hero-content #call-to-action #cta-links {
		width: 100%;
		margin-top: 20px;
	}
    #hero-content #call-to-action #cta-links div {
        padding: 0px;
		clear: both;
    }
	#hero-content #call-to-action #cta-links a {
        margin: -20px 0px 4px 0px;
		height: initial;
    }
	#hero-content #call-to-action #cta-links a:hover, #hero-content #call-to-action #cta-links a:focus {
		margin: -18px 0px 4px 0px;
	}
    #hero-content #call-to-action #cta-links a p {
        padding: 15px 30px;
		text-align: left;
    }
	#hero-content #call-to-action #cta-links a p:after {
		content: url("../img/icons/arrow-tailed-white.png");
		top: 3px;
	}
}

@media only screen and (max-width: 310px) {
	#hero-content #call-to-action h1 {
		width: 100%;
	}
}




/*____________________________________________________________________________*/
/* edit buttons for hero image and CTA */

#hero-content > a:first-child,
#block-views-block-hero-image-block-1 a:first-of-type {
	margin-top: -104px;
	position: absolute;
	left: 50.4%;
	border: 3px solid #fff;
	color: rgba(0,0,0,0);
	border-radius: 50px;
	padding: 11px 11px 10px 0px;
	transition: all ease 200ms;
	background-color: rgba(0,0,0,0);
	font-size: 7px;
	z-index: 2;
}

#hero-content > a:first-child:after {
	content: url("../img/icons/pencil-white.png");
}

#block-views-block-hero-image-block-1 a:first-of-type:after {
	content: url("../img/icons/image-white.png");
}

#block-views-block-hero-image-block-1 a:first-of-type {
	top: 104px;
	margin-left: -76px;
    z-index: 1;
    transition: margin ease 350ms;
	padding: 10px 11px 11px 0px;
    margin-top: -12px;
}

.internal #block-views-block-hero-image-block-1 a:first-of-type {
	display: none;
}

input#menu-toggle:checked ~ .dialog-off-canvas-main-canvas .layout-container header #block-views-block-hero-image-block-1 a:first-of-type {
    margin-left: -406px;
}

#hero-content > a:first-child:hover,
#hero-content > a:first-child:focus,
#block-views-block-hero-image-block-1 a:first-of-type:hover,
#block-views-block-hero-image-block-1 a:first-of-type:focus {
	background-color: #4b2e83;
	border: 3px solid #4b2e83;
}

#hero-content > a:first-child:hover,
#hero-content > a:first-child:focus {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
    transform: rotate(-45deg);	
}

#block-views-block-hero-image-block-1 a:first-of-type:hover ~ #hero-image,
#block-views-block-hero-image-block-1 a:first-of-type:focus ~ #hero-image {
	top: -30px;
	opacity: 0.1;
}

#hero-content > a:first-child:hover ~ #call-to-action,
#hero-content > a:first-child:focus ~ #call-to-action {
	background-color: #595959;
	background-color: rgba(255,255,255,0.75);
    border-radius: 30px;
    padding-bottom: 30px;
}

#hero-content > a:first-child:hover ~ #call-to-action .first,
#hero-content > a:first-child:focus ~ #call-to-action .first,
#hero-content > a:first-child:hover ~ #call-to-action .second,
#hero-content > a:first-child:focus ~ #call-to-action .second,
#hero-content > a:first-child:hover ~ #call-to-action .third,
#hero-content > a:first-child:focus ~ #call-to-action .third {
	border: 5px solid #4b2e83;
}

#hero-content > a:first-child:hover ~ #call-to-action h1,
#hero-content > a:first-child:focus ~ #call-to-action h1,
#hero-content > a:first-child:hover ~ #call-to-action > p,
#hero-content > a:first-child:focus ~ #call-to-action > p {
	color: #4b2e83;
	text-shadow: none;
}

#hero-content > a:first-child:hover ~ #mission-graphic,
#hero-content > a:first-child:focus ~ #mission-graphic {
	background-color: rgba(255,255,255,0.3);
    padding: 20px 0px 1px 0px;
    border-radius: 30px;
}

@media only screen and (max-width: 1280px) {
	#block-views-block-hero-image-block-1 a:first-of-type {
		top: 100px;
		margin-left: -71px;
		z-index: 10;
		background-color: rgba(0,0,0,0.65);
	}
	#hero-content > a:first-child {
		margin-top: -53px;
		z-index: 10;
		background-color: rgba(0,0,0,0.65);
	}
}

@media only screen and (max-width: 800px) {
	#block-views-block-hero-image-block-1 a:first-of-type {
		top: 87px;
	}
	#hero-content > a:first-child {
		margin-top: -46px;
	}
}

@media only screen and (max-width: 600px) {
	#block-views-block-hero-image-block-1 a:first-of-type {
		margin-left: 0px;
    	left: 3%;
	}
	#hero-content > a:first-child {
		left: 58px;
	}
}




















/* ########################################################################## */
/* homepage icons ########################################################### */
/* ########################################################################## */

#block-views-block-icons-block-1 .icons {
    margin-top: 540px;
    z-index: 1;
    text-align: center;
    position: relative;
}

#block-views-block-icons-block-1 .icons ul {
    list-style: none;
    display: inline-block;
	padding-left: 0px;
}

#block-views-block-icons-block-1 .icons ul li {
    float: left;
}

#block-views-block-icons-block-1 .icons ul li span {
    float: left;
    width: 2px;
    height: 30px;
    background-color: #fff;
    margin: 15px 20px;
    opacity: 0.3;
}

#block-views-block-icons-block-1 .icons ul li a {
    float: left;
    transition: 250ms ease;
    height: 60px;
    line-height: 60px;
    text-decoration: none;
    border-bottom: 4px solid rgba(0,0,0,0);
}

#block-views-block-icons-block-1 .icons ul li a:hover,
#block-views-block-icons-block-1 .icons ul li a:focus {
    border-bottom: 4px solid #fff;
    padding-bottom: 5px;
    margin-top: -9px;
}

#block-views-block-icons-block-1 .icons ul li a img {
    height: 40px;
    width: 40px;
    float: left;
    padding: 6px 10px 6px 0px;
    display: inline-block;
}

#block-views-block-icons-block-1 .icons ul li a p {
    color: #fff;
    font-size: 21px;
    margin: -7px 4px 0px 0px;
    text-transform: capitalize;
    text-align: center;
    max-width: 100px;
    line-height: 1.3;
    display: inline-block;
    vertical-align: middle;
}




/*____________________________________________________________________________*/
/* edit button for icons */

#block-views-block-icons-block-1 .edit-indicator + a:first-of-type {
	position: relative;
    z-index: 10;
    top: 595px;
    left: 30px;
    border-radius: 50px;
    padding: 42px 13px 13px 13px;
    transition: all ease 200ms;
    background-color: #4b2e83;
    font-size: 0px;
}

#block-views-block-icons-block-1 .edit-indicator + a:first-of-type:after {
	content: url("../img/icons/pencil-white.png");
}

#block-views-block-icons-block-1 .edit-indicator + a:first-of-type:hover,
#block-views-block-icons-block-1 .edit-indicator + a:first-of-type:focus {
	background-color: #000;
}

#block-views-block-icons-block-1 .edit-indicator + a:first-of-type:hover ~ .icons,
#block-views-block-icons-block-1 .edit-indicator + a:first-of-type:focus ~ .icons  {
	background-color: #4b2e83;
    border-radius: 30px;
    padding: 25px 20px 10px 20px;
}

@media only screen and (max-width: 1280px) {
    #block-views-block-icons-block-1 .icons {
        display: block;
        position: relative;
        margin-top: 180px;
        margin-bottom: 20px;
        width: 100%;
    }
    #block-views-block-icons-block-1 .icons ul {
        margin: 0;
        width: 262px;
    }
    #block-views-block-icons-block-1 .icons ul li a {
        height: 50px;
        padding-top: 3px;
    }
    #block-views-block-icons-block-1 .icons ul li a:hover, .icons ul li a:focus {
        padding-bottom: 0px;
        margin-top: 0px;
    }
    #block-views-block-icons-block-1 .icons ul li a p {
        max-width: 300px;
        width: 208px;
        text-align: left;
    }
    #block-views-block-icons-block-1 .icons ul li span {
        width: 262px;
        height: 2px;
        margin: 0px;
        opacity: 1;
    }
}

@media only screen and (max-width: 800px) {
    #block-views-block-icons-block-1 .icons {
        margin-top: 160px;
    }
}

@media only screen and (max-width: 310px) {
	#block-views-block-icons-block-1 .icons ul {
		width: 90%;
	}
	#block-views-block-icons-block-1 .icons ul li {
		width: 100%;
	}
	#block-views-block-icons-block-1 .icons ul li a {
		height: initial;
	}
	#block-views-block-icons-block-1 .icons ul li a p {
		display: inline-block;
	}
}




















/* ########################################################################## */
/* main and layout content div (the background for every page) ############## */
/* ########################################################################## */

main {
	width: 100%;
    position: relative;
}

.layout-content {
	background-color: #fff;
	border-radius: 50px;
	padding-bottom: 100px;
	width: 100%;
}

@media only screen and (max-width: 500px) {
	.layout-content {
		border-radius: 30px;
	}
}




















/* ########################################################################## */
/* homepage cards ########################################################### */
/* ########################################################################## */

.home-cards-container {
    width: 1000px;
    margin: auto;
    padding-top: 0px;
    margin-top: -50px;
	margin-top: 0px;
}

#block-views-block-homepage-cards-thirds-block-1 {
	padding-top: 50px;
}




/*____________________________________________________________________________*/
/* all homepage cards */

.home-cards-container .views-row {
	display: inline-block;
	position: relative;
}

.home-cards-container .screen-reader-card-img {
	position: absolute;
}

.home-cards-container .screen-reader-card-img img {
	opacity: 0;
    position: absolute;
	width: 1px;
}

.home-cards-container .card {
    display: inline-block;
    text-decoration: none;
    border-radius: 30px;
    box-shadow: 0px 6px 47px #000;
    box-shadow: 0px 6px 47px rgba(0,0,0,0.3);
    position: relative;
	top: 0px;
	background-color: #fff;
    transition: all ease 200ms;
}

.home-cards-container .card:hover,
.home-cards-container .card:focus {
    top: 5px;
    box-shadow: 0px 4px 20px #000;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.4);
}

.home-cards-container .card.with-background:hover,
.home-cards-container .card.with-background:focus {
    background-position: left !important;
}

.home-cards-container .card .content {
    color: #464646;
    overflow: hidden;
}

.home-cards-container .card:hover .content h2,
.home-cards-container .card:focus .content h2,
.home-cards-container .card:hover .content p,
.home-cards-container .card:hover .content p {
    color: #000;
}

.home-cards-container .card .content h2 {
    font-weight: 500;
    margin-bottom: 5px;
}

.home-cards-container .card .content p {
    font-size: 19px;
    color: #595959;
    font-weight: 300;
    line-height: 1.4;
    margin-top: 7px;
}

.home-cards-container .card.with-background .content h2,
.home-cards-container .card.with-background .content p {
    color: #fff;
}

.home-cards-container .card.with-background:hover .content h2,
.home-cards-container .card.with-background:focus .content h2,
.home-cards-container .card.with-background:hover .content p,
.home-cards-container .card.with-background:focus .content p {
    color: #fff;
}

.home-cards-container .card .link {
    position: absolute;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    color: #4b2e83;
    font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
}

.home-cards-container .card.with-background .link {
    color: #fff;
}

.home-cards-container .card[href*="//"]:not([href*="mysite.com"]) .link {
    right: 34px;
}

.home-cards-container .card .link:after,
.home-cards-container .card[href*="//"]:not([href*="mysite.com"]) .link:after {
    position: relative;
    top: 2px;
}

.home-cards-container .card .link:after {
    content: url("../img/icons/arrow-purple.png");
}

.home-cards-container .card[href*="//"]:not([href*="mysite.com"]) .link:after {
    content: url("../img/icons/external-purple.png");
    left: 4px;
}

.home-cards-container .card.with-background .link:after {
    content: url("../img/icons/arrow-white.png");
}

.home-cards-container .card.with-background[href*="//"]:not([href*="mysite.com"]) .link:after {
    content: url("../img/icons/external-white.png");
}




/*____________________________________________________________________________*/
/* default row of three cards */

.home-cards-container.thirds {
    margin-bottom: 70px;
}

.home-cards-container.thirds .card {
    width: 300px;
    height: 490px;
	margin-left: 42px;
}

.home-cards-container.thirds .views-row:first-child .card,
.home-cards-container.thirds.contextual-region .views-row:nth-child(2) .card {
    margin-left: 0px;
}

.home-cards-container.thirds .card .photo {
    background-image: url("images/card-bg-gradient.png"); /* one of default image options */
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 130px;
    border-radius: 30px 30px 0px 0px;
    position: relative;
}

.home-cards-container.thirds .card .photo .text-overlay {
    position: absolute;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    color: #fff;
    color: rgba(255, 255, 255, 0);
    padding-top: 39px;
    font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
    -webkit-text-stroke: 2px #fff;
}

.home-cards-container.thirds .card .photo .single-profile .first,
.home-cards-container.thirds .card .photo .double-profile .first,
.home-cards-container.thirds .card .photo .double-profile .second,
.home-cards-container.thirds .card .photo .triple-profile .first,
.home-cards-container.thirds .card .photo .triple-profile .second,
.home-cards-container.thirds .card .photo .triple-profile .third {
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    top: 14px;
    margin-left: -50px;
    height: 90px;
    width: 90px;
    border: 5px solid #fff;
    border-radius: 50%;
}

.home-cards-container.thirds .card .photo .single-profile .first,
.home-cards-container.thirds .card .photo .triple-profile .second {
    left: 50%;
}

.home-cards-container.thirds .card .photo .double-profile .second {
    left: 63%;
}

.home-cards-container.thirds .card .photo .double-profile .first {
    left: 36%;
}

.home-cards-container.thirds .card .photo .triple-profile .third {
    left: 75%;
}

.home-cards-container.thirds .card .photo .triple-profile .first {
    left: 25%;
}

.home-cards-container.thirds .card .content {
    float: left;
    padding: 25px 32px;
    height: 248px;
}

.home-cards-container.thirds .card .content h2 {
    font-size: 24px;
}

.home-cards-container.thirds .card .content .purple-bar {
    background: linear-gradient(to bottom right, #37226a, #6f3078);
    width: 140px;
    height: 7px;
    transition: all ease 200ms;
	transform: skew(-20deg);
	margin: 10px 0px 10px 0px;
}

.home-cards-container.thirds .card:hover .content .purple-bar,
.home-cards-container.thirds .card:focus .content .purple-bar {
    background: linear-gradient(to right, #37226a, #4b2e83, #6f3078);
    width: 160px;
    height: 7px;
}

.home-cards-container.thirds .card .content .white-bar {
    background: #fff;
    width: 140px;
    height: 7px;
    transition: all ease 200ms;
	transform: skew(-20deg);
	margin: 10px 0px 10px 0px;
}

.home-cards-container.thirds .card:hover .content .white-bar,
.home-cards-container.thirds .card:focus .content .white-bar {
    background: #fff;
    width: 160px;
    height: 7px;
}

.home-cards-container.thirds .card .link {
    top: 442px;
    right: 23px;
}

.home-cards-container.thirds .card.altered .first,
.home-cards-container.thirds .card.altered .second,
.home-cards-container.thirds .card.altered .third {
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    top: 24px;
    height: 60px;
    width: 60px;
    border: 3px solid #fff;
    border-radius: 50%;
    transition: all ease 200ms;
}

.home-cards-container.thirds .card.altered .third {
    margin-left: 118px;
}

.home-cards-container.thirds .card.altered:hover .third,
.home-cards-container.thirds .card.altered:focus .third {
    margin-left: 126px;
}

.home-cards-container.thirds .card.altered .second {
    margin-left: 73px;
}

.home-cards-container.thirds .card.altered:hover .second,
.home-cards-container.thirds .card.altered:focus .second {
    margin-left: 77px;
}

.home-cards-container.thirds .card.altered .first {
    margin-left: 27px;
}

.home-cards-container.thirds .card.altered .date {
    position: absolute;
    top: 25px;
    right: 26px;
    background-color: #4b2e83;
    padding: 5px 16px;
    border-radius: 40px;
    font-size: 21px;
    font-family: 'Encode Sans Condensed SemiBold', sans-serif;
    color: #fff;
}

.home-cards-container.thirds .card.altered .content {
    height: 377px;
}

.home-cards-container.thirds .card.altered .content h2 {
    margin-top: 70px;
}




/*____________________________________________________________________________*/
/* row of two cards */

.home-cards-container.halves .views-row {
	width: 1000px;
}

.home-cards-container.halves .card .content h2 {
    font-size: 30px;
}

.home-cards-container.halves .card .link {
    top: 314px;
    right: 30px;
}

.home-cards-container.halves .card.left {
    width: 560px;
    height: 370px;
}

.home-cards-container.halves .card.left .first,
.home-cards-container.halves .card.left .second,
.home-cards-container.halves .card.left .third {
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    top: 30px;
    height: 100px;
    width: 100px;
    border: 6px solid #fff;
    border-radius: 50%;
    transition: all ease 200ms;
}

.home-cards-container.halves .card.left .third {
    left: 194px;
}

.home-cards-container.halves .card.left:hover .third,
.home-cards-container.halves .card.left:focus .third {
    left: 204px;
}

.home-cards-container.halves .card.left .second {
    left: 114px;
}

.home-cards-container.halves .card.left:hover .second,
.home-cards-container.halves .card.left:focus .second {
    left: 119px;
}

.home-cards-container.halves .card.left .first {
    left: 34px;
}

.home-cards-container.halves .card.left .content {
    position: absolute;
    top: 150px;
    left: 40px;
    width: 478px;
    height: 147px;
}

.home-cards-container.halves .card.right {
    width: 390px;
    height: 370px;
    float: right;
    margin-right: 7px;
	margin-bottom: 98px;
}

.home-cards-container.halves .card.right .content {
    padding: 34px 38px 10px 38px;
    height: 250px;
}

.home-cards-container.halves .card.right .content .third,
.home-cards-container.halves .card.right .content .second,
.home-cards-container.halves .card.right .content .first {
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    display: inline-block;
    height: 56px;
    width: 56px;
    border: 3px solid #fff;
    border-radius: 50%;
    margin-left: 0px;
    transition: all ease 200ms;
}

.home-cards-container.halves .card.right:hover .content .third,
.home-cards-container.halves .card.right:hover .content .second,
.home-cards-container.halves .card.right:focus .content .third,
.home-cards-container.halves .card.right:focus .content .second {
    margin-left: -4px;
}




/*____________________________________________________________________________*/
/* row of single full-width card */

.home-cards-container.full {
    margin-top: -20px;
}

.home-cards-container.full .card {
    width: 994px;
    height: 320px;
	margin-bottom: 100px;
}

.home-cards-container.full .card .content {
    padding: 34px 38px 10px 38px;
    height: 208px;
    width: 410px;
}

.home-cards-container.full .card .content.wide {
    width: 480px;
}

.home-cards-container.full .card .content.ultrawide {
    width: 620px;
}

.home-cards-container.full .card .content h2 {
    font-size: 30px;
}

.home-cards-container.full .card .content.ultrawide h2 {
    font-size: 38px;
}

.home-cards-container.full .card .link {
    top: 264px;
    left: 39px;
}

.home-cards-container.full .card .first,
.home-cards-container.full .card .second,
.home-cards-container.full .card .third {
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    top: 55px;
    height: 190px;
    width: 190px;
    border: 8px solid #fff;
    border-radius: 50%;
    transition: all ease 200ms;
}

.home-cards-container.full .card .first {
    left: 475px;
}

.home-cards-container.full .card .first.alone {
    left: 720px;
}

.home-cards-container.full .card .first.left {
    left: 570px;
}

.home-cards-container.full .card .second {
    left: 610px;
}

.home-cards-container.full .card:hover .second,
.home-cards-container.full .card:focus .second {
    left: 600px;
}

.home-cards-container.full .card .second.right {
    left: 730px;
}

.home-cards-container.full .card:hover .second.right,
.home-cards-container.full .card:focus .second.right {
    left: 720px;
}

.home-cards-container.full .card .third {
    left: 745px;
}

.home-cards-container.full .card:hover .third,
.home-cards-container.full .card:focus .third {
    left: 725px;
}




/*____________________________________________________________________________*/
/* hashtags below cards */

.home-cards-container .hashtag {
    position: absolute;
    left: 0px;
}

.home-cards-container.thirds .views-row:nth-of-type(2) .hashtag,
.home-cards-container.thirds .views-row:nth-of-type(3) .hashtag {
    left: 40px;
}

.home-cards-container.halves .hashtag.right {
	left: 600px;
}

.home-cards-container.full .hashtag {
	top: 328px;
}

.home-cards-container .hashtag a {
    font-size: 21px;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 500;
    color: #595959;
    font-family: 'Encode Sans Condensed SemiBold', sans-serif;
    padding: 8px 0px;
    word-spacing: -4px;
	width: 300px;
    display: block;
}

.home-cards-container .hashtag a:hover,
.home-cards-container .hashtag a:focus,
.home-cards-container .hashtag a:hover:before,
.home-cards-container .hashtag a:focus:before {
    color: #000;
    text-decoration: underline;
}

.home-cards-container .hashtag a:before {
    content: "#";
    font-size: 21px;
    text-transform: lowercase;
    text-decoration: none;
    font-weight: 500;
    color: #595959;
    font-family: 'Encode Sans Condensed SemiBold', sans-serif;
}




/*____________________________________________________________________________*/
/* edit buttons for homepage cards */

.home-cards-container .edit-indicator + a:first-of-type {
	position: relative;
	z-index: 2;
	top: 66px;
	left: 49px;
	background-color: #4b2e83;
	background-color: rgba(0,0,0,0.8);
	color: rgba(0,0,0,0);
	padding: 13px 14px 14px 0px;
	border-radius: 50px;
	display: table;
	margin-top: -60px;
	font-size: 9px;
	transition: ease 200ms;
}

.home-cards-container .edit-indicator + a:first-of-type:after {
	content: url("../img/icons/pencil-white.png");
}

.home-cards-container.halves .edit-indicator + a:first-of-type,
.home-cards-container.full .edit-indicator + a:first-of-type {
	top: 65px;
    left: 8px;
}

.home-cards-container.halves .edit-indicator.alone + a:first-of-type,
.home-cards-container.full .edit-indicator.alone + a:first-of-type {
	margin-bottom: 140px;
}

.home-cards-container.thirds .views-row:first-child .edit-indicator + a:first-of-type,
.home-cards-container.thirds.contextual-region .views-row:nth-child(2) .edit-indicator + a:first-of-type {
    left: 7px;
}

.home-cards-container .edit-indicator + a:first-of-type:hover,
.home-cards-container .edit-indicator + a:first-of-type:focus {
	background-color: #000;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.home-cards-container .edit-indicator + a:first-of-type:hover ~ .card,
.home-cards-container .edit-indicator + a:first-of-type:focus ~ .card {
	background: #969696;
}

.home-cards-container .edit-indicator + a:first-of-type:hover ~ .card.with-background,
.home-cards-container .edit-indicator + a:first-of-type:focus ~ .card.with-background {
	background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)) !important;
}

.home-cards-container .edit-indicator + a:first-of-type:hover ~ .card h2,
.home-cards-container .edit-indicator + a:first-of-type:focus ~ .card h2,
.home-cards-container .edit-indicator + a:first-of-type:hover ~ .card p,
.home-cards-container .edit-indicator + a:first-of-type:focus ~ .card p {
	color: #000;
}

.home-cards-container .edit-indicator + a:first-of-type:hover ~ .card.with-background h2,
.home-cards-container .edit-indicator + a:first-of-type:focus ~ .card.with-background h2,
.home-cards-container .edit-indicator + a:first-of-type:hover ~ .card.with-background p,
.home-cards-container .edit-indicator + a:first-of-type:focus ~ .card.with-background p {
	color: #969696;
}

.home-cards-container .edit-indicator.alone + a:first-of-type:before {
	content: "Add row of 2 cards";
	font-size: 25px;
	line-height: .3;
	position: relative;
	left: 24px;
	top: -4px;
	color: #fff;
	display: inline-block;
	padding-right: 26px;
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
}

#block-views-block-homepage-cards-full-block-1 .home-cards-container .edit-indicator.alone + a:first-of-type:before {
	content: "Add a single card";
}

.home-cards-container .edit-indicator.alone + a:hover,
.home-cards-container .edit-indicator.alone + a:focus {
	-ms-transform: none; /* IE 9 */
    transform: none;
}

.home-cards-container .edit-indicator.alone + a:hover:before,
.home-cards-container .edit-indicator.alone + a:focus:before {
	text-decoration: underline;
}




/*____________________________________________________________________________*/
/* responsive styling for homepage cards */

@media only screen and (max-width: 1100px) {
    .home-cards-container {
        width: 958px;
    }
	#block-views-block-homepage-cards-thirds-block-1 {
		margin-top: 30px;
	}
	
	/*________________________________________________________________________*/
	/* homepage cards - thirds */
	.home-cards-container.thirds .card {
		margin-left: 22px;
	}
	.home-cards-container.thirds .views-row:first-child .card,
	.home-cards-container.thirds.contextual-region .views-row:nth-child(2) .card {
		margin-left: 0px;
	}
 
	/*________________________________________________________________________*/
	/* homepage cards - halves */
	.home-cards-container.halves .views-row {
		width: 958px;
	}
    .home-cards-container.halves .card.left {
        width: 530px;
    }
    .home-cards-container.halves .card.left .first,
    .home-cards-container.halves .card.left .second,
    .home-cards-container.halves .card.left .third {
        height: 80px;
        width: 80px;
    }
    .home-cards-container.halves .card.left .first {
        left: 32px;
    }
    .home-cards-container.halves .card.left .second {
        left: 100px;
    }
    .home-cards-container.halves .card.left:hover .second,
    .home-cards-container.halves .card.left:focus .second {
        left: 106px;
    }
    .home-cards-container.halves .card.left .third {
        left: 168px;
    }
    .home-cards-container.halves .card.left:hover .third,
    .home-cards-container.halves .card.left:focus .third {
        left: 178px;
    }
    .home-cards-container.halves .card.left .content {
        top: 128px;
        width: 452px;
        height: 167px;
    }
    .home-cards-container.halves .card .content h2,
    .home-cards-container.full .card .content h2 {
        font-size: 24px;
    }
	.home-cards-container.halves .hashtag.right {
		left: 560px;
	}
	
	/*________________________________________________________________________*/
	/* homepage cards - full */
    .home-cards-container.full .card {
        width: 952px;
    }
    .home-cards-container.full .card .first,
    .home-cards-container.full .card .second,
    .home-cards-container.full .card .third {
        top: 80px;
        height: 140px;
        width: 140px;
    }
	.home-cards-container.full .card .first {
		left: 510px;
	}
	.home-cards-container.full .card .second {
		left: 630px;
	}
	.home-cards-container.full .card:hover .second,
	.home-cards-container.full .card:focus .second {
		left: 620px;
	}
	.home-cards-container.full .card .second.right {
		left: 700px;
	}
	
	/*________________________________________________________________________*/
	/* edit buttons */
	.home-cards-container .edit-indicator + a:first-of-type {
		left: 28px;
	}
}

@media only screen and (max-width: 1040px) {
    .home-cards-container {
        width: 90%;
        padding-top: 20px;
    }
	
	/*________________________________________________________________________*/
	/* all homepage cards */
	.home-cards-container .views-row {
		display: block;
	}
	.home-cards-container.halves .views-row {
		width: 100%;
	}
	.home-cards-container.thirds {
		margin-bottom: 0px;
	}
	.home-cards-container.thirds .views-row:first-child .card,
	.home-cards-container.thirds.contextual-region .views-row:nth-child(2) .card {
		margin: auto;
	}
    .home-cards-container.thirds .card,
    .home-cards-container.halves .card.left,
    .home-cards-container.halves .card.right,
    .home-cards-container.full .card {
        display: block;
        width: 50%;
        margin: auto;
        margin-top: 40px;
        min-width: 300px;
        float: none;
    }
	.home-cards-container.full .card {
		margin-top: 50px;
	}
    .home-cards-container.halves .card.left,
    .home-cards-container.halves .card.right,
    .home-cards-container.full .card {
        height: 440px;
    }
	
	/*________________________________________________________________________*/
	/* homepage cards - halves */
    .home-cards-container.halves .card.left {
        margin-top: 20px;
    }
    .home-cards-container.halves .card.left .first,
    .home-cards-container.halves .card.left .second,
    .home-cards-container.halves .card.left .third {
        top: 22px;
        height: 60px;
        width: 60px;
        border: 3px solid #fff;
    }
    .home-cards-container.halves .card.left .first {
        left: 24px;
    }

    .home-cards-container.halves .card.left .second {
        left: 75px;
    }
    .home-cards-container.halves .card.left:hover .second,
    .home-cards-container.halves .card.left:focus .second {
        left: 78px;
    }
    .home-cards-container.halves .card.left .third {
        left: 126px;
    }
    .home-cards-container.halves .card.left:hover .third,
    .home-cards-container.halves .card.left:focus .third {
        left: 132px;
    }
    .home-cards-container.halves .card.left .content {
        top: 94px;
        left: 32px;
        width: 78%;
        height: 284px;
    }
    .home-cards-container.halves .card.right .content {
        padding: 30px 32px 10px 32px;
        height: 340px;
    }
	
	/*________________________________________________________________________*/
	/* homepage cards - full (and halves styling for link) */
	.home-cards-container.full {
		padding-top: 0px;
	}
    .home-cards-container.full .card .first,
    .home-cards-container.full .card .second,
    .home-cards-container.full .card .third {
        top: 26px;
        height: 50px;
        width: 50px;
        border: 3px solid #fff;
    }
    .home-cards-container.full .card .first,
	.home-cards-container.full .card .first.left,
	.home-cards-container.full .card .first.alone {
        left: 26px;
    }
    .home-cards-container.full .card .second,
	.home-cards-container.full .card .second.right {
        left: 66px;
    }
    .home-cards-container.full .card:hover .second,
    .home-cards-container.full .card:focus .second,
	.home-cards-container.full .card:hover .second.right,
    .home-cards-container.full .card:focus .second.right {
        left: 69px;
    }
    .home-cards-container.full .card .third {
        left: 106px;
    }
    .home-cards-container.full .card:hover .third,
    .home-cards-container.full .card:focus .third {
        left: 111px;
    }
    .home-cards-container.full .card .content,
	.home-cards-container.full .card .content.wide,
	.home-cards-container.full .card .content.ultrawide {
        padding: 23px 32px 10px 28px;
        height: 288px;
        width: 80%;
    }
	.home-cards-container.full .card .content.ultrawide h2 {
        font-size: 24px;
    }
	.home-cards-container.full .card .first ~ .content {
		padding: 83px 32px 10px 28px;
	}
    .home-cards-container.halves .card .link,
    .home-cards-container.full .card .link {
        top: 390px;
        right: 23px;
    }
    .home-cards-container.full .card .link {
        left: 32px;
    }
	
	/*________________________________________________________________________*/
	/* all hashtags for homepage cards */
    .home-cards-container .hashtag,
	.home-cards-container.thirds .views-row:nth-of-type(2) .hashtag,
	.home-cards-container.thirds .views-row:nth-of-type(3) .hashtag,
	.home-cards-container.halves .hashtag.right,
	.home-cards-container.full .hashtag {
        position: relative;
        left: 25%;
		top: 0px;
		z-index: 1;
		padding-top: 10px;
    }
	.home-cards-container.halves .hashtag.right {
		padding-bottom: 20px;
	}
	
	/*________________________________________________________________________*/
	/* edit buttons for homepage cards */
	.home-cards-container .edit-indicator + a:first-of-type,
	.home-cards-container.full .edit-indicator + a:first-of-type,
	.home-cards-container.halves .edit-indicator + a:first-of-type,
	.home-cards-container.thirds .views-row:first-child .edit-indicator + a:first-of-type,
	.home-cards-container.thirds.contextual-region .views-row:nth-child(2) .edit-indicator + a:first-of-type {
		left: 50%;
		margin-left: -140px;
		top: 106px;
		width: 255px;
	}
	.home-cards-container.halves .edit-indicator + a:first-of-type {
		top: 86px;
	}
	.home-cards-container.thirds .views-row:first-child .edit-indicator + a:first-of-type,
	.home-cards-container.thirds.contextual-region .views-row:nth-child(2) .edit-indicator + a:first-of-type {
		top: 66px;
	}
	.home-cards-container .edit-indicator + a:first-of-type:after {
		margin-left: 41%;
	}
	.home-cards-container .edit-indicator + a:first-of-type:hover,
	.home-cards-container .edit-indicator + a:first-of-type:focus {
		-ms-transform: none;
		transform: none;
	}
	.home-cards-container .edit-indicator.alone + a:first-of-type:after {
		margin-left: 0px;
	}
	.home-cards-container .edit-indicator.alone + a:first-of-type:before {
		font-size: 21px;
		top: -6px;
	}
}

@media only screen and (max-width: 680px) {
	.home-cards-container .hashtag,
	.home-cards-container.thirds .views-row:nth-of-type(2) .hashtag,
	.home-cards-container.thirds .views-row:nth-of-type(3) .hashtag,
	.home-cards-container.halves .hashtag.right,
	.home-cards-container.full .hashtag {
        left: 0px;
		width: 300px;
		margin: auto;
    }
}

@media only screen and (max-width: 500px) {
	#block-views-block-homepage-cards-thirds-block-1 {
		padding-top: 30px;
	}
    .home-cards-container {
        padding-top: 1px;
    }
	.home-cards-container.thirds .card,
	.home-cards-container.halves .card.right {
        margin-top: 20px;
    }
	.home-cards-container.halves .card.left {
        margin-top: 20px;
    }
	.home-cards-container.halves .hashtag.right {
		padding-bottom: 0px;
	}
	.home-cards-container.full .card {
		margin-top: 40px;
	}
	.home-cards-container .edit-indicator + a:first-of-type {
		top: 86px;
	}
	.home-cards-container.halves .edit-indicator + a:first-of-type {
		top: 116px;
	}
}

@media only screen and (max-width: 350px) {
    .home-cards-container {
        width: 100%;
        padding-top: 2px;
    }
	#block-views-block-homepage-cards-thirds-block-1 {
		margin-top: 16px;
	}
    .home-cards-container .card,
    .home-cards-container .card:first-child {
        min-width: 290px;
    }
}

@media only screen and (max-width: 300px) {
    .home-cards-container .card {
		min-width: 95% !important;
	}
	.home-cards-container .card .content {
		padding: 10px !important;
		left: 12px !important;
		width: 90% !important;
	}
}




















/* ########################################################################## */
/* homepage fast facts ###################################################### */
/* ########################################################################## */

#block-views-block-fast-facts-block-1 h2 {
	font-size: 40px;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
	padding-top: 40px;
}

#block-views-block-fast-facts-block-1 .facts-container {
	width: 95%;
    margin: auto;
    transition: all ease 200ms;
	margin-bottom: 90px;
}

#block-views-block-fast-facts-block-1 .facts-container h3 {
	text-transform: uppercase;
}

#block-views-block-fast-facts-block-1 .facts-container p {
	margin: 0 auto;
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	font-size: 21px;
}

#block-views-block-fast-facts-block-1 .facts-container h3,
#block-views-block-fast-facts-block-1 .facts-container p {
	color: #4b2e83;
}

#block-views-block-fast-facts-block-1 .facts-container .content {
	position: relative;
}

#block-views-block-fast-facts-block-1 .facts-container .with-image h3,
#block-views-block-fast-facts-block-1 .facts-container .with-image p {
	color: #fff;
}

#block-views-block-fast-facts-block-1 .facts-container .with-image .screen-reader-fact-img {
	opacity: 0;
	position: absolute;
	width: 1px;
}

#block-views-block-fast-facts-block-1 .facts-container .one,
#block-views-block-fast-facts-block-1 .facts-container .two,
#block-views-block-fast-facts-block-1 .facts-container .three,
#block-views-block-fast-facts-block-1 .facts-container .four,
#block-views-block-fast-facts-block-1 .facts-container .five {
	display: inline-block;
	vertical-align: top;
	border-radius: 30px;
}

#block-views-block-fast-facts-block-1 .facts-container .one {
	width: 37%;
    height: 400px;
}

#block-views-block-fast-facts-block-1 .facts-container .one .content {
	top: 210px;
    left: 40px;
	width: 86%;
}

#block-views-block-fast-facts-block-1 .facts-container .one .content h3 {
	font-size: 100px;
}

#block-views-block-fast-facts-block-1 .facts-container .two {
	width: 19%;
    height: 400px;
    margin-left: 20px;
}

#block-views-block-fast-facts-block-1 .facts-container .two .content {
	top: 23px;
    left: 30px;
	width: 76%;
}

#block-views-block-fast-facts-block-1 .facts-container .two .content h3 {
	font-size: 50px;
}

#block-views-block-fast-facts-block-1 .facts-container .stack {
	width: 41%;
    margin-left: 20px;
    display: inline-block;
    vertical-align: top;
}

#block-views-block-fast-facts-block-1 .facts-container .stack .three {
    height: 170px;
    width: 100%;
}

#block-views-block-fast-facts-block-1 .facts-container .stack .three .content {
	top: 23px;
    left: 30px;
	width: 86%;
}

#block-views-block-fast-facts-block-1 .facts-container .stack .three .content h3 {
	font-size: 50px;
}

#block-views-block-fast-facts-block-1 .facts-container .stack .four {
	height: 206px;
    width: 46%;
    margin-top: 24px;
}

#block-views-block-fast-facts-block-1 .facts-container .stack .four .content,
#block-views-block-fast-facts-block-1 .facts-container .stack .five .content {
	top: 23px;
    left: 30px;
	width: 74%;
}

#block-views-block-fast-facts-block-1 .facts-container .stack .four .content h3,
#block-views-block-fast-facts-block-1 .facts-container .stack .five .content h3 {
	font-size: 26px;
}

#block-views-block-fast-facts-block-1 .facts-container .stack .four .content p,
#block-views-block-fast-facts-block-1 .facts-container .stack .five .content p {
	font-size: 19px;
}

#block-views-block-fast-facts-block-1 .facts-container .stack .stack-small {
	display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-top: 24px;
    margin-left: 20px;
}

#block-views-block-fast-facts-block-1 .facts-container .stack .stack-small .five {
	width: 100%;
    height: 130px;
}

#block-views-block-fast-facts-block-1 .facts-container .stack .stack-small a {
	background-color: #4b2e83;
    text-decoration: none;
    color: #fff;
    padding: 13px 50px 14px 50px;
    border-radius: 50px;
    font-size: 21px;
    text-transform: capitalize;
    font-family: 'Encode Sans Condensed SemiBold', sans-serif;
    box-shadow: 0px 4px 20px rgba(67, 0, 135, 0.3);
    margin: 22px 20px 10px 0px;
    transition: all ease 200ms;
    display: block;
    width: 135px;
}

#block-views-block-fast-facts-block-1 .facts-container .stack .stack-small a:hover,
#block-views-block-fast-facts-block-1 .facts-container .stack .stack-small a:focus {
	margin: 22px 20px 10px 10px;
	background-color: #1c1c1c;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);
}

#block-views-block-fast-facts-block-1 .facts-container .stack .stack-small a:after,
#block-views-block-fast-facts-block-1 .facts-container .stack .stack-small a[href*="//"]:not([href*="mysite.com"]):after {
    position: relative;
    top: 2px;
	left: 10px;
	transition: all ease 200ms;
}

#block-views-block-fast-facts-block-1 .facts-container .stack .stack-small a:after {
    content: url("../img/icons/arrow-white.png");
}

#block-views-block-fast-facts-block-1 .facts-container .stack .stack-small a[href*="//"]:not([href*="mysite.com"]):after {
    content: url("../img/icons/external-white.png");
}




/*____________________________________________________________________________*/
/* edit button for fast facts */

#block-views-block-fast-facts-block-1 .edit-indicator + a:first-of-type {
	position: relative;
	z-index: 2;
	top: 94px;
	left: 49px;
	background-color: #4b2e83;
	background-color: rgba(0,0,0,0.8);
	color: rgba(0,0,0,0);
	padding: 13px 14px 14px 0px;
	border-radius: 50px;
	display: table;
	margin-top: -60px;
	font-size: 9px;
	transition: ease 200ms;
}

#block-views-block-fast-facts-block-1 .edit-indicator + a:first-of-type:after {
	content: url("../img/icons/pencil-white.png");
}

#block-views-block-fast-facts-block-1 .edit-indicator.alone + a:first-of-type {
	margin-bottom: 140px;
}

#block-views-block-fast-facts-block-1 .edit-indicator + a:first-of-type:hover,
#block-views-block-fast-facts-block-1 .edit-indicator + a:first-of-type:focus {
	background-color: #000;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#block-views-block-fast-facts-block-1 .edit-indicator + a:first-of-type:hover ~ .facts-container,
#block-views-block-fast-facts-block-1 .edit-indicator + a:first-of-type:focus ~ .facts-container {
	background-color: #595959;
	padding: 10px 10px 0px 10px;
	border-radius: 40px;
}

#block-views-block-fast-facts-block-1 .edit-indicator.alone + a:first-of-type:before {
	content: "Add fast facts";
	font-size: 25px;
	line-height: .3;
	position: relative;
	left: 24px;
	top: -6px;
	color: #fff;
	display: inline-block;
	padding-right: 26px;
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
}

#block-views-block-fast-facts-block-1 .edit-indicator.alone + a:hover,
#block-views-block-fast-facts-block-1 .edit-indicator.alone + a:focus {
	-ms-transform: none; /* IE 9 */
    transform: none;
}

#block-views-block-fast-facts-block-1 .edit-indicator.alone + a:hover:before,
#block-views-block-fast-facts-block-1 .edit-indicator.alone + a:focus:before {
	text-decoration: underline;
}

@media only screen and (max-width: 1750px) {
	#block-views-block-fast-facts-block-1 .facts-container .stack {
		width: 40%;
	}
	#block-views-block-fast-facts-block-1 .facts-container .stack .stack-small {
		width: 49%;
	}
}

@media only screen and (max-width: 1340px) {
	#block-views-block-fast-facts-block-1 .facts-container .stack {
		width: 39%;
	}
	#block-views-block-fast-facts-block-1 .facts-container .stack .stack-small {
		width: 48%;
	}
	#block-views-block-fast-facts-block-1 .facts-container .stack .stack-small a {
		width: 125px;
	}
}

@media only screen and (max-width: 1280px) {
	#block-views-block-fast-facts-block-1 .facts-container {
		width: 710px;
	}
	#block-views-block-fast-facts-block-1 .facts-container .one {
    	width: 430px;
	}
	#block-views-block-fast-facts-block-1 .facts-container .two {
    	width: 254px;
	}
	#block-views-block-fast-facts-block-1 .facts-container .stack {
		display: block;
		padding-top: 24px;
		width: 100%;
		margin: auto;
	}
	#block-views-block-fast-facts-block-1 .facts-container .stack .stack-small a {
		width: 135px;
	}
}

@media only screen and (max-width: 1040px) {
	#block-views-block-fast-facts-block-1 {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 800px) {
	#block-views-block-fast-facts-block-1 .facts-container {
		width: 95%;
	}
	#block-views-block-fast-facts-block-1 .facts-container .one {
    	width: 100%;
	}
	#block-views-block-fast-facts-block-1 .facts-container .two {
    	width: 100%;
		margin-left: 0px;
		margin-top: 10px;
		height: 230px;
	}
	#block-views-block-fast-facts-block-1 .facts-container .stack {
		padding-top: 10px;
	}
	#block-views-block-fast-facts-block-1 .facts-container .stack .four {
		width: 100%;
		height: 150px;
		margin-top: 10px;
	}
	#block-views-block-fast-facts-block-1 .facts-container .stack .stack-small {
		margin-left: 0px;
    	width: 100%;
		margin-top: 10px;
	}
	#block-views-block-fast-facts-block-1 .edit-indicator + a:first-of-type {
		left: 10px;
	}
}

@media only screen and (max-width: 460px) {
	#block-views-block-fast-facts-block-1 .facts-container .one {
		height: 300px;
	}
	#block-views-block-fast-facts-block-1 .facts-container .one .content {
    	top: 18px;
		width: 78%;
	}
	#block-views-block-fast-facts-block-1 .facts-container .one .content h3 {
		font-size: 70px;
	}
}

@media only screen and (max-width: 310px) {
    #block-views-block-fast-facts-block-1 .facts-container .one .content,
	#block-views-block-fast-facts-block-1 .facts-container .two .content,
	#block-views-block-fast-facts-block-1 .facts-container .three .content,
	#block-views-block-fast-facts-block-1 .facts-container .four .content,
	#block-views-block-fast-facts-block-1 .facts-container .five .content {
		top: 8px !important;
		width: 90% !important;
		word-break: break-all;
		left: 10px !important;
	}
	#block-views-block-fast-facts-block-1 .facts-container .one .content h3,
	#block-views-block-fast-facts-block-1 .facts-container .two .content h3,
	#block-views-block-fast-facts-block-1 .facts-container .three .content h3,
	#block-views-block-fast-facts-block-1 .facts-container .four .content h3,
	#block-views-block-fast-facts-block-1 .facts-container .five .content h3 {
		font-size: 35px !important;
	}
}




















/* ########################################################################## */
/* homepage blurbs ########################################################## */
/* ########################################################################## */

.homepage-blurb .body-container {
    width: 80%;
    max-width: 1220px;
    min-width: 1110px;
    margin: auto;
    margin-top: 50px;
    display: table;
	transition: all ease 200ms;
}




/*____________________________________________________________________________*/
/* links (styled as buttons) on homepage */

.homepage-blurb .body-container .buttons {
    margin: 0px 0px 30px 0px;
    display: block;
    float: left;
}

.homepage-blurb .body-container .buttons a {
    background-color: #4b2e83;
    padding: 17px 36px 19px 40px;
    color: #fff !important;
    text-decoration: none;
    font-size: 21px;
    text-transform: capitalize;
    border-radius: 34px;
    font-family: 'Encode Sans Condensed SemiBold', sans-serif;
    box-shadow: 0px 14px 40px #000;
    box-shadow: 0px 14px 40px rgba(67, 0, 135, 0.4);
    margin: 20px 20px 10px 0px;
    transition: all ease 200ms;
    float: left;
}

.homepage-blurb .body-container .buttons a:after,
.homepage-blurb .body-container .buttons a[href*="//"]:not([href*="mysite.com"]):after {
    position: relative;
    top: 2px;
    padding-left: 7px;
}

.homepage-blurb .body-container .buttons a:after {
    content: url("../img/icons/arrow-white.png");
}

.homepage-blurb .body-container .buttons a[href*="//"]:not([href*="mysite.com"]):after {
    content: url("../img/icons/external-white.png");
}

.homepage-blurb .body-container .buttons a:hover,
.homepage-blurb .body-container .buttons a:focus {
    box-shadow: 0px 6px 10px #000;
    box-shadow: 0px 6px 10px rgba(52, 0, 105, 0.6);
    margin: 24px 20px 6px 0px;
}




/*____________________________________________________________________________*/
/* left header and right content containers */

.homepage-blurb .body-container .header-left {
    float: left;
    width: 370px;
    margin-top: 30px;
}

.homepage-blurb .body-container .header-left .bar {
    background-color: #000;
    height: 10px;
    width: 170px;
    margin-bottom: 7px;
}

.homepage-blurb .body-container .header-left h2 {
    font-size: 40px;
    text-transform: uppercase;
    color: #000;
}

.homepage-blurb .body-container .content-right {
    float: right;
    max-width: 648px;
}

.homepage-blurb .body-container .content-right p {
    font-size: 21px;
    line-height: 1.5;
    color: #464646;
    margin: 18px 0px 0px 0px;
    clear: both;
}

.homepage-blurb .body-container .content-right a {
    color: #005999;
}




/*____________________________________________________________________________*/
/* edit buttons for homepage blurbs */

.homepage-blurb .edit-indicator + a:first-of-type {
	position: relative;
	z-index: 2;
	top: 94px;
	left: 0px;
	background-color: #4b2e83;
	background-color: rgba(0,0,0,0.8);
	padding: 13px 14px 14px 13px;
	border-radius: 50px;
	display: table;
	font-size: 0px;
	margin: auto;
	margin-bottom: 110px;
	margin-top: -60px;
	transition: ease 200ms;
}

.homepage-blurb .edit-indicator + a:first-of-type:after {
	content: url("../img/icons/pencil-white.png");
}

.homepage-blurb .edit-indicator.alone + a:first-of-type {
	margin-bottom: 140px;
}

.homepage-blurb .edit-indicator + a:first-of-type:hover,
.homepage-blurb .edit-indicator + a:first-of-type:focus {
	background-color: #000;
}

.homepage-blurb .edit-indicator + a:first-of-type:hover ~ .body-container,
.homepage-blurb .edit-indicator + a:first-of-type:focus ~ .body-container {
	background-color: #ccc;
    border-radius: 30px;
    padding: 30px 50px;
}

.homepage-blurb .edit-indicator + a:first-of-type:before {
	content: "Edit blurb";
	font-size: 25px;
	line-height: .3;
	position: relative;
	left: 10px;
	top: -6px;
	color: #fff;
	display: inline-block;
	padding-right: 26px;
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
}

.homepage-blurb .edit-indicator.alone + a:first-of-type:before {
	content: "Add blurb";
}

.homepage-blurb .edit-indicator.alone + a:hover,
.homepage-blurb .edit-indicator.alone + a:focus {
	-ms-transform: none; /* IE 9 */
    transform: none;
}

.homepage-blurb .edit-indicator + a:hover:before,
.homepage-blurb .edit-indicator + a:focus:before {
	text-decoration: underline;
}

@media only screen and (max-width: 1280px) {
    .homepage-blurb .body-container {
        max-width: 680px;
        min-width: 680px;
    }
    .homepage-blurb .body-container .header-left,
    .homepage-blurb .body-container .content-right {
        float: none;
    }
}

@media only screen and (max-width: 800px) {
    .homepage-blurb .body-container {
        max-width: 85%;
        min-width: 85%;
        clear: both;
    }
    .homepage-blurb .body-container .header-left,
    .homepage-blurb .body-container .content-right {
        max-width: 100%;
        min-width: 100%;
    }
    .homepage-blurb .body-container .button {
        clear: both;
    }
    .homepage-blurb .body-container .buttons a:after {
        content: url("../img/icons/arrow-tailed-white.png");
		top: 3px;
    }
}

@media only screen and (max-width: 600px) {
    .homepage-blurb .body-container .buttons a {
        padding: 14px 25px 16px 27px;
        margin: 18px 20px 8px 0px;
    }
    .homepage-blurb .body-container .buttons a:hover,
    .homepage-blurb .body-container .buttons a:focus {
        margin: 20px 20px 6px 0px;
    }
	.homepage-blurb .edit-indicator.alone + a:first-of-type {
		left: 130px;
	}
}

@media only screen and (max-width: 470px) {
	.homepage-blurb .body-container {
		max-width: 90%;
		min-width: 90%;
		width: 90%;
	}
	.homepage-blurb .body-container .header-left,
    .homepage-blurb .body-container .content-right {
		min-width: 10%;
		width: 100%;
	}
}

@media only screen and (max-width: 300px) {
	.homepage-blurb .body-container .header-left h2 {
		word-break: break-all;
	}
}




















/* ########################################################################## */
/* unpublished nodes ######################################################## */
/* ########################################################################## */

.node--unpublished {
	border-radius: 30px;
	width: 97%;
	margin: auto;
	background-color: #ddd;
}

#unpublished {
	display: none;
}

.node--unpublished #unpublished {
	display: block;
	position: relative;
	width: 100%;
	z-index: 1;
}

.node--unpublished #unpublished div {
	background-color: #000;
	color: #fff;
	position: absolute;
	right: 20px;
	top: 20px;
	text-align: center;
	border-radius: 30px;
	font-size: 21px;
	font-family: 'Uni Sans Regular', sans-serif;
	padding: 11px 18px 8px 18px;
}




















/* ########################################################################## */
/* previewing content ####################################################### */
/* ########################################################################## */

.node-preview-form-select a {
	background-color: #fff;
	display: block;
	color: #000;
	padding: 16px 20px;
	border-radius: 12px;
	font-size: 21px;
	position: fixed;
	top: 20px;
	left: 20px;
	text-decoration: none;
	font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
	box-shadow: 0px 14px 40px #000;
	box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.65);
	transition: ease 200ms;
}

.node-preview-form-select a:hover,
.node-preview-form-select a:focus {
	top: 24px;
	box-shadow: 0px 6px 10px #000;
	box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.65);
}

.node-preview-form-select .form-item {
	display: none;
}



















/* ########################################################################## */
/* search results ########################################################### */
/* ########################################################################## */

#block-round1dev-content #search-form {
	padding: 60px 0px;
}

#block-round1dev-content #search-form ~ h3 {
	font-size: 21px;
	margin-left: 300px;
	margin-right: 30px;
}

#block-round1dev-content #search-form .js-form-item {
	margin-left: 300px;
}

#block-round1dev-content #search-form label {
	display: none;
}

#block-round1dev-content #search-form #edit-keys {
	height: 40px;
	width: 40%;
	border: #464646 solid 3px;
	border-radius: 50px;
	background-color: #fff;
	background-color: rgba(0,0,0,0);
	color: #464646;
	font-size: 21px;
	font-family: Open Sans, sans-serif;
	padding: 0px 42px 0px 14px;
	-webkit-appearance: initial;
}

#block-round1dev-content #search-form #edit-submit {
	position: relative;
	left: -50px;
	top: -3px;
	padding: 12px 4px;
	cursor: pointer;
	-webkit-appearance: initial;
	opacity: 0;
	z-index: 2;
}

#block-round1dev-content #search-form #edit-submit ~ .search-icon {
	position: relative;
	left: -100px;
	top: 3px;
	display: inline-block;
	width: 27px;
	height: 27px;
	transition: ease 200ms;
}

#block-round1dev-content #search-form #edit-submit:hover ~ .search-icon,
#block-round1dev-content #search-form #edit-submit:focus ~ .search-icon {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

#block-round1dev-content #search-form #edit-submit ~ .search-icon:after {
	content: url("../img/icons/search-icon-black.png");
}

#block-round1dev-content #search-form ~ h2,
#block-round1dev-content #search-form ~ ol,
#block-round1dev-content #search-form ~ nav {
	margin-left: 300px;
	width: 50%;
}

#block-round1dev-content #search-form ~ h2 {
	font-size: 40px;
}

#block-round1dev-content #search-form ~ ol {
	font-size: 25px;
}

#block-round1dev-content #search-form ~ ol li a {
	font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
	margin: 11px 0px;
	background: linear-gradient(to bottom, #4b2e83 0%, #4b2e83 100%);
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 4px 4px;
	color: #4b2e83;
	text-decoration: none;
	transition: ease 200ms;
}

#block-round1dev-content #search-form ~ ol li a:hover,
#block-round1dev-content #search-form ~ ol li a:focus {
	color: #fff;
	background-size: 4px 50px;
}

#block-round1dev-content #search-form ~ ol li p {
	font-size: 21px;
	color: #595959;
	width: 70%;
}

#block-round1dev-content #search-form ~ nav {
	margin-top: 60px;
}

#block-round1dev-content #search-form ~ nav ul li {
	display: inline-block;
}

#block-round1dev-content #search-form ~ nav ul li a {
	background-color: #ddd;
	border-radius: 12px;
	text-decoration: none;
	color: #000;
	font-size: 21px;
	padding: 10px 16px;
	transition: ease 200ms;
}

#block-round1dev-content #search-form ~ nav ul li a:hover,
#block-round1dev-content #search-form ~ nav ul li a:focus {
	background-color: #1c1c1c;
	color: #fff;
}

#block-round1dev-content #search-form ~ nav ul li.is-active a {
	background-color: #4b2e83;
	color: #fff;
}

#block-round1dev-content #search-form #edit-help-link {
	display: none;
}

@media only screen and (max-width: 1500px) {
	#block-round1dev-content #search-form ~ h3 {
		margin-left: 100px;
	}
	#block-round1dev-content #search-form .js-form-item,
	#block-round1dev-content #search-form ~ h2,
	#block-round1dev-content #search-form ~ ol,
	#block-round1dev-content #search-form ~ nav {
		margin-left: 100px;
		width: 70%;
	}
}

@media only screen and (max-width: 1280px) {
	#block-round1dev-content #search-form #edit-keys {
		width: 70%;
	}
	#block-round1dev-content #search-form ~ ol li p {
		width: 100%;
	}
	#block-round1dev-content #search-form ~ nav ul li {
		margin-bottom: 25px;
	}
}

@media only screen and (max-width: 800px) {
	#block-round1dev-content #search-form ~ h3 {
		margin-left: 30px;
	}
	#block-round1dev-content #search-form {
		padding: 30px 0px 0px 0px;
	}
	#block-round1dev-content #search-form .js-form-item {
		margin-left: 4%;
		width: 100%;
	}
	#block-round1dev-content #search-form ~ h2,
	#block-round1dev-content #search-form ~ ol,
	#block-round1dev-content #search-form ~ nav {
		margin-left: 4%;
		width: 80%;
	}
	#block-round1dev-content #search-form ~ h2 {
		margin-top: -30px;
	}
	#block-round1dev-content #search-form ~ ol {
		font-size: 21px;
		padding-left: 30px;
	}
	#block-round1dev-content #search-form #edit-keys {
		width: 90%;
	}
	#block-round1dev-content #search-form #edit-submit {
		display: block;
		top: -43px;
		left: 88%;
	}
	#block-round1dev-content #search-form #edit-submit ~ .search-icon {
		left: 89%;
		top: -77px;
		display: block;
	}
	#block-round1dev-content #search-form #edit-submit:hover ~ .search-icon,
	#block-round1dev-content #search-form #edit-submit:focus ~ .search-icon {
		transform: none;
	}
}

@media only screen and (max-width: 700px) {
	#block-round1dev-content #search-form #edit-submit {
		left: 87%;
	}
	#block-round1dev-content #search-form #edit-submit ~ .search-icon {
		left: 88%;
	}
}

@media only screen and (max-width: 600px) {
	#block-round1dev-content #search-form #edit-submit {
		left: 86%;
	}
	#block-round1dev-content #search-form #edit-submit ~ .search-icon {
		left: 87%;
	}
}

@media only screen and (max-width: 500px) {
	#block-round1dev-content #search-form #edit-submit {
		left: 84%;
	}
	#block-round1dev-content #search-form #edit-submit ~ .search-icon {
		left: 85%;
	}
}

@media only screen and (max-width: 400px) {
	#block-round1dev-content #search-form #edit-submit {
		left: 82%;
	}
	#block-round1dev-content #search-form #edit-submit ~ .search-icon {
		left: 83%;
	}
}

@media only screen and (max-width: 310px) {
	#block-round1dev-content #search-form #edit-submit {
		left: 78%;
	}
	#block-round1dev-content #search-form #edit-submit ~ .search-icon {
		left: 79%;
	}
}



















/* ########################################################################## */
/* breadcrumbs ############################################################## */
/* ########################################################################## */

#breadcrumbs-region {
    position: relative;
	margin-bottom: -76px;
	z-index: 3;
	width: 80%;
}

#breadcrumbs-region #breadcrumbs {
    list-style: none;
    padding: 40px 38px 20px 38px;
	margin-top: 100px;
}

#breadcrumbs-region #breadcrumbs li {
    display: inline-block;
    padding-bottom: 10px;
	float: left;
}

#breadcrumbs-region #breadcrumbs li a {
    background-color: #4b2e83;;
    padding: 12px 18px 8px 18px;
    border-radius: 30px;
    color: #fff;
    font-size: 20px;
    font-family: 'Uni Sans Regular', sans-serif;
    text-decoration: none;
    float: left;
    transition: all ease 200ms;
}

#breadcrumbs-region #breadcrumbs li a:hover,
#breadcrumbs-region #breadcrumbs li a:focus {
    background-color: #ddd;
    color: #1c1c1c;
}

#breadcrumbs-region #breadcrumbs li:first-child a {
	width: 8px;
	color: #4b2e83;
	font-size: 6px;
	z-index: 1;
	padding: 32px 26px 5px 10px;
}

#breadcrumbs-region #breadcrumbs li:first-child a:hover,
#breadcrumbs-region #breadcrumbs li:first-child a:focus {
	color: #ddd;
}

#breadcrumbs-region #breadcrumbs li:first-child a:before {
	content: url("../img/icons/home-white.png");
	position: absolute;
	left: 50px;
	top: 51px;
}

#breadcrumbs-region #breadcrumbs li .breadcrumb-arrow {
    position: relative;
    float: left;
    top: 13px;
    padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 15px;
}

#breadcrumbs-region #breadcrumbs li:first-child .breadcrumb-arrow {
    display: none;
}

@media only screen and (max-width: 1280px) {
	#breadcrumbs-region {
		margin-bottom: -66px;
		width: 90%;
	}
    #breadcrumbs-region #breadcrumbs {
		padding: 40px 38px 20px 28px;
		margin-top: 85px;
	}
	#breadcrumbs-region #breadcrumbs li:first-child a:before {
		left: 40px;
	}
}

@media only screen and (max-width: 800px) {
    #breadcrumbs-region {
		width: 88%;
	}
}

@media only screen and (max-width: 600px) {
	#breadcrumbs-region {
		width: 85%;
	}
    #breadcrumbs-region #breadcrumbs {
		margin-top: 75px;
	}
}

@media only screen and (max-width: 500px) {
	#breadcrumbs-region {
		margin-bottom: -31px;
		width: 83%;
	}
    #breadcrumbs-region #breadcrumbs {
        padding: 10px 9px 6px 9px;
		margin-top: 80px;
    }
	#breadcrumbs-region #breadcrumbs li:first-child a:before {
		left: 21px;
		top: 22px;
	}
}

@media only screen and (max-width: 340px) {
	#breadcrumbs-region {
		width: 78%;
	}
    #breadcrumbs-region #breadcrumbs {
		margin-top: 75px;
    }
}




















/* ########################################################################## */
/* edit buttons for all content ############################################# */
/* ########################################################################## */

#block-round1dev-local-tasks {
	display: none;
	position: absolute;
	right: 42px;
	z-index: 10;
}

.logged-in #block-round1dev-local-tasks {
	display: block;
}

#block-round1dev-local-tasks ul {
	margin: 40px 0px 0px 0px;
}

#block-round1dev-local-tasks ul li {
	display: none;
}

#block-round1dev-local-tasks ul li:nth-child(2) {
	display: block;
	background-color: rgba(0,0,0,0.7);
	border-radius: 50px;
	padding: 12px 0px 8px 0px;
}

#block-round1dev-local-tasks ul li:nth-child(2) a {
	text-decoration: none;
	z-index: 10;
	position: relative;
	padding: 14px 59px 10px 20px;
	font-size: 20px;
	font-family: 'Uni Sans Regular', sans-serif;
	color: #fff;
	transition: all ease 200ms;
}

#block-round1dev-local-tasks ul li:nth-child(2) img {
	height: 24px;
	top: 50px;
	left: 108px;
	position: absolute;
	z-index: 1;
	transition: all ease 200ms;
}

#block-round1dev-local-tasks ul li:nth-child(2) a:hover,
#block-round1dev-local-tasks ul li:nth-child(2) a:focus {
	text-decoration: underline;
}

#block-round1dev-local-tasks ul li:nth-child(2) a:hover ~ img,
#block-round1dev-local-tasks ul li:nth-child(2) a:focus ~ img {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media only screen and (max-width: 1280px) {
    #block-round1dev-local-tasks ul {
		margin: 30px -10px 0px 0px;
	}
	#block-round1dev-local-tasks ul li:nth-child(2) img {
		top: 40px;
	}
}

@media only screen and (max-width: 500px) {
    #block-round1dev-local-tasks ul {
		margin: 9px -33px 0px 0px;
	}
	#block-round1dev-local-tasks ul li:nth-child(2) img {
		top: 19px;
	}
}




















/* ########################################################################## */
/* web page logo ############################################################ */
/* ########################################################################## */

#page-logo {
	position: absolute;
	top: 46px;
	right: 46px;
	transition: ease 350ms;
}

#page-logo:after {
	content: url("../img/icons/uw-logo-purple.png");
}

input#menu-toggle:checked ~ .dialog-off-canvas-main-canvas #page-logo {
	margin-right: 330px;
}

@media only screen and (max-width: 1280px) {
	#page-logo {
		top: 36px;
		right: 36px;
		width: 49px;
		overflow: hidden;
	}
}

@media only screen and (max-width: 500px) {
	#page-logo {
		top: 13px;
		right: 16px;
	}	
}




















/* ########################################################################## */
/* above the fold ########################################################### */
/* ########################################################################## */

#above-the-fold {
	margin-left: 12%;
}

#above-the-fold h1 {
    font-size: 60px;
    color: #464646;
    text-transform: capitalize;
    background: -webkit-linear-gradient(1turn, #000, #707070);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 86%;
	clear: both;
	padding-top: 20px;
	margin-bottom: 20px;
	font-weight: 600;
}




/*____________________________________________________________________________*/
/* highlight */

#above-the-fold #block-views-block-highlight-block-1 {
	display: inline-block;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight {
	width: 800px;
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 30px;
	position: relative;
	transition: ease 200ms;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight h2 {
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	font-weight: 500;
	font-size: 21px;
	color: #595959;
	margin-bottom: 12px;
	display: block;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .screen-reader-highlight-img {
	opacity: 0;
	position: absolute;
	width: 1px;
	z-index: -1;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container {
	background-color: #f4f4f4;
	padding: 20px 40px 34px 40px;
	border-radius: 30px;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container p {
	margin: 10px 0px 60px 5px;
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	font-size: 30px;
	line-height: 1.5;
	width: 90%;
	color: #4b2e83;
	background: -webkit-linear-gradient(103deg, #37226a, #6f3078);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container .third,
#above-the-fold #block-views-block-highlight-block-1 #highlight .container .second,
#above-the-fold #block-views-block-highlight-block-1 #highlight .container .first,
#above-the-fold #block-views-block-highlight-block-1 #highlight .container .alone,
#above-the-fold #block-views-block-highlight-block-1 #highlight .container .left,
#above-the-fold #block-views-block-highlight-block-1 #highlight .container .right {
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	height: 80px;
	width: 80px;
	border: 5px solid #f4f4f4;
	border-radius: 50%;
	display: inline-block;
	margin: 0px;
	transition: all ease 300ms;
	position: relative;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container .third {
	left: 143px;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container .second {
	left: -21px;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container .first {
	left: -188px;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container .left {
	left: -90px;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container .right {
	left: 76px;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container.with-photo p {
	color: #fff;
	background: -webkit-linear-gradient(103deg, #fff, #fff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container.with-photo .third,
#above-the-fold #block-views-block-highlight-block-1 #highlight .container.with-photo .second,
#above-the-fold #block-views-block-highlight-block-1 #highlight .container.with-photo .first {
	border: 5px solid #fff;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container a {
	color: #333;
	font-size: 21px;
	font-family: 'Uni Sans Regular', sans-serif;
	padding: 10px 10px;
	text-decoration: none;
	position: absolute;
    right: 36px;
    bottom: 30px;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container a span {
	background-color: #333;
	width: 0%;
	height: 3px;
	display: block;
	margin-bottom: 7px;
	transition: ease 300ms;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container a:hover span,
#above-the-fold #block-views-block-highlight-block-1 #highlight .container a:focus span {
	width: 105%;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container a:after,
#above-the-fold #block-views-block-highlight-block-1 #highlight .container a[href*="//"]:after {
	content: url('../img/icons/arrow-tailed-black.png');
	opacity: 0.7;
	position: relative;
	top: 4px;
	left: 4px;
	transition: ease 300ms;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container a[href*="//"]:after {
	content: url('../img/icons/external-black.png');
	top: 2px;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container a[href*="#"]:after {
	top: 1px;
	transform: rotate(90deg);
	display: inline-block;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container a:hover:after,
#above-the-fold #block-views-block-highlight-block-1 #highlight .container a:focus:after,
#above-the-fold #block-views-block-highlight-block-1 #highlight .container a[href*="//"]:hover:after,
#above-the-fold #block-views-block-highlight-block-1 #highlight .container a[href*="//"]:focus:after{
	left: 8px;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container.with-photo a {
	color: #fff;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container.with-photo a span {
	background-color: #fff;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container.with-photo a:after {
	content: url('../img/icons/arrow-tailed-white.png');
	opacity: 1;
}

#above-the-fold #block-views-block-highlight-block-1 #highlight .container.with-photo a[href*="//"]:after {
	content: url('../img/icons/external-white.png');
	opacity: 1;
}




/*____________________________________________________________________________*/
/* secondary navigation */

#above-the-fold #block-mainnavigation {
	width: 30%;
	display: inline-block;
	vertical-align: top;
	margin: 0px;
}

#above-the-fold #block-mainnavigation h2 {
    font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	font-weight: 500;
	font-size: 21px;
	color: #595959;
}

#above-the-fold #block-mainnavigation ul.menu {
    list-style: none;
	margin-top: 12px;
	margin-bottom: 30px;
	padding: 22px 20px;
	transition: all ease 400ms;
	width: 100%;
	background-color: #f4f4f4;
	border-radius: 30px;
}

#above-the-fold #block-mainnavigation ul.menu li a {
    padding: 11px 14px 8px 14px;
	color: #1c1c1c;
	display: block;
	font-size: 21px;
	font-family: 'Uni Sans Regular', sans-serif;
	text-decoration: none;
	transition: all ease 200ms;
	border-radius: 13px;
}

#above-the-fold #block-mainnavigation ul.menu li a:hover,
#above-the-fold #block-mainnavigation ul.menu li a:focus {
    color: #000;
	background-color: #bbb;
	padding: 11px 14px 8px 18px;
}

#above-the-fold #block-mainnavigation ul.menu li a.menu-item--active-trail {
    color: #000;
	background-color: #ddd;
}

#above-the-fold #block-mainnavigation ul.menu li a.is-active {
    color: #fff;
	background-color: #4b2e83;
}

#above-the-fold #block-mainnavigation ul.menu li a.is-active:hover,
#above-the-fold #block-mainnavigation ul.menu li a.is-active:focus {
    color: #fff;
	background-color: #4b2e83;
	cursor: text;
	padding: 11px 14px 8px 14px;
}

#above-the-fold #block-mainnavigation ul.menu li a[href*="//"]:after {
    position: relative;
    top: 2px;
    left: 8px;
    content: url("../img/icons/external-black.png");
    opacity: 0.8;
}

#above-the-fold #block-mainnavigation ul.menu ul.menu {
    border-left: 8px solid #ddd;
	border-radius: 0px;
	padding: 0px;
	margin: 14px 0px 10px 13px;
	width: 90%;
}

#above-the-fold #block-mainnavigation ul.menu ul.menu li a {
    border-radius: 0px;
	border-left: 8px solid #ddd;
	margin-left: -8px;
}

#above-the-fold #block-mainnavigation ul.menu ul.menu li a:hover,
#above-the-fold #block-mainnavigation ul.menu ul.menu li a:focus,
#above-the-fold #block-mainnavigation ul.menu ul.menu li a.menu-item--active-trail:hover,
#above-the-fold #block-mainnavigation ul.menu ul.menu li a.menu-item--active-trail:focus {
    border-left: 8px solid #4b2e83;
	color: #000;
	padding: 11px 10px 8px 18px;
	background-color: #f4f4f4;
}

#above-the-fold #block-mainnavigation ul.menu ul.menu li a.menu-item--active-trail {
    border-left: 8px solid #999;
	color: #000;
	background-color: #f4f4f4;
}

#above-the-fold #block-mainnavigation ul.menu ul.menu li a.is-active {
    border-left: 8px solid #4b2e83;
	color: #000;
	padding-left: 18px;
	background-color: #f4f4f4;
}

#above-the-fold #block-mainnavigation ul.menu ul.menu li a.is-active:hover {
    cursor: text;
}

#above-the-fold #block-mainnavigation ul.menu ul.menu ul.menu li a {
	border-left: 8px solid #999;
}

#above-the-fold #block-mainnavigation ul.menu ul.menu ul.menu li a:hover,
#above-the-fold #block-mainnavigation ul.menu ul.menu ul.menu li a:focus {
    border-left: 8px solid #4b2e83;
}

#above-the-fold #block-mainnavigation ul.menu ul.menu ul.menu li a.is-active {
	border-left: 8px solid #4b2e83;
}




/*____________________________________________________________________________*/
/* jump to page content link */

#above-the-fold .jump-to-page-content {
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	font-weight: 500;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	margin-left: 9%;
	margin-top: 40px;
	font-size: 25px;
	color: #464646;
	width: 150px;
	background-color: #f2f2f2;
	padding: 30px;
	border-radius: 30px;
	transition: ease 200ms;
}

#above-the-fold .jump-to-page-content:hover,
#above-the-fold .jump-to-page-content:focus {
	color: #000;
	text-decoration: underline;
	background-color: #ddd;
}

#above-the-fold .jump-to-page-content p {
	margin: 0px;
}

#above-the-fold .jump-to-page-content img {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-top: 14px;
	opacity: 0.7;
	transition: ease 200ms;
}

#above-the-fold .jump-to-page-content:hover img,
#above-the-fold .jump-to-page-content:focus img {
	margin-top: 20px;
	opacity: 1;
}




/*____________________________________________________________________________*/
/* back to parent page link */

#above-the-fold .back-to-parent {
	display: inline-block;
	vertical-align: top;
	max-width: 30%;
	margin-bottom: 20px;
}

#above-the-fold .back-to-parent h2 {
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	font-weight: 500;
	font-size: 21px;
	color: #595959;
	margin-bottom: 12px;
	display: block;
}

#above-the-fold .back-to-parent a {
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	font-size: 21px;
	text-decoration: none;
	color: #464646;
	background-color: #f2f2f2;
	padding: 21px 33px 24px 26px;
	border-radius: 30px;
	margin: 0px;
	display: block;
	transition: ease 200ms;
}

#above-the-fold .back-to-parent a:hover,
#above-the-fold .back-to-parent a:focus {
	color: #000;
	background-color: #bbb;
}

#above-the-fold .back-to-parent a:before {
	content: url('../img/icons/arrow-tailed-black.png');
	display: inline-block;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	opacity: 0.7;
	position: relative;
	top: -2px;
	left: 0px;
	padding-left: 11px;
	transition: ease 200ms;
}

#above-the-fold .back-to-parent a:hover:before,
#above-the-fold .back-to-parent a:focus:before {
	left: -4px;
	opacity: 1;
}




@media only screen and (max-width: 1700px) {
	#above-the-fold #block-views-block-highlight-block-1 #highlight {
		width: 720px;
	}
}

@media only screen and (max-width: 1600px) {
	#above-the-fold #block-mainnavigation ul.menu {
		width: 90%;
	}
	#above-the-fold .jump-to-page-content {
		font-size: 21px;
		width: 130px;
	}
}

@media only screen and (max-width: 1500px) {
	#above-the-fold {
		margin-left: 100px;
	}
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container p {
		width: 90%;
		font-size: 30px;
	}
	#above-the-fold #block-mainnavigation ul.menu {
		width: 100%;
	}
}

@media only screen and (max-width: 1280px) {
    #above-the-fold {
        margin-left: 30px;
    }
	#above-the-fold h1 {
        font-size: 50px;
    }
	#above-the-fold #block-views-block-highlight-block-1 {
		width: 60%;
	}
	#above-the-fold #block-views-block-highlight-block-1 #highlight {
		width: 95%;
	}
	#above-the-fold .back-to-parent {
		float: left;
		margin-right: 30px;
	}
}

@media only screen and (max-width: 1000px) {
    #above-the-fold #block-views-block-highlight-block-1 #highlight .container a {
		position: static;
	}
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container a:hover span,
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container a:focus span {
		width: 50%;
	}
}

@media only screen and (max-width: 800px) {
    #above-the-fold h1 {
        font-size: 40px;
    }
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container {
		padding: 10px 30px 26px 30px;
	}
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container p {
		font-size: 25px;
	}
}

@media only screen and (max-width: 700px) {
	#above-the-fold {
        margin-left: 0px;
		text-align: center;
    }
	#above-the-fold h1 {
        text-align: left;
		margin-left: 3%;
    }
    #above-the-fold #block-mainnavigation {
		text-align: left;
		width: 95% !important;
	}
	#above-the-fold #block-mainnavigation ul.menu {
		width: initial;
	}
	#above-the-fold #block-views-block-highlight-block-1 {
		text-align: left;
		width: 95%;
		margin-right: 0px;
		margin-left: 4px;
		margin-bottom: 20px;
	}
	#above-the-fold #block-views-block-highlight-block-1 #highlight {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	#above-the-fold .jump-to-page-content {
		display: none;
	}
	#above-the-fold .back-to-parent {
		text-align: left;
		max-width: 100%;
		margin: 0px 12px 30px 12px;
	}
}

@media only screen and (max-width: 500px) {
    #above-the-fold h1 {
        font-size: 30px;
		font-weight: 500;
    }
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container {
		padding: 1px 17px 15px 17px;
		border-radius: 20px;
	}
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container .third,
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container .second,
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container .first,
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container .alone,
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container .left,
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container .right {
		height: 70px;
		width: 70px;
	}
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container p {
		margin: 10px 0px 40px 0px;
	}
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container .first {
		left: -168px;
	}
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container .third {
		left: 123px;
	}
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container .right {
		left: 56px;
	}
}

@media only screen and (max-width: 340px) {
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container .third,
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container .second,
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container .first,
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container .alone,
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container .left,
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container .right {
		height: 60px;
		width: 60px;
	}
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container .first {
		left: -148px;
	}
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container .third {
		left: 103px;
	}
	#above-the-fold #block-views-block-highlight-block-1 #highlight .container .right {
		left: 56px;
	}
}




















/* ########################################################################## */
/* page outline ############################################################# */
/* ########################################################################## */

#page-outline-container {
    display: block;
    position: absolute;
    width: 400px;
    margin: 40px 0px 30px 0px;
	margin-left: 12%;
    transition: all ease 200ms;
}

.person #page-outline-container {
	margin-left: -15vw;
}

#page-outline-container #label {
    font-family: 'Encode Sans Condensed SemiBold', sans-serif;
    margin: 0;
    font-size: 21px;
    color: #595959;
}

#page-outline-container .line-break {
    background-color: #ddd;
    width: 100%;
    height: 3px;
    margin: 19px 0px 9px 0px;
}

#page-outline-container #page-outline {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#page-outline-container #page-outline li a {
    display: block;
    font-size: 18px;
    text-decoration: none;
    color: #595959;
    padding: 8px 4px 10px 8px;
	border-left: 3px solid #fff;
	margin-left: -11px;
    transition: all ease 200ms;
}

#page-outline-container #page-outline li a:hover,
#page-outline-container #page-outline li a:focus {
    color: #000 !important;
	border-left: 3px solid #757575 !important;
	padding: 8px 0px 10px 12px !important;
}

#page-outline-container #to-top {
	transition: ease 200ms;
}

#page-outline-container #to-top a {
    display: block;
	text-decoration: none;
}

#page-outline-container #to-top a span {
    background-color: #ddd;
	width: 30px;
	height: 3px;
	display: block;
	margin-top: 10px;
	margin-bottom: 0px;
	transition: ease 200ms;
}

#page-outline-container #to-top a img {
	display: inline-block;
	opacity: 0.65;
	margin-left: 4px;
    transition: ease 200ms;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#page-outline-container #to-top a p {
    display: inline-block;
	position: relative;
	top: -5px;
	left: -4px;
	font-size: 18px;
	color: #000;
	opacity: 0;
	transition: ease 200ms;
}

#page-outline-container #to-top a:hover span,
#page-outline-container #to-top a:focus span {
    width: 135px;
	background-color: #000;
}

#page-outline-container #to-top a:hover img,
#page-outline-container #to-top a:focus img {
    opacity: 1;
}

#page-outline-container #to-top a:hover p,
#page-outline-container #to-top a:focus p {
    left: 6px;
	opacity: 1;
}




/*____________________________________________________________________________*/
/* back to page outline link */

#back-to-outline {
	display: none;
	position: fixed;
	border-radius: 30px;
	left: 34px;
	top: 34px;
	background-color: rgba(255,255,255,0.7);
	color: #595959;
	width: 242px;
	height: 105px;
	text-decoration: none;
	transition: ease 200ms;
}

#back-to-outline:hover,
#back-to-outline:focus {
	color: #000;
	top: 24px;
}

#back-to-outline img {
    -webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: absolute;
	top: 31px;
	left: 31px;
	opacity: 0.65;
}

#back-to-outline:hover img,
#back-to-outline:focus img {
	opacity: 1;
}

#back-to-outline div {
	padding-left: 10px;
	font-size: 21px;
	position: absolute;
	top: 29px;
	left: 55px;
}

@media only screen and (max-width: 2200px) {
    #page-outline-container {
        width: 250px;
    }
	.person #page-outline-container {
		margin-left: -19vw;
	}
}

@media only screen and (max-width: 1700px) {
    #page-outline-container {
        width: 200px;
    }
}

@media only screen and (max-width: 1600px) {
    #page-outline-container {
        width: 150px;
    }
}

@media only screen and (max-width: 1500px) {
    #page-outline-container {
		margin-left: 100px;
	}
	.person #page-outline-container {
		margin-left: -24vw;
	}
}

@media only screen and (max-width: 1280px) {
    #page-outline-container,
	.person #page-outline-container {
        position: static !important;
        width: 648px;
        margin: 0 auto;
        padding-top: 10px;
    }
	.person #page-outline-container {
		width: 90%;
	}
	#page-outline-container #to-top {
		opacity: 0;
		position: fixed;
		bottom: 30px;
		left: 30px;
		z-index: 10;
	}
	#page-outline-container #to-top a {
		padding: 18px 20px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		background-color: #4b2e83;
		background-color: rgba(0,0,0,0.7);
		border-radius: 50px;
		transition: ease 200ms;
	}
	#page-outline-container #to-top a:hover,
	#page-outline-container #to-top a:focus {
		background-color: #4b2e83;
	}
	#page-outline-container #to-top a:after {
		content: url("../img/icons/arrow-tailed-white.png");
		position: relative;
		top: 2px;
		left: 1px;
	}
	#page-outline-container #to-top a span,
	#page-outline-container #to-top a p,
	#page-outline-container #to-top a img {
		display: none;
	}
}

@media only screen and (max-width: 800px) {
    #page-outline-container {
        width: 90%;
    }
}

@media only screen and (max-width: 700px) {
	#page-outline-container {
		padding-top: 0px;
	}
}

@media only screen and (max-width: 600px) {
    #page-outline-container #to-top {
		left: initial;
		right: 30px;
	}
}




















/* ########################################################################## */
/* main page content and left-hand menu to replace page outline ############# */
/* ########################################################################## */

#block-round1dev-content {
	clear: both;
}

#content #block-mainnavigation {
	margin-left: 13%;
	width: 17%;
	margin-right: 6%;
	display: inline-block;
	vertical-align: top;
}

#content #block-mainnavigation h2 {
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	font-weight: 500;
	font-size: 21px;
	color: #595959;
}

#content #block-mainnavigation h2:after {
	content: "";
	display: block;
	background-color: #ddd;
	height: 4px;
	width: 100px;
	margin: 10px 0px;
}

#content #block-mainnavigation > ul.menu {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#content #block-mainnavigation ul.menu li a {
	display: block;
	font-size: 18px;
	text-decoration: none;
	color: #595959;
	padding: 8px 4px 10px 8px;
	border-left: 3px solid #fff;
	margin-left: -11px;
	transition: all ease 200ms;
}

#content #block-mainnavigation ul.menu li a:hover,
#content #block-mainnavigation ul.menu li a:focus,
#content #block-mainnavigation ul.menu li a.is-active {
	color: #000;
	text-decoration: underline;
}

#content #block-mainnavigation ul.menu li a[href*="//"]:after {
	content: url('../img/icons/external-black.png');
	opacity: 0.65;
	position: relative;
	top: 3px;
	padding-left: 6px;
}

#content #block-mainnavigation ul.menu li a[href*="//"]:hover:after,
#content #block-mainnavigation ul.menu li a[href*="//"]:focus:after {
	opacity: 1;
}

#content #block-mainnavigation > ul.menu ul.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px 8px;
	border-left: 3px solid #ddd;
}

#content #block-mainnavigation > ul.menu ul.menu li a {
	border-left: 3px solid #ddd;
}

#content #block-mainnavigation > ul.menu ul.menu li a:hover,
#content #block-mainnavigation > ul.menu ul.menu li a:focus,
#content #block-mainnavigation > ul.menu ul.menu li a.is-active {
	border-left: 3px solid #757575;
	padding: 8px 0px 10px 12px;
	text-decoration: none;
}

#content #block-mainnavigation ~ #block-round1dev-content {
	clear: none;
	display: inline-block;
	vertical-align: top;
}

#content #block-mainnavigation ~ #block-round1dev-content #page-outline-container {
	display: none;
}

@media only screen and (max-width: 2000px) {
	#content #block-mainnavigation {
		width: 13%;
	}
}

@media only screen and (max-width: 1700px) {
	#content #block-mainnavigation {
		margin-right: 5%;
	}
}

@media only screen and (max-width: 1600px) {
	#content #block-mainnavigation {
		margin-left: 5%;
		width: 17%;
		margin-right: 8%;
	}
}

@media only screen and (max-width: 1500px) {
	#content #block-mainnavigation {
		margin-right: 5%;
	}
}

@media only screen and (max-width: 1400px) {
	#content #block-mainnavigation {
		margin-right: 3%;
	}
}

@media only screen and (max-width: 1280px) {
	#content #block-mainnavigation {
		display: block;
		margin: auto;
		width: 650px;
	}
	#content #block-mainnavigation ~ #block-round1dev-content {
		display: block;
	}
}

@media only screen and (max-width: 800px) {
	#content #block-mainnavigation {
		width: 90%;
	}
}




















/* ########################################################################## */
/* center body container general styling #################################### */
/* ########################################################################## */

/*____________________________________________________________________________*/
/* ckeditor header options */

.cke_panel_listItem a {
	background-color: #fff;
	transition: all ease 200ms;
	color: #595959 !important;
	border-left: 4px solid #fff;
}

.cke_panel_listItem.cke_selected a,
.cke_panel_listItem a:hover,
.cke_panel_listItem a:focus,
.cke_panel_listItem a:active {
	background-color: #fff;
	color: #4b2e83 !important;
	border-left: 4px solid #4b2e83;
}




/*____________________________________________________________________________*/
/* container styling */

.center-body-container,
body.cke_editable {
    display: block;
    text-align: left;
    margin: 0 auto;
	max-width: 648px;
	padding: 50px 0px 30px 0px;
}

body.cke_editable {
	background-color: #fff;
	padding: 30px 0px;
}




/*____________________________________________________________________________*/
/* line breaks */

.center-body-container hr,
body.cke_editable hr {
    margin: 25px 0px;
	border: 1px solid #ddd;
}




/*____________________________________________________________________________*/
/* headers */

.center-body-container h2 a,
.center-body-container h3 a,
.center-body-container h4 a,
.center-body-container h5 a,
.center-body-container h6 a,
body.cke_editable h2 a,
body.cke_editable h3 a,
body.cke_editable h4 a,
body.cke_editable h5 a,
body.cke_editable h6 a,
.ck-content h2 a,
.ck-content h3 a,
.ck-content h4 a,
.ck-content h5 a,
.ck-content h6 a {
	background: linear-gradient(to bottom, #000 0%, #000 100%);
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 4px 6px;
	color: #000;
	text-decoration: none;
	transition: ease 200ms;
}

.center-body-container h3 a,
body.cke_editable h3 a,
.ck-content h3 a {
	background-size: 4px 4px;
}

.center-body-container h4 a,
.center-body-container h5 a,
.center-body-container h6 a,
body.cke_editable h4 a,
body.cke_editable h5 a,
body.cke_editable h6 a,
.ck-content h4 a,
.ck-content h5 a,
.ck-content h6 a {
	background-size: 4px 3px;
}

.center-body-container h2 a:hover,
.center-body-container h3 a:hover,
.center-body-container h4 a:hover,
.center-body-container h5 a:hover,
.center-body-container h6 a:hover,
body.cke_editable h2 a:hover,
body.cke_editable h3 a:hover,
body.cke_editable h4 a:hover,
body.cke_editable h5 a:hover,
body.cke_editable h6 a:hover,
.ck-content h2 a:hover,
.ck-content h3 a:hover,
.ck-content h4 a:hover,
.ck-content h5 a:hover,
.ck-content h6 a:hover,
.center-body-container h2 a:focus,
.center-body-container h3 a:focus,
.center-body-container h4 a:focus,
.center-body-container h5 a:focus,
.center-body-container h6 a:focus,
body.cke_editable h2 a:focus,
body.cke_editable h3 a:focus,
body.cke_editable h4 a:focus,
body.cke_editable h5 a:focus,
body.cke_editable h6 a:focus,
.ck-content h2 a:focus,
.ck-content h3 a:focus,
.ck-content h4 a:focus,
.ck-content h5 a:focus,
.ck-content h6 a:focus {
	color: #fff;
	background-size: 4px 50px;
}

.center-body-container h2:first-of-type,
.center-body-container h3:first-of-type,
.center-body-container h4:first-of-type,
.center-body-container h5:first-of-type,
.center-body-container h6:first-of-type,
body.cke_editable h2:first-of-type,
body.cke_editable h3:first-of-type,
body.cke_editable h4:first-of-type,
body.cke_editable h5:first-of-type,
body.cke_editable h6:first-of-type,
.ck-content h2:first-of-type,
.ck-content h3:first-of-type,
.ck-content h4:first-of-type,
.ck-content h5:first-of-type,
.ck-content h6:first-of-type {
	clear: none;
}

.center-body-container > div > h2:first-child,
.center-body-container > div > h3:first-child,
.center-body-container > div > h4:first-child,
.center-body-container > div > h5:first-child,
.center-body-container > div > h6:first-child,
body.cke_editable > h2:first-child,
body.cke_editable > h3:first-child,
body.cke_editable > h4:first-child,
body.cke_editable > h5:first-child,
body.cke_editable > h6:first-child {
	padding-top: 0px;
	margin-top: 0px;
}

.center-body-container h2,
body.cke_editable h2,
.ck-content h2 {
    font-size: 40px;
    text-transform: uppercase;
    color: #333;
    font-weight: 100;
    padding-top: 100px;
}

.center-body-container h2:before,
body.cke_editable h2:before,
.ck-content h2::before {
    content: "";
    display: block;
    margin-bottom: 8px;
    background-color: #333;
    height: 8px;
    width: 170px;
}

.center-body-container h3,
body.cke_editable h3,
.ck-content h3 {
    font-size: 30px;
    color: #333;
    margin-top: 50px;
}

.center-body-container h4,
body.cke_editable h4,
.ck-content h4 {
    font-size: 25px;
    color: #333;
    margin-top: 30px;
}

.center-body-container h5,
.center-body-container h6,
body.cke_editable h5,
body.cke_editable h6,
.ck-content h5,
.ck-content h6 {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 21px;
	color: #595959;
	border-left: 4px solid #ddd;
	padding-left: 30px;
}

.center-body-container h5 + p,
.center-body-container h5 + ul,
.center-body-container h5 + ol,
.center-body-container h6 + p,
.center-body-container h6 + ul,
.center-body-container h6 + ol,
body.cke_editable h5 + p,
body.cke_editable h5 + ul,
body.cke_editable h5 + ol,
body.cke_editable h6 + p,
body.cke_editable h6 + ul,
body.cke_editable h6 + ol,
.ck-content h5 + p,
.ck-content h5 + ul,
.ck-content h5 + ol,
.ck-content h6 + p,
.ck-content h6 + ul,
.ck-content h6 + ol {
    border-left: 4px solid #ddd;
	padding-left: 30px;
}




/*____________________________________________________________________________*/
/* paragraphs and lists */

.center-body-container p,
.center-body-container ol li,
.center-body-container ul li,
body.cke_editable p,
body.cke_editable ol li,
body.cke_editable ul li,
.ck-content p,
.ck-content ol li,
.ck-content ul li {
    font-size: 21px;
    color: #333;
    line-height: 1.5;
}

.center-body-container p,
body.cke_editable p,
.ck-content p {
    margin-top: 18px;
    margin-bottom: 0px;
}

.center-body-container ol,
.center-body-container ul,
body.cke_editable ol,
body.cke_editable ul,
.ck-content ol,
.ck-content ul {
    padding: 20px 0px 20px 40px;
    max-width: 600px;
}

.center-body-container ol ol,
body.cke_editable ol ol
.ck-content ol ol {
	list-style-type: lower-alpha;
}

.center-body-container ol ol ol,
body.cke_editable ol ol ol,
.ck-content ol ol ol {
	list-style-type: lower-roman;
}

.center-body-container p a,
.center-body-container ol li a,
.center-body-container ul li a,
body.cke_editable p a,
body.cke_editable ol li a,
body.cke_editable ul li a,
.ck-content p a,
.ck-content ol li a,
.ck-content ul li a {
    background: linear-gradient(to bottom, #005999 0%, #005999 100%);
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 4px 2px;
	color: #005999;
	text-decoration: none;
	transition: ease 200ms;
}

.center-body-container p a:hover,
.center-body-container p a:focus,
.center-body-container ol li a:hover,
.center-body-container ol li a:focus,
.center-body-container ul li a:hover,
.center-body-container ul li a:focus,
body.cke_editable p a:hover,
body.cke_editable p a:focus,
body.cke_editable ol li a:hover,
body.cke_editable ol li a:focus,
body.cke_editable ul li a:hover,
body.cke_editable ul li a:focus,
.ck-content p a:hover,
.ck-content p a:focus,
.ck-content ol li a:hover,
.ck-content ol li a:focus,
.ck-content ul li a:hover,
.ck-content ul li a:focus {
	color: #fff;
	background-size: 4px 50px;
}

.center-body-container ul figure,
.center-body-container ul img,
.center-body-container ul table,
.center-body-container ul h1,
.center-body-container ul h2,
.center-body-container ul h3,
.center-body-container ul h4,
.center-body-container ul h5,
.center-body-container ul h6,
.center-body-container ul blockquote,
.center-body-container ul hr,
.center-body-container ul .sidenote,
.center-body-container ul .body-cards,
.center-body-container ul .spotlight,
.center-body-container ul .buttons,
.center-body-container ul .youtubevideo,
.center-body-container ul .map,
body.cke_editable ul figure,
body.cke_editable ul img,
body.cke_editable ul table,
body.cke_editable ul h1,
body.cke_editable ul h2,
body.cke_editable ul h3,
body.cke_editable ul h4,
body.cke_editable ul h5,
body.cke_editable ul h6,
body.cke_editable ul blockquote,
body.cke_editable ul hr,
body.cke_editable ul .sidenote,
body.cke_editable ul .body-cards,
body.cke_editable ul .spotlight,
body.cke_editable ul .buttons,
body.cke_editable ul .youtubevideo,
body.cke_editable ul .map,
.ck-content ul figure,
.ck-content ul img,
.ck-content ul table,
.ck-content ul h1,
.ck-content ul h2,
.ck-content ul h3,
.ck-content ul h4,
.ck-content ul h5,
.ck-content ul h6,
.ck-content ul blockquote,
.ck-content ul hr,
.ck-content ul .sidenote,
.ck-content ul .body-cards,
.ck-content ul .spotlight,
.ck-content ul .buttons,
.ck-content ul .youtubevideo,
.ck-content ul .map,
.center-body-container ol figure,
.center-body-container ol img,
.center-body-container ol table,
.center-body-container ol h1,
.center-body-container ol h2,
.center-body-container ol h3,
.center-body-container ol h4,
.center-body-container ol h5,
.center-body-container ol h6,
.center-body-container ol blockquote,
.center-body-container ol hr,
.center-body-container ol .sidenote,
.center-body-container ol .body-cards,
.center-body-container ol .spotlight,
.center-body-container ol .buttons,
.center-body-container ol .youtubevideo,
.center-body-container ol .map,
body.cke_editable ol figure,
body.cke_editable ol img,
body.cke_editable ol table,
body.cke_editable ol h1,
body.cke_editable ol h2,
body.cke_editable ol h3,
body.cke_editable ol h4,
body.cke_editable ol h5,
body.cke_editable ol h6,
body.cke_editable ol blockquote,
body.cke_editable ol hr,
body.cke_editable ol .sidenote,
body.cke_editable ol .body-cards,
body.cke_editable ol .spotlight,
body.cke_editable ol .buttons,
body.cke_editable ol .youtubevideo,
.ck-content ol .map,
.ck-content ol figure,
.ck-content ol img,
.ck-content ol table,
.ck-content ol h1,
.ck-content ol h2,
.ck-content ol h3,
.ck-content ol h4,
.ck-content ol h5,
.ck-content ol h6,
.ck-content ol blockquote,
.ck-content ol hr,
.ck-content ol .sidenote,
.ck-content ol .body-cards,
.ck-content ol .spotlight,
.ck-content ol .buttons,
.ck-content ol .youtubevideo,
.ck-content ol .map {
	display: none;
}

@media only screen and (max-width: 800px) {
	.center-body-container,
	body.cke_editable,
	.ck-content {
		max-width: 90%;
	}
    .center-body-container ol,
    .center-body-container ul,
	body.cke_editable ol,
    body.cke_editable ul,
	.ck-content ol,
	.ck-content ul {
        padding: 20px 0px 20px 40px;
        width: 78%;
    }
}

@media only screen and (max-width: 500px) {
	.center-body-container {
		padding-top: 60px;
	}
    .center-body-container h2,
	body.cke_editable h2,
	.ck-content h2 {
        font-size: 30px;
        padding-top: 70px;
    }
    .center-body-container h2:before,
	body.cke_editable h2:before,
	.ck-content h2:before {
        margin-bottom: 6px;
    }
}




/*____________________________________________________________________________*/
/* img alignment and captions, needed to override drupal styling */

.center-body-container img,
body.cke_editable .cke_widget_image,
.ck-content .cke_widget_image {
	margin-top: 18px;
}

.center-body-container img.align-left,
body.cke_editable .cke_widget_image.align-left,
.ck-content .cke_widget_image.align-left {
	margin: 30px 40px 20px 0px;
	padding: 0px;
}

.center-body-container img.align-right,
body.cke_editable .cke_widget_image.align-right,
.ck-content .cke_widget_image.align-right {
	margin: 30px 0px 20px 40px;
	padding: 0px;
}

.center-body-container img.align-center,
body.cke_editable .cke_widget_image.align-center,
.ck-content .cke_widget_image.align-center {
	padding: 0px;
}

body.cke_editable .cke_widget_image figure,
.ck-content .cke_widget_image figure {
	margin: 0px;
}

/* without this, captions won't wrap based on image width */
.center-body-container figure {
	display: table;
}
.center-body-container figure.media {
	display: block;
    margin-inline-start: 0;
}
.center-body-container figure figcaption {
	display: table-caption;
	max-width: none;
	caption-side: bottom;
}

.center-body-container figure.align-left {
	margin-left: 0px;
}

.center-body-container figure.align-right {
	margin-right: 0px;
}

.center-body-container figure.align-center,
body.cke_editable .align-center figure figcaption,
.ck-content .align-center figure figcaption {
	text-align: center;
}

.center-body-container figure figcaption,
body.cke_editable figure figcaption,
.ck-content figure figcaption {
	font-size: 18px;
	color: #595959;
}

@media only screen and (max-width: 600px) {
	.center-body-container figure.align-left,
	.center-body-container figure.align-right,
	.center-body-container figure.align-center,
	.center-body-container img.align-left,
	body.cke_editable .cke_widget_image.align-left,
	.ck-content .cke_widget_image.align-left,
	.center-body-container img.align-right,
	body.cke_editable .cke_widget_image.align-right,
	.ck-content .cke_widget_image.align-right {
		margin: auto;
		float: none;
		margin-top: 18px;
		width: 100%;
	}
}




/*____________________________________________________________________________*/
/* tables */

.center-body-container table,
body.cke_editable table,
.ck-content table {
	clear: both;
	width: 947px;
	margin: 20px 0px;
	background: #4b2e83;
	background: linear-gradient(to bottom right, #37226a, #6f3078);
}

.center-body-container table a,
body.cke_editable table a,
.ck-content table a {
    background: linear-gradient(to bottom, #00538F 0%, #00538F 100%);
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 4px 2px;
	color: #00538F;
	text-decoration: none;
	transition: ease 200ms;
}

.center-body-container table a:hover,
.center-body-container table a:focus,
body.cke_editable table a:hover,
body.cke_editable table a:focus,
.ck-content table a:hover,
.ck-content table a:focus {
	color: #fff;
	background-size: 4px 50px;
}

.center-body-container table figure,
.center-body-container table img,
.center-body-container table table,
.center-body-container table h1,
.center-body-container table h2,
.center-body-container table h3,
.center-body-container table h4,
.center-body-container table h5,
.center-body-container table h6,
.center-body-container table ul,
.center-body-container table ol,
.center-body-container table blockquote,
.center-body-container table hr,
.center-body-container table .sidenote,
.center-body-container table .body-cards,
.center-body-container table .spotlight,
.center-body-container table .buttons,
.center-body-container table .youtubevideo,
.center-body-container table .map,
body.cke_editable table figure,
body.cke_editable table img,
body.cke_editable table table,
body.cke_editable table h1,
body.cke_editable table h2,
body.cke_editable table h3,
body.cke_editable table h4,
body.cke_editable table h5,
body.cke_editable table h6,
body.cke_editable table ul,
body.cke_editable table ol,
body.cke_editable table blockquote,
body.cke_editable table hr,
body.cke_editable table .sidenote,
body.cke_editable table .body-cards,
body.cke_editable table .spotlight,
body.cke_editable table .buttons,
body.cke_editable table .youtubevideo,
.ck-content table .map,
.ck-content table figure,
.ck-content table img,
.ck-content table table,
.ck-content table h1,
.ck-content table h2,
.ck-content table h3,
.ck-content table h4,
.ck-content table h5,
.ck-content table h6,
.ck-content table ul,
.ck-content table ol,
.ck-content table blockquote,
.ck-content table hr,
.ck-content table .sidenote,
.ck-content table .body-cards,
.ck-content table .spotlight,
.ck-content table .buttons,
.ck-content table .youtubevideo,
.ck-content table .map {
	display: none;
}

.center-body-container table caption,
body.cke_editable table caption,
.ck-content table caption {
	font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
	text-align: left;
	margin-top: 10px;
	font-size: 30px;
	margin-bottom: 10px;
	color: #4b2e83;
	background: -webkit-linear-gradient(20deg, #37226a, #6f3078);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.center-body-container table thead tr th,
body.cke_editable table thead tr th,
.ck-content table thead tr th {
	padding: 9px 12px;
	font-size: 23px;
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	color: #fff;
}

.center-body-container table thead tr th a,
body.cke_editable table thead tr th a,
.ck-content table thead tr th a {
    background: linear-gradient(to bottom, #fff 0%, #fff 100%);
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 4px 2px;
	color: #fff;
	text-decoration: none;
	transition: ease 200ms;
}

.center-body-container table thead tr th a:hover,
.center-body-container table thead tr th a:focus,
body.cke_editable table thead tr th a:hover,
body.cke_editable table thead tr th a:focus,
.ck-content table thead tr th a:hover,
.ck-content table thead tr th a:focus {
	color: #4b2e83;
	background-size: 4px 50px;
}

.center-body-container table tbody,
body.cke_editable table tbody,
.ck-content table tbody {
	background-color: #fff;
}

.center-body-container table tbody tr th,
.center-body-container table tbody tr td,
body.cke_editable table tbody tr th,
body.cke_editable table tbody tr td,
.ck-content table tbody tr td {
	padding: 10px;
	font-size: 21px;
}

.center-body-container table tbody tr th,
body.cke_editable table tbody tr th,
.ck-content table tbody tr th {
	background: #eee;
}

@media only screen and (max-width: 1280px) {
	.center-body-container table caption,
	body.cke_editable table caption,
	.ck-content table caption {
		color: #fff;
		background: -webkit-linear-gradient(20deg, #fff, #fff);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		padding: 0px 14px;
	}
	.center-body-container table,
	body.cke_editable table,
	.ck-content table {
		width: 100%;
		overflow-x: scroll;
		display: block;
	}
	.center-body-container table thead tr th,
	body.cke_editable table thead tr th,
	.ck-content table thead tr th {
		font-size: 21px;
	}
	.center-body-container table tbody tr th,
	.center-body-container table tbody tr td,
	body.cke_editable table tbody tr th,
	body.cke_editable table tbody tr td,
	.ck-content table tbody tr th
	.ck-content table tbody tr td {
		font-size: 18px;
	}
}

@media only screen and (max-width: 340px) {
	.center-body-container table thead tr th,
	body.cke_editable table thead tr th,
	.ck-content table thead tr th {
		font-size: 18px;
		padding: 4px;
	}
	.center-body-container table tbody tr th,
	.center-body-container table tbody tr td,
	body.cke_editable table tbody tr th,
	body.cke_editable table tbody tr td,
	.ck-content table tbody tr th,
	.ck-content table tbody tr td {
		padding: 2px;
	}
}




/*____________________________________________________________________________*/
/* blockquote */

.center-body-container blockquote,
body.cke_editable blockquote {
	width: 90%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 20px;
}
.ck-content blockquote {
    border-left: none !important;
    font-style: normal !important;
}

.center-body-container blockquote figure,
.center-body-container blockquote img,
.center-body-container blockquote table,
.center-body-container blockquote h1,
.center-body-container blockquote h2,
.center-body-container blockquote h3,
.center-body-container blockquote h4,
.center-body-container blockquote h5,
.center-body-container blockquote h6,
.center-body-container blockquote ul,
.center-body-container blockquote ol,
.center-body-container blockquote blockquote,
.center-body-container blockquote hr,
.center-body-container blockquote .sidenote,
.center-body-container blockquote .body-cards,
.center-body-container blockquote .spotlight,
.center-body-container blockquote .buttons,
.center-body-container blockquote .youtubevideo,
.center-body-container blockquote .map,
body.cke_editable blockquote figure,
body.cke_editable blockquote img,
body.cke_editable blockquote table,
body.cke_editable blockquote h1,
body.cke_editable blockquote h2,
body.cke_editable blockquote h3,
body.cke_editable blockquote h4,
body.cke_editable blockquote h5,
body.cke_editable blockquote h6,
body.cke_editable blockquote ul,
body.cke_editable blockquote ol,
body.cke_editable blockquote blockquote,
body.cke_editable blockquote hr,
body.cke_editable blockquote .sidenote,
body.cke_editable blockquote .body-cards,
body.cke_editable blockquote .spotlight,
body.cke_editable blockquote .buttons,
body.cke_editable blockquote .youtubevideo,
.ck-content blockquote .map,
.ck-content blockquote figure,
.ck-content blockquote img,
.ck-content blockquote table,
.ck-content blockquote h1,
.ck-content blockquote h2,
.ck-content blockquote h3,
.ck-content blockquote h4,
.ck-content blockquote h5,
.ck-content blockquote h6,
.ck-content blockquote ul,
.ck-content blockquote ol,
.ck-content blockquote blockquote,
.ck-content blockquote hr,
.ck-content blockquote .sidenote,
.ck-content blockquote .body-cards,
.ck-content blockquote .spotlight,
.ck-content blockquote .buttons,
.ck-content blockquote .youtubevideo,
.ck-content blockquote .map {
	display: none;
}

.center-body-container blockquote p,
.center-body-container blockquote ul,
.center-body-container blockquote ol,
body.cke_editable blockquote p,
body.cke_editable blockquote ul,
body.cke_editable blockquote ol,
.ck-content blockquote p,
.ck-content blockquote ul,
.ck-content blockquote ol {
	font-size: 25px;
	font-family: 'Uni Sans Regular', sans-serif;
	padding: 6px 0px 3px 20px;
	color: #4b2e83;
	background: -webkit-linear-gradient(103deg, #37226a, #6f3078);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-decoration: none;
	border-left: 4px solid #4b2e83;
	border-image: linear-gradient(to bottom, #6f3078, #37226a) 0 100%;
	border-right: 0px;
}

.center-body-container blockquote ul,
.center-body-container blockquote ol,
body.cke_editable blockquote ul,
body.cke_editable blockquote ol,
.ck-content blockquote ul,
.ck-content blockquote ol {
	padding-left: 50px;
	width: 90%;
}

.center-body-container blockquote ul li,
.center-body-container blockquote ol li,
body.cke_editable blockquote ul li,
body.cke_editable blockquote ol li,
.ck-content blockquote ul li,
.ck-content blockquote ol li {
	font-size: 25px;
	font-family: 'Uni Sans Regular', sans-serif;
	color: #4b2e83;
}

.center-body-container blockquote a,
body.cke_editable blockquote a,
.ck-content blockquote a {
    background: linear-gradient(to bottom, #37226a 0%, #6f3078 100%);
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 4px 2px;
	text-decoration: none;
}

.center-body-container blockquote a:hover,
.center-body-container blockquote a:focus,
body.cke_editable blockquote a:hover,
body.cke_editable blockquote a:focus,
.ck-content blockquote a:hover,
.ck-content blockquote a:focus {
	background-size: 4px 2px;
}

.center-body-container blockquote a .external-link-reg,
body.cke_editable blockquote a .external-link-reg,
.ck-content blockquote a .external-link-reg {
	-webkit-text-fill-color: #fff;
}




/*____________________________________________________________________________*/
/* sidenote */

.center-body-container .sidenote,
body.cke_editable .sidenote {
	float: right;
	width: 210px;
	margin: 20px -340px 20px 0px;
	background: #f2f2f2;
	padding: 20px 26px;
	border-radius: 30px;
	clear: both;
}

/* sidenote custom for in editor look */
.ck-content .sidenote {
	float: none;
	width: 210px;
	margin: 40px -340px 20px 0px;
	background: #f2f2f2;
	padding: 20px 26px;
	border-radius: 30px;
	clear: both;
}


.center-body-container .sidenote figure,
.center-body-container .sidenote img,
.center-body-container .sidenote table,
.center-body-container .sidenote h1,
.center-body-container .sidenote h2,
.center-body-container .sidenote h3,
.center-body-container .sidenote h4,
.center-body-container .sidenote h5,
.center-body-container .sidenote h6,
.center-body-container .sidenote blockquote,
.center-body-container .sidenote hr,
.center-body-container .sidenote .sidenote,
.center-body-container .sidenote .body-cards,
.center-body-container .sidenote .spotlight,
.center-body-container .sidenote .buttons,
.center-body-container .sidenote .youtubevideo,
.center-body-container .sidenote .map,
body.cke_editable .sidenote figure,
body.cke_editable .sidenote img,
body.cke_editable .sidenote table,
body.cke_editable .sidenote h1,
body.cke_editable .sidenote h2,
body.cke_editable .sidenote h3,
body.cke_editable .sidenote h4,
body.cke_editable .sidenote h5,
body.cke_editable .sidenote h6,
body.cke_editable .sidenote blockquote,
body.cke_editable .sidenote hr,
body.cke_editable .sidenote .sidenote,
body.cke_editable .sidenote .body-cards,
body.cke_editable .sidenote .spotlight,
body.cke_editable .sidenote .buttons,
body.cke_editable .sidenote .youtubevideo,
.ck-content .sidenote .map,
.ck-content .sidenote figure,
.ck-content .sidenote img,
.ck-content .sidenote table,
.ck-content .sidenote h1,
.ck-content .sidenote h2,
.ck-content .sidenote h3,
.ck-content .sidenote h4,
.ck-content .sidenote h5,
.ck-content .sidenote h6,
.ck-content .sidenote blockquote,
.ck-content .sidenote hr,
.ck-content .sidenote .sidenote,
.ck-content .sidenote .body-cards,
.ck-content .sidenote .spotlight,
.ck-content .sidenote .buttons,
.ck-content .sidenote .youtubevideo,
.ck-content .sidenote .map {
	display: none;
}

.center-body-container .sidenote p:first-child,
body.cke_editable .sidenote p:first-child,
.ck-content .sidenote p:first-child {
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	margin: -55px 0px 0px -26px !important;
	font-size: 21px !important;
	color: #595959;
	font-weight: normal;
	width: 230px;
	height: 35px;
	overflow: hidden;
}

.center-body-container .sidenote p,
body.cke_editable .sidenote p,
.ck-content .sidenote p {
	font-size: 18px !important;
	margin-bottom: 5px;
}

.center-body-container .sidenote ul,
.center-body-container .sidenote ol,
body.cke_editable .sidenote ul,
body.cke_editable .sidenote ol,
.ck-content .sidenote ul,
.ck-content .sidenote ol {
	margin-left: -20px !important;
	padding-top: 2px !important;
	padding-bottom: 6px !important;
	width: 90% !important;
}

.center-body-container .sidenote ul li,
.center-body-container .sidenote ol li,
body.cke_editable .sidenote ul li,
body.cke_editable .sidenote ol li,
.ck-content .sidenote ul li,
.ck-content .sidenote ol li {
	font-size: 18px !important;
}

.center-body-container .sidenote a,
body.cke_editable .sidenote a,
.ck-content .sidenote a {
    background: linear-gradient(to bottom, #00538F 0%, #00538F 100%);
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 4px 2px;
	color: #00538F;
	text-decoration: none;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	transition: ease 200ms;
}

.center-body-container .sidenote > p,
.center-body-container .sidenote > a,
.ck-content .sidenote > p,
.ck-content .sidenote > a {
     overflow-wrap: break-word;
}

.center-body-container .sidenote a:hover,
.center-body-container .sidenote a:focus,
body.cke_editable .sidenote a:hover,
body.cke_editable .sidenote a:focus,
.ck-content .sidenote a:hover,
.ck-content .sidenote a:focus {
	color: #fff;
	background-size: 4px 50px;
}

@media only screen and (max-width: 1440px) {
	.center-body-container .sidenote,
	body.cke_editable .sidenote {
		margin: 20px -320px 20px 0px;
	}
	.ck-content .sidenote {
		margin: 40px -320px 20px 0px;
	}
}

@media only screen and (max-width: 1360px) {
	.center-body-container .sidenote,
	body.cke_editable .sidenote {
		margin: 20px -290px 20px 0px;
		width: 190px;
	}
	.ck-content .sidenote {
		margin: 40px -290px 20px 0px;
		width: 190px;
	}
}

@media only screen and (max-width: 1280px) {
    .center-body-container .sidenote,
	body.cke_editable .sidenote,
	.ck-content .sidenote {
		float: none;
		width: 90%;
		margin-right: 0px;
		margin-top: 50px;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 600px) {
    .center-body-container .sidenote,
	body.cke_editable .sidenote,
	.ck-content .sidenote {
		width: 84%;
	}
}

@media only screen and (max-width: 340px) {
	.center-body-container .sidenote,
	body.cke_editable .sidenote,
	.ck-content .sidenote {
		width: 80%;
	}
}




/*____________________________________________________________________________*/
/* body cards */

.center-body-container .body-cards,
body.cke_editable .body-cards,
.ck-content .body-cards {
	width: 940px;
	clear: both;
	margin: 20px 0px;
}

.center-body-container .body-cards .body-card,
body.cke_editable .body-cards .body-card,
.ck-content .body-cards .body-card {
	display: inline-block;
	vertical-align: top;
	background-color: #f2f2f2;
	border-radius: 30px;
	width: 245px;
	padding: 21px 25px 25px 25px;
	margin: 18px 10px 20px 0px;
	position: relative;
	transition: ease 200ms;
}

.center-body-container .body-cards .body-card:hover,
body.cke_editable .body-cards .body-card:hover,
.ck-content .body-cards .body-card:hover {
	background-color: #fff;
}

.center-body-container .body-cards figure,
.center-body-container .body-cards img,
.center-body-container .body-cards table,
.center-body-container .body-cards h1,
.center-body-container .body-cards h2,
.center-body-container .body-cards h3,
.center-body-container .body-cards h4,
.center-body-container .body-cards h5,
.center-body-container .body-cards h6,
.center-body-container .body-cards blockquote,
.center-body-container .body-cards hr,
.center-body-container .body-cards .sidenote,
.center-body-container .body-cards .body-cards,
.center-body-container .body-cards .spotlight,
.center-body-container .body-cards .buttons,
.center-body-container .body-cards .youtubevideo,
.center-body-container .body-cards .map,
body.cke_editable .body-cards figure,
body.cke_editable .body-cards img,
body.cke_editable .body-cards table,
body.cke_editable .body-cards h1,
body.cke_editable .body-cards h2,
body.cke_editable .body-cards h3,
body.cke_editable .body-cards h4,
body.cke_editable .body-cards h5,
body.cke_editable .body-cards h6,
body.cke_editable .body-cards blockquote,
body.cke_editable .body-cards hr,
body.cke_editable .body-cards .sidenote,
body.cke_editable .body-cards .body-cards,
body.cke_editable .body-cards .spotlight,
body.cke_editable .body-cards .buttons,
body.cke_editable .body-cards .youtubevideo,
.ck-content .body-cards .map,
.ck-content .body-cards figure,
.ck-content .body-cards img,
.ck-content .body-cards table,
.ck-content .body-cards h1,
.ck-content .body-cards h2,
.ck-content .body-cards h3,
.ck-content .body-cards h4,
.ck-content .body-cards h5,
.ck-content .body-cards h6,
.ck-content .body-cards blockquote,
.ck-content .body-cards hr,
.ck-content .body-cards .sidenote,
.ck-content .body-cards .body-cards,
.ck-content .body-cards .spotlight,
.ck-content .body-cards .buttons,
.ck-content .body-cards .youtubevideo,
.ck-content .body-cards .map {
	display: none;
}

.center-body-container .body-cards .frame,
body.cke_editable .body-cards .frame,
.ck-content .body-cards .frame {
	width: 80px;
	height: 80px;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
	margin-bottom: 10px;
	background-color: #ccc;
}

body.cke_editable .body-cards .frame,
.ck-content .body-cards .frame {
	z-index: 3;
}

.center-body-container .body-cards .frame img,
body.cke_editable .body-cards .frame > span > img,
body.cke_editable .body-cards .frame > span,
.ck-content .body-cards .frame > span > img,
.ck-content .body-cards .frame > span {
	display: inline;
	margin: 0 auto;
	/* height: auto;
	width: 100%; */
	object-fit: cover;
	object-position: center top;
	height: 80px !important;
	width: 80px;
}

body.cke_editable .body-cards .frame > span,
.ck-content .body-cards .frame > span {
	display: block;
	background: rgba(0,0,0,0) !important;
}

body.cke_editable .body-cards .frame > span > img:hover,
body.cke_editable .body-cards .frame > span > img:focus,
.ck-content .body-cards .frame > span > img:hover,
.ck-content .body-cards .frame > span > img:focus {
	opacity: 0.5;
	cursor: pointer !important;
}

.center-body-container .body-cards p a,
body.cke_editable .body-cards p a,
.ck-content .body-cards p a {
    background: none;
	color: #464646;
}

/* card link */
.center-body-container .body-cards .body-card > p.card-arrow,
.ck-content .body-cards .body-card > p.card-arrow  {
	position: absolute;
	text-decoration: none;
	z-index: 1;
	transition: ease 200ms;
	font-size: 10px;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	color: #fff;
	color: rgba(0,0,0,0);
	top: 0px;
	left: -5px;
	width: 99%;
	height: 99%;
	border-radius: 0;
	margin-top: 0;
    margin-bottom: 0;
	border: 3px solid rgba(0,0,0,0);
}

.center-body-container .body-cards .body-card > a,
.center-body-container .body-cards .body-card p > a,
body.cke_editable .body-cards .body-card > a,
.ck-content .body-cards .body-card > a,
.ck-content .body-cards .body-card > p.card-arrow a {
	position: absolute;
	text-decoration: none;
	z-index: 1;
	transition: ease 200ms;
	font-size: 10px;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	color: #fff;
	color: rgba(0,0,0,0);
	top: 0px;
	left: 0px;
	width: 99%;
	height: 99%;
	border-radius: 30px;
	border: 3px solid rgba(0,0,0,0);
}

.center-body-container .body-cards .body-card > a:focus,
body.cke_editable .body-cards .body-card > a:focus,
.ck-content .body-cards .body-card > a:focus {
	border: 3px solid #595959;
}

.center-body-container .body-cards .body-card > a,
.center-body-container .body-cards .body-card p > a {
	z-index: 2;
}

.center-body-container .body-cards .body-card p,
body.cke_editable .body-cards .body-card p,
.ck-content .body-cards .body-card p {
	font-size: 18px;
	margin-top: 4px;
	margin-bottom: 60px;
	color: #464646;
	position: relative;
	z-index: 1;
	transition: ease 200ms;
}

body.cke_editable .body-cards .body-card p,
.ck-content .body-cards .body-card p {
	z-index: 3;
}

.center-body-container .body-cards .body-card > p:first-of-type,
body.cke_editable .body-cards .body-card > p:first-of-type,
.ck-content .body-cards .body-card > p:first-of-type {
	font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
	font-size: 25px;
	color: #464646;
	margin-top: 0px;
	margin-bottom: 0px;
	transition: ease 200ms;
}

.center-body-container .body-cards .body-card > p:first-of-type:after,
body.cke_editable .body-cards .body-card > p:first-of-type:after,
.ck-content .body-cards .body-card > p:first-of-type:after {
	content: "";
	background-color: #595959;
	background: linear-gradient(to bottom right, #37226a, #6f3078);
	width: 50px;
	height: 7px;
	display: block;
	margin: 13px 0px;
	transition: ease 200ms;
}

.center-body-container .body-cards .body-card:hover p:first-of-type:after,
body.cke_editable .body-cards .body-card:hover p:first-of-type:after,
.ck-content .body-cards .body-card:hover p:first-of-type:after {
	background-color: #000;
	background: linear-gradient(to right, #37226a, #4b2e83, #6f3078);
	width: 100px;
}

.center-body-container .body-cards .body-card ul,
.center-body-container .body-cards .body-card ol,
body.cke_editable .body-cards .body-card ul,
body.cke_editable .body-cards .body-card ol,
.ck-content .body-cards .body-card ul,
.ck-content .body-cards .body-card ol {
	position: relative;
	z-index: 1;
	width: 86%;
	padding-left: 23px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 50px;
}

.center-body-container .body-cards .body-card ol,
body.cke_editable .body-cards .body-card ol,
.ck-content .body-cards .body-card ol {
	width: 84%;
	padding-left: 27px;
}

.center-body-container .body-cards .body-card li,
body.cke_editable .body-cards .body-card li,
.ck-content .body-cards .body-card li {
	font-size: 18px;
	color: #464646;
}

.center-body-container .body-cards .body-card > a:after,
.center-body-container .body-cards .body-card p > a:after,
body.cke_editable .body-cards .body-card > a:after,
.ck-content .body-cards .body-card > a:after,
.ck-content .body-cards .body-card > p a:after {
	content: url("../img/icons/arrow-tailed-black.png");
	display: block;
	position: absolute;
	right: 26px;
	bottom: 23px;
	z-index: 1;
	transition: ease 200ms;
}

.center-body-container .body-cards .body-card > a[href*="//"]:not([href*="mysite.com"]):after,
.center-body-container .body-cards .body-card p > a[href*="//"]:not([href*="mysite.com"]):after,
body.cke_editable .body-cards .body-card > a[href*="//"]:not([href*="mysite.com"]):after,
.ck-content .body-cards .body-card > a[href*="//"]:not([href*="mysite.com"]):after {
	content: url("../img/icons/external-black.png");
}

.center-body-container .body-cards .body-card > a:hover:after,
.center-body-container .body-cards .body-card > a:focus:after,
.center-body-container .body-cards .body-card p > a:hover:after,
.center-body-container .body-cards .body-card p > a:focus:after,
body.cke_editable .body-cards .body-card > a:hover:after,
body.cke_editable .body-cards .body-card > a:focus:after,
.ck-content .body-cards .body-card > a:hover:after,
.ck-content .body-cards .body-card > a:focus:after,
.ck-content .body-cards .body-card > p.card-arrow a:hover:after,
.ck-content .body-cards .body-card > p.card-arrow a:focus:after {
	right: 18px;
}

@media only screen and (max-width: 1280px) {
    .center-body-container .body-cards,
	body.cke_editable .body-cards,
	.ck-content .body-cards {
		width: 100%;
	}
	.center-body-container .body-cards .body-card,
	body.cke_editable .body-cards .body-card,
	.ck-content .body-cards .body-card {
		width: 262px;
		margin: 18px 6px 20px 0px;
	}
	.center-body-container .body-cards .body-card .overline,
	body.cke_editable .body-cards .body-card .overline,
	.ck-content .body-cards .body-card .overline {
		display: none;
	}
}

@media only screen and (max-width: 800px) {
	.center-body-container .body-cards .body-card,
	body.cke_editable .body-cards .body-card,
	.ck-content .body-cards .body-card {
		width: 37%;
		margin: 14px 6px 20px 0px;
	}
}

@media only screen and (max-width: 500px) {
	.center-body-container .body-cards .body-card,
	body.cke_editable .body-cards .body-card,
	.ck-content .body-cards .body-card {
		width: 86%;
		margin: 0px 0px 14px 0px;
	}
}

@media only screen and (max-width: 400px) {
	.center-body-container .body-cards .body-card,
	body.cke_editable .body-cards .body-card,
	.ck-content .body-cards .body-card {
		width: 84%;
	}
}

@media only screen and (max-width: 340px) {
	.center-body-container .body-cards .body-card,
	body.cke_editable .body-cards .body-card,
	.ck-content .body-cards .body-card {
		width: 82%;
	}
}




/*____________________________________________________________________________*/
/* spotlight */

.center-body-container .spotlight,
body.cke_editable .spotlight,
.ck-content .spotlight {
	width: 930px;
	clear: both;
	margin: 20px 0px;
}

.center-body-container .spotlight figure,
.center-body-container .spotlight img,
.center-body-container .spotlight table,
.center-body-container .spotlight h1,
.center-body-container .spotlight h2,
.center-body-container .spotlight h3,
.center-body-container .spotlight h4,
.center-body-container .spotlight h5,
.center-body-container .spotlight h6,
.center-body-container .spotlight blockquote,
.center-body-container .spotlight hr,
.center-body-container .spotlight .sidenote,
.center-body-container .spotlight .body-cards,
.center-body-container .spotlight .spotlight,
.center-body-container .spotlight .buttons,
.center-body-container .spotlight .youtubevideo,
.center-body-container .spotlight .map,
body.cke_editable .spotlight figure,
body.cke_editable .spotlight img,
body.cke_editable .spotlight table,
body.cke_editable .spotlight h1,
body.cke_editable .spotlight h2,
body.cke_editable .spotlight h3,
body.cke_editable .spotlight h4,
body.cke_editable .spotlight h5,
body.cke_editable .spotlight h6,
body.cke_editable .spotlight blockquote,
body.cke_editable .spotlight hr,
body.cke_editable .spotlight .sidenote,
body.cke_editable .spotlight .body-cards,
body.cke_editable .spotlight .spotlight,
body.cke_editable .spotlight .buttons,
body.cke_editable .spotlight .youtubevideo,
body.cke_editable .spotlight .map,
.ck-content .spotlight figure,
.ck-content .spotlight img,
.ck-content .spotlight table,
.ck-content .spotlight h1,
.ck-content .spotlight h2,
.ck-content .spotlight h3,
.ck-content .spotlight h4,
.ck-content .spotlight h5,
.ck-content .spotlight h6,
.ck-content .spotlight blockquote,
.ck-content .spotlight hr,
.ck-content .spotlight .sidenote,
.ck-content .spotlight .body-cards,
.ck-content .spotlight .spotlight,
.ck-content .spotlight .buttons,
.ck-content .spotlight .youtubevideo,
.ck-content .spotlight .map {
	display: none;
}

.center-body-container .spotlight .spotlight-frame,
body.cke_editable .spotlight .spotlight-frame,
.ck-content .spotlight .spotlight-frame {
	width: 130px;
    height: 130px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
	display: inline-block;
	vertical-align: top;
}

.center-body-container .spotlight .spotlight-frame img,
body.cke_editable .spotlight .spotlight-frame img,
.ck-content .spotlight .spotlight-frame img,
.ck-content .spotlight .spotlight-frame > span > img {
	display: inline;
	margin: 0 auto;
	object-fit: cover;
	object-position: center top;
	height: 130px;
	width: 130px;
}

.ck-content .spotlight .spotlight-frame > span > img {
	height: 130px !important;
}


body.cke_editable .spotlight .spotlight-frame span,
.ck-content .spotlight .spotlight-frame span {
	background: rgba(0,0,0,0) !important;
	display: inline;
	margin: 0 auto;
	object-fit: cover;
	object-position: center top;
}

body.cke_editable .spotlight .spotlight-frame img:hover,
body.cke_editable .spotlight .spotlight-frame img:focus,
.ck-content .spotlight .spotlight-frame img:hover,
.ck-content .spotlight .spotlight-frame img:focus {
	opacity: 0.5;
	cursor: pointer !important;
}

.center-body-container .spotlight .text,
body.cke_editable .spotlight .text,
.ck-content .spotlight .text {
	display: inline-block;
	vertical-align: top;
	background-color: #f2f2f2;
	padding: 30px 37px;
	border-radius: 30px;
	margin-left: 20px;
	margin-top: 0px;
	max-width: 650px;
}

.center-body-container .spotlight .text a,
body.cke_editable .spotlight .text a,
.ck-content .spotlight .text a {
    background: linear-gradient(to bottom, #00538F 0%, #00538F 100%);
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 4px 2px;
	color: #00538F;
	text-decoration: none;
	transition: ease 200ms;
}

.center-body-container .spotlight .text a:hover,
.center-body-container .spotlight .text a:focus,
body.cke_editable .spotlight .text a:hover,
body.cke_editable .spotlight .text a:focus,
.ck-content .spotlight .text a:hover,
.ck-content .spotlight .text a:focus {
	color: #fff;
	background-size: 4px 50px;
}

.center-body-container .spotlight .text p,
body.cke_editable .spotlight .text p,
.ck-content .spotlight .text p {
	font-size: 21px;
	color: #464646;
	margin-top: 6px;
}

.center-body-container .spotlight .text p:first-of-type,
body.cke_editable .spotlight .text p:first-of-type,
.ck-content .spotlight .text p:first-of-type {
	font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 23px;
}

@media only screen and (max-width: 1280px) {
    .center-body-container .spotlight,
	body.cke_editable .spotlight,
	.ck-content .spotlight {
		width: 100%;
	}
	.center-body-container .spotlight .text,
	body.cke_editable .spotlight .text,
	.ck-content .spotlight .text {
		max-width: 410px;
	}
}

@media only screen and (max-width: 800px) {
	.center-body-container .spotlight .text,
	body.cke_editable .spotlight .text {
		max-width: 55%;
	}
}

@media only screen and (max-width: 600px) {
	.center-body-container .spotlight .spotlight-frame,
	body.cke_editable .spotlight .spotlight-frame,
	.ck-content .spotlight .spotlight-frame {
		display: block;
	}
	.center-body-container .spotlight .text,
	body.cke_editable .spotlight .text,
	.ck-content .spotlight .text {
		margin-left: 0px;
		margin-top: 14px;
		max-width: 83%;
	}
}

@media only screen and (max-width: 340px) {
	.center-body-container .spotlight .text,
	body.cke_editable .spotlight .text,
	.ck-content .spotlight .text {
		padding: 10px 17px;
		border-radius: 20px;
	}
}




/*____________________________________________________________________________*/
/* buttons */

.center-body-container .buttons,
body.cke_editable .buttons,
.ck-content .buttons {
	margin: 10px 0px;
	display: block;
	clear: both;
}

.center-body-container .buttons figure,
.center-body-container .buttons img,
.center-body-container .buttons table,
.center-body-container .buttons h1,
.center-body-container .buttons h2,
.center-body-container .buttons h3,
.center-body-container .buttons h4,
.center-body-container .buttons h5,
.center-body-container .buttons h6,
.center-body-container .buttons blockquote,
.center-body-container .buttons hr,
.center-body-container .buttons .sidenote,
.center-body-container .buttons .body-cards,
.center-body-container .buttons .spotlight,
.center-body-container .buttons .buttons,
.center-body-container .buttons .youtubevideo,
.center-body-container .buttons .map,
body.cke_editable .buttons figure,
body.cke_editable .buttons img,
body.cke_editable .buttons table,
body.cke_editable .buttons h1,
body.cke_editable .buttons h2,
body.cke_editable .buttons h3,
body.cke_editable .buttons h4,
body.cke_editable .buttons h5,
body.cke_editable .buttons h6,
body.cke_editable .buttons blockquote,
body.cke_editable .buttons hr,
body.cke_editable .buttons .sidenote,
body.cke_editable .buttons .body-cards,
body.cke_editable .buttons .spotlight,
body.cke_editable .buttons .buttons,
body.cke_editable .buttons .youtubevideo,
body.cke_editable .buttons .map,
.ck-content .buttons figure,
.ck-content .buttons img,
.ck-content .buttons table,
.ck-content .buttons h1,
.ck-content .buttons h2,
.ck-content .buttons h3,
.ck-content .buttons h4,
.ck-content .buttons h5,
.ck-content .buttons h6,
.ck-content .buttons blockquote,
.ck-content .buttons hr,
.ck-content .buttons .sidenote,
.ck-content .buttons .body-cards,
.ck-content .buttons .spotlight,
.ck-content .buttons .buttons,
.ck-content .buttons .youtubevideo,
.ck-content .buttons .map {
	display: none;
}

.center-body-container .buttons a,
body.cke_editable .buttons a,
.ck-content .buttons a {
	background-color: #fff;
	background-color: rgba(0,0,0,0);
	color: #595959;
	box-shadow: none;
	padding: 9px 9px 19px 11px;
	text-decoration: none;
	font-size: 21px;
	text-transform: capitalize;
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	float: left;
	border-top: 3px solid #fff;
	border-top: 3px solid rgba(0,0,0,0);
	margin: 24px 20px 6px 0px;
	transition: all ease 200ms;
}

.center-body-container .buttons a:first-child,
body.cke_editable .buttons a:first-child,
.ck-content .buttons a:first-child {
	margin: 20px 20px 6px 0px;
	padding: 15px 24px 17px 28px;
	background-color: #4b2e83;
	border-top: 0px;
	border-radius: 30px;
	color: #fff;
	box-shadow: 0px 14px 40px #000;
	box-shadow: 0px 14px 40px rgba(67, 0, 135, 0.4);
}

.center-body-container .buttons a:after,
.center-body-container .buttons a[href*="//"]:not([href*="mysite.com"]):after,
body.cke_editable .buttons a:after,
body.cke_editable .buttons a[href*="//"]:not([href*="mysite.com"]):after,
.ck-content .buttons a:after,
.ck-content .buttons a[href*="//"]:not([href*="mysite.com"]):after {
	position: relative;
	top: 2px;
	padding-left: 7px;
	opacity: 0.65;
	transition: all ease 200ms;
}

.center-body-container .buttons a:after,
body.cke_editable .buttons a:after,
.ck-content .buttons a:after {
	content: url("../img/icons/arrow-tailed-black.png");
}

.center-body-container .buttons a[href*="//"]:not([href*="mysite.com"]):after,
body.cke_editable .buttons a[href*="//"]:not([href*="mysite.com"]):after,
.ck-content .buttons a[href*="//"]:not([href*="mysite.com"]):after {
	content: url("../img/icons/external-black.png");
}

.center-body-container .buttons a:first-child:after,
body.cke_editable .buttons a:first-child:after,
.ck-content .buttons a:first-child:after {
	content: url("../img/icons/arrow-white.png");
	opacity: 1;
}

.center-body-container .buttons a[href*="//"]:not([href*="mysite.com"]):first-child:after,
body.cke_editable .buttons a[href*="//"]:not([href*="mysite.com"]):first-child:after,
.ck-content .buttons a[href*="//"]:not([href*="mysite.com"]):first-child:after {
	content: url("../img/icons/external-white.png");
	opacity: 1;
}

.center-body-container .buttons a:hover,
.center-body-container .buttons a:focus,
body.cke_editable .buttons a:hover,
body.cke_editable .buttons a:focus,
.ck-content .buttons a:hover,
.ck-content .buttons a:focus {
	margin: 24px 20px 6px 8px;
	border-top: 3px solid #1c1c1c;
	color: #1c1c1c;
}

.center-body-container .buttons a:hover:after,
.center-body-container .buttons a:focus:after,
.center-body-container .buttons a[href*="//"]:not([href*="mysite.com"]):hover:after,
.center-body-container .buttons a[href*="//"]:not([href*="mysite.com"]):focus:after,
body.cke_editable .buttons a:hover:after,
body.cke_editable .buttons a:focus:after,
body.cke_editable .buttons a[href*="//"]:not([href*="mysite.com"]):hover:after,
body.cke_editable .buttons a[href*="//"]:not([href*="mysite.com"]):focus:after,
.ck-content .buttons a:hover:after,
.ck-content .buttons a:focus:after,
.ck-content .buttons a[href*="//"]:not([href*="mysite.com"]):hover:after,
.ck-content .buttons a[href*="//"]:not([href*="mysite.com"]):focus:after {
	opacity: 1;
}

.center-body-container .buttons a:first-child:hover,
.center-body-container .buttons a:first-child:focus,
body.cke_editable .buttons a:first-child:hover,
body.cke_editable .buttons a:first-child:focus,
.ck-content .buttons a:first-child:hover,
.ck-content .buttons a:first-child:focus {
	border-top: 0px;
	color: #fff;
	box-shadow: 0px 6px 10px rgba(52, 0, 105, 0.6);
	margin: 24px 20px 2px 0px;
}

.center-body-container .buttons + *,
body.cke_editable .buttons + *,
.ck-content .buttons + * {
	clear: both;
}

@media only screen and (max-width: 1280px) {
    .center-body-container .buttons a:first-child,
	body.cke_editable .buttons a:first-child,
	.ck-content .buttons a:first-child {
		box-shadow: none;
	}
	.center-body-container .buttons a:first-child:hover,
	.center-body-container .buttons a:first-child:focus,
	body.cke_editable .buttons a:first-child:hover,
	body.cke_editable .buttons a:first-child:focus,
	.ck-content .buttons a:first-child:hover,
	.ck-content .buttons a:first-child:focus {
		box-shadow: none;
		margin: 20px 20px 6px 0px;
		background-color: #000;
	}
}

@media only screen and (max-width: 800px) {
	.center-body-container .buttons a:first-child:after,
	body.cke_editable .buttons a:first-child:after,
	.ck-content .buttons a:first-child:after {
		content: url("../img/icons/arrow-tailed-white.png");
	}
}

@media only screen and (max-width: 310px) {
	.center-body-container .buttons a,
	body.cke_editable .buttons a,
	.ck-content .buttons a {
		word-break: break-all;
	}
}




/*____________________________________________________________________________*/
/* youtube and maps */

iframe.youtubevideo,
iframe.map {
	border: none;
	width: 100%;
	height: 365px;
}

iframe.map {
	height: 420px;
}

@media only screen and (max-width: 800px) {
	iframe.youtubevideo,
	iframe.map {
		height: 200px;
	}
}




/*____________________________________________________________________________*/
/* ellipsis and callout */

.center-body-container .ellipsis figure,
.center-body-container .ellipsis img,
.center-body-container .ellipsis h1,
.center-body-container .ellipsis h2,
.center-body-container .ellipsis h3,
.center-body-container .ellipsis h4,
.center-body-container .ellipsis h5,
.center-body-container .ellipsis h6,
.center-body-container .ellipsis blockquote,
.center-body-container .ellipsis hr,
.center-body-container .ellipsis .callout,
.center-body-container .ellipsis .ellipsis,
.center-body-container .ellipsis .buttons,
.center-body-container .ellipsis .youtubevideo,
.center-body-container .ellipsis .map,
body.cke_editable .ellipsis figure,
body.cke_editable .ellipsis img,
body.cke_editable .ellipsis h1,
body.cke_editable .ellipsis h2,
body.cke_editable .ellipsis h3,
body.cke_editable .ellipsis h4,
body.cke_editable .ellipsis h5,
body.cke_editable .ellipsis h6,
body.cke_editable .ellipsis blockquote,
body.cke_editable .ellipsis hr,
body.cke_editable .ellipsis .callout,
body.cke_editable .ellipsis .ellipsis,
body.cke_editable .ellipsis .buttons,
body.cke_editable .ellipsis .youtubevideo,
body.cke_editable .ellipsis .map,
.ck-content .ellipsis figure,
.ck-content .ellipsis img,
.ck-content .ellipsis h1,
.ck-content .ellipsis h2,
.ck-content .ellipsis h3,
.ck-content .ellipsis h4,
.ck-content .ellipsis h5,
.ck-content .ellipsis h6,
.ck-content .ellipsis blockquote,
.ck-content .ellipsis hr,
.ck-content .ellipsis .callout,
.ck-content .ellipsis .ellipsis,
.ck-content .ellipsis .buttons,
.ck-content .ellipsis .youtubevideo,
.ck-content .ellipsis .map,
.center-body-container .callout figure,
.center-body-container .callout img,
.center-body-container .callout h1,
.center-body-container .callout h2,
.center-body-container .callout h3,
.center-body-container .callout h4,
.center-body-container .callout h5,
.center-body-container .callout h6,
.center-body-container .callout blockquote,
.center-body-container .callout hr,
.center-body-container .callout .callout,
.center-body-container .callout .ellipsis,
.center-body-container .callout .buttons,
.center-body-container .callout .youtubevideo,
.center-body-container .callout .map,
body.cke_editable .callout figure,
body.cke_editable .callout img,
body.cke_editable .callout h1,
body.cke_editable .callout h2,
body.cke_editable .callout h3,
body.cke_editable .callout h4,
body.cke_editable .callout h5,
body.cke_editable .callout h6,
body.cke_editable .callout blockquote,
body.cke_editable .callout hr,
body.cke_editable .callout .callout,
body.cke_editable .callout .ellipsis,
body.cke_editable .callout .buttons,
body.cke_editable .callout .youtubevideo,
body.cke_editable .callout .map,
.ck-content .callout figure,
.ck-content .callout img,
.ck-content .callout h1,
.ck-content .callout h2,
.ck-content .callout h3,
.ck-content .callout h4,
.ck-content .callout h5,
.ck-content .callout h6,
.ck-content .callout blockquote,
.ck-content .callout hr,
.ck-content .callout .callout,
.ck-content .callout .ellipsis,
.ck-content .callout .buttons,
.ck-content .callout .youtubevideo,
.ck-content .callout .map {
	display: none;
}

.center-body-container .ellipsis,
body.cke_editable .ellipsis,
.ck-content .ellipsis {
	margin: 80px 0px;
}

.center-body-container .ellipsis div,
body.cke_editable .ellipsis div,
.ck-content .ellipsis div {
	display: inline-block;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	margin-left: 50px;
	background-color: #ddd;
}

.center-body-container .ellipsis div:first-child,
body.cke_editable .ellipsis div:first-child,
.ck-content .ellipsis div:first-child {
	margin-left: 250px;
}

.center-body-container .callout,
body.cke_editable .callout,
.ck-content .callout {
	float: left;
	margin: 30px 60px 30px -170px;
	width: 400px;
}

.center-body-container .callout p,
body.cke_editable .callout p,
.ck-content .callout p {
	font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
	font-size: 40px;
	color: #000;
}

@media only screen and (max-width: 1100px) {
	.center-body-container .callout,
	body.cke_editable .callout,
	.ck-content .callout {
		margin: auto;
		float: none;
		width: 70%;
		border-top: 10px solid #f2f2f2;
		border-bottom: 10px solid #f2f2f2;
		padding-bottom: 22px;
		margin-top: 40px;
		margin-bottom: 50px;
		text-align: center;
	}
}

@media only screen and (max-width: 1100px) {
	.center-body-container .callout,
	body.cke_editable .callout,
	.ck-content .callout {
		width: 80%;
		border-top: 7px solid #f2f2f2;
		border-bottom: 7px solid #f2f2f2;
	}
	.center-body-container .callout p,
	body.cke_editable .callout p,
	.ck-content .callout p {
		font-size: 30px;
	}
}

@media only screen and (max-width: 800px) {
	.center-body-container .ellipsis div:first-child,
	body.cke_editable .ellipsis div:first-child,
	.ck-content .ellipsis div:first-child {
		margin-left: 38%;
	}
}

@media only screen and (max-width: 600px) {
	.center-body-container .ellipsis div:first-child,
	body.cke_editable .ellipsis div:first-child,
	.ck-content .ellipsis div:first-child {
		margin-left: 34%;
	}
}

@media only screen and (max-width: 500px) {
	.news .center-body-container {
		max-width: 100%;
	}
	.center-body-container .ellipsis div:first-child,
	body.cke_editable .ellipsis div:first-child,
	.ck-content .ellipsis div:first-child {
		margin-left: 31%;
	}
}

@media only screen and (max-width: 400px) {
	.center-body-container .ellipsis div:first-child,
	body.cke_editable .ellipsis div:first-child,
	.ck-content .ellipsis div:first-child {
		margin-left: 27%;
	}
}

@media only screen and (max-width: 340px) {
	.center-body-container .ellipsis div:first-child,
	body.cke_editable .ellipsis div:first-child,
	.ck-content .ellipsis div:first-child {
		margin-left: 22%;
	}
}




















/* ########################################################################## */
/* login form and user page ################################################# */
/* ########################################################################## */

.layout-content .js-form-item {
	margin-left: 100px;
	font-size: 21px;
}

#user-login-form  {
	margin-left: 180px;
	margin-top: 60px;
	font-size: 21px;
}

#user-login-form .js-form-item {
	margin-bottom: 40px;
	margin-left: 0px;
}

#user-login-form .js-form-item label {
	display: block;
	color: #4b2e83;
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	font-size: 25px;
	margin-bottom: 10px;
}

#user-login-form .js-form-item input#edit-name,
#user-login-form .js-form-item input#edit-pass {
	margin: 0 auto;
	height: 34px;
	border-color: #595959;
	border-image: none;
	border-style: double;
	border-top: none;
	border-left: none;
	border-right: none;
	font-size: 21px;
}

#user-login-form .js-form-item .description {
	display: none;
}

#user-login-form #edit-submit {
	color: #fff;
	padding: 9px 36px 11px 36px;
	font-size: 21px;
	background-color: #4b2e83;
	border-radius: 50px;
	border: none;
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	box-shadow: 0px 14px 40px #000;
	box-shadow: 0px 14px 40px rgba(67, 0, 135, 0.4);
	margin-top: 0px;
	margin-bottom: 20px;
	transition: ease 200ms;
}

#user-login-form #edit-submit:hover,
#user-login-form #edit-submit:focus {
	box-shadow: 0px 14px 40px #000;
	box-shadow: 0px 6px 10px rgba(67, 0, 135, 0.4);
	margin-top: 4px;
	margin-bottom: 16px;
	cursor: pointer;
}

#user-login-form #edit-submit + img {
	display: none;
}

@media only screen and (max-width: 1280px) {
    #user-login-form {
		margin-left: 30px;
		width: 80%;
	}
	#user-login-form .js-form-item input#edit-name,
	#user-login-form .js-form-item input#edit-pass {
		width: 100%;
	}
}

@media only screen and (max-width: 700px) {
    #user-login-form {
		margin-left: 16px;
	}
}




















/* ########################################################################## */
/* Sidebar left region ###################################################### */
/* ########################################################################## */

.layout-sidebar-left {
	position: absolute;
	top: 94px;
	left: 300px;
	transition: ease 350ms;
}

input#menu-toggle:checked ~ .dialog-off-canvas-main-canvas .layout-sidebar-left {
	margin-left: -330px;
}

@media only screen and (max-width: 1280px) {
	.layout-sidebar-left {
		left: 30px;
	}
}

@media only screen and (max-width: 800px) {
	.layout-sidebar-left {
		top: 0px;
		position: relative;
		width: 92%;
	}
}




















/* ########################################################################## */
/* person node ############################################################## */
/* ########################################################################## */

.person {
	margin-left: 6%;
}




/*____________________________________________________________________________*/
/* sidebar */

.person h1 {
	font-size: 60px;
	color: #464646;
	background: -webkit-linear-gradient(1turn, #000, #707070);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	max-width: 86%;
	clear: both;
	padding-top: 20px;
	margin-bottom: 30px;
	font-weight: 600;
	margin-left: 100px;
	transition: ease 200ms;
}

.person h1 div {
	display: inline;
}

.person h1 > div > div {
	margin-left: -8px;
}

.person h1 > div > div:before {
	content: ", ";
}

.person .sidebar {
	display: inline-block;
	width: 300px;
	margin-left: 100px;
	font-size: 21px;
}

.person .sidebar p {
	margin: 0 auto;
}

.person .sidebar a {
    background: linear-gradient(to bottom, #005999 0%, #005999 100%);
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 4px 2px;
	color: #005999;
	text-decoration: none;
	word-break: break-all;
	cursor: pointer;
	transition: ease 200ms;
}

.person .sidebar a:hover,
.person .sidebar a:focus {
	color: #fff;
	background-size: 4px 50px;
}

.person .sidebar .headshot {
	width: 200px;
	height: 200px;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
	display: block;
	margin-bottom: 30px;
}

.person .sidebar .headshot img {
	display: inline;
	margin: 0 auto;
	object-fit: cover;
	object-position: center top;
	height: 200px;
	width: 200px;
}

.person .sidebar .contacts {
	padding-bottom: 70px;
}

.person .sidebar .contacts .phone,
.person .sidebar .contacts .email,
.person .sidebar .contacts .address,
.person .sidebar .contacts .contact,
body.cke_editable .phone,
body.cke_editable .email,
body.cke_editable .address,
body.cke_editable .contact,
.ck-content .phone,
.ck-content .email,
.ck-content .address,
.ck-content .contact,
.person .sidebar .contacts .phone_field,
.person .sidebar .contacts .email_field,
.person .sidebar .contacts .address_field,
.person .sidebar .contacts .contact_field,
body.cke_editable .phone_field,
body.cke_editable .email_field,
body.cke_editable .address_field,
body.cke_editable .contact_field,
.ck-content .phone_field,
.ck-content .email_field,
.ck-content .address_field,
.ck-content .contact_field {
	margin-top: 14px;
	word-break: break-word;
	width: 300px;
	color: #595959;
}

.person .sidebar .contacts .phone_field,
.person .sidebar .contacts .email_field,
.person .sidebar .contacts .address_field,
.person .sidebar .contacts .contact_field,
body.cke_editable .phone_field,
body.cke_editable .email_field,
body.cke_editable .address_field,
body.cke_editable .contact_field,
.ck-content .phone_field,
.ck-content .email_field,
.ck-content .address_field,
.ck-content .contact_field {
	width: 260px;
    padding-left: 40px;
}

.person .sidebar .contacts .phone *:not(a),
.person .sidebar .contacts .email *:not(a),
.person .sidebar .contacts .address *:not(a),
.person .sidebar .contacts .contact *:not(a),
body.cke_editable .phone *:not(a),
body.cke_editable .email *:not(a),
body.cke_editable .address *:not(a),
body.cke_editable .contact *:not(a),
.ck-content .phone *:not(a),
.ck-content .email *:not(a),
.ck-content .address *:not(a),
.ck-content .contact *:not(a),
.person .sidebar .contacts .phone_field *:not(a),
.person .sidebar .contacts .email_field *:not(a),
.person .sidebar .contacts .address_field *:not(a),
.person .sidebar .contacts .contact_field *:not(a),
body.cke_editable .phone_field *:not(a),
body.cke_editable .email_field *:not(a),
body.cke_editable .address_field *:not(a),
body.cke_editable .contact_field *:not(a),
.ck-content .phone_field *:not(a),
.ck-content .email_field *:not(a),
.ck-content .address_field *:not(a),
.ck-content .contact_field *:not(a) {
	color: #595959;
}

.person .sidebar .contacts .phone p,
.person .sidebar .contacts .email p,
.person .sidebar .contacts .address p,
.person .sidebar .contacts .contact p,
body.cke_editable .phone p,
body.cke_editable .email p,
body.cke_editable .address p,
body.cke_editable .contact p,
.ck-content .phone p,
.ck-content .email p,
.ck-content .address p,
.ck-content .contact p,
.person .sidebar .contacts .phone_field p,
.person .sidebar .contacts .email_field p,
.person .sidebar .contacts .address_field p,
.person .sidebar .contacts .contact_field p,
body.cke_editable .phone_field p,
body.cke_editable .email_field p,
body.cke_editable .address_field p,
body.cke_editable .contact_field p,
.ck-content .phone_field p,
.ck-content .email_field p,
.ck-content .address_field p,
.ck-content .contact_field p {
	display: inline-block;
	vertical-align: top;
	margin-top: 18px;
	margin-left: 41px;
	width: 250px;
}

.person .sidebar .contacts .phone p:first-child,
.person .sidebar .contacts .email p:first-child,
.person .sidebar .contacts .address p:first-child,
.person .sidebar .contacts .contact p:first-child,
body.cke_editable .phone p:first-child,
body.cke_editable .email p:first-child,
body.cke_editable .address p:first-child,
body.cke_editable .contact p:first-child,
.ck-content .phone p:first-child,
.ck-content .email p:first-child,
.ck-content .address p:first-child,
.ck-content .contact p:first-child,
.person .sidebar .contacts .phone_field p:first-child,
.person .sidebar .contacts .email_field p:first-child,
.person .sidebar .contacts .address_field p:first-child,
.person .sidebar .contacts .contact_field p:first-child,
body.cke_editable .phone_field p:first-child,
body.cke_editable .email_field p:first-child,
body.cke_editable .address_field p:first-child,
body.cke_editable .contact_field p:first-child,
.ck-content .phone_field p:first-child,
.ck-content .email_field p:first-child,
.ck-content .address_field p:first-child,
.ck-content .contact_field p:first-child {
	margin-top: 1px;
	margin-left: 0px;
}

.person .sidebar .contacts .phone:before,
body.cke_editable .phone:before,
.ck-content .phone:before,
.person .sidebar .contacts .phone_field:before,
body.cke_editable .phone_field:before,
.ck-content .phone_field:before {
	content: url("../img/icons/phone.png");
}

.person .sidebar .contacts .email:before,
body.cke_editable .email:before,
.ck-content .email:before,
.person .sidebar .contacts .email_field:before,
body.cke_editable .email_field:before,
.ck-content .email_field:before {
	content: url("../img/icons/email.png");
}

.person .sidebar .contacts .address:before,
body.cke_editable .address:before,
.ck-content .address:before,
.person .sidebar .contacts .address_field:before,
body.cke_editable .address_field:before,
.ck-content .address_field:before {
	content: url("../img/icons/location.png");
}

.person .sidebar .contacts .contact:before,
body.cke_editable .contact:before,
.person .sidebar .contacts .contact_field:before,
body.cke_editable .contact_field:before,
.ck-content .contact_field:before {
	content: url("../img/icons/contact.png");
}

/* old code */
.person .sidebar .contacts .phone:before,
body.cke_editable .phone:before,
.ck-content .phone:before,
.person .sidebar .contacts .email:before,
body.cke_editable .email:before,
.ck-content .email:before,
.person .sidebar .contacts .address:before,
body.cke_editable .address:before,
.ck-content .address:before,
.person .sidebar .contacts .contact:before,
body.cke_editable .contact:before,
.ck-content .contact:before {
	margin-right: 6px;
}

/* new code */
.person .sidebar .contacts .phone_field:before,
body.cke_editable .phone_field:before,
.ck-content .phone_field:before,
.person .sidebar .contacts .email_field:before,
body.cke_editable .email_field:before,
.ck-content .email_field:before,
.person .sidebar .contacts .address_field:before,
body.cke_editable .address_field:before,
.ck-content .address_field:before,
.person .sidebar .contacts .contact_field:before,
body.cke_editable .contact_field:before,
.ck-content .contact_field:before {
	display: inline-block;
	position: relative;
	top: 8px;
	margin-right: 10px;
    margin-left: -40px;
}

@media only screen and (max-width: 1000px) {
	.person .sidebar .contacts {
		padding-bottom: 0px;
	}
}




/*____________________________________________________________________________*/
/* main body section aka mainbar */

.person .center-body-container {
	padding-top: 50px;
}

.person .mainbar {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin-left: 80px;
}

.person .mainbar .person-intro {
	padding: 40px;
	background-color: #f2f2f2;
	border-radius: 30px;
}

.person .mainbar .person-intro .pronouns,
.person .mainbar .person-intro .category,
.person .mainbar .person-intro #pin {
	font-size: 21px;
	font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
	display: inline-block;
	padding: 10px 22px;
	background-color: #4b2e83;
	border-radius: 30px;
	color: #fff;
	margin-bottom: 10px;
}

.person .mainbar .person-intro .pronouns,
.person .mainbar .person-intro .category {
	margin-right: 10px;
}

.person .mainbar .person-intro .category {
	background-color: #ddd;
	color: #424242;
}

.person .mainbar .person-intro .category > div > div {
	display: inline;
}

.person .mainbar .person-intro .category > div > div:nth-of-type(n+2) {
	margin-left: -4px;
}

.person .mainbar .person-intro .category > div > div:nth-of-type(n+2):before {
	content: ", ";
}

.person .mainbar .person-intro #pin {
	display: none;
}

.node--sticky .person .mainbar .person-intro #pin {
	display: inline-block;
	padding: 6px 23px 10px 20px;
	float: right;
}

.node--sticky .person .mainbar .person-intro #pin:after {
	content: url("../img/icons/pin-white.png");
	position: relative;
	top: 5px;
	left: 9px;
}

.person .mainbar .person-intro .titles,
.person .mainbar .person-intro .sites {
	font-size: 25px;
	margin-top: 40px;
	color: #4f4f4f;
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
}

.person .mainbar .person-intro .sites {
	background-color: #fff;
	border-radius: 20px;
	padding: 20px;
}

.person .mainbar .person-intro .titles > div > div:first-child,
.person .mainbar .person-intro .sites > div > div:first-child {
	-webkit-transform: skew(-15deg,0);
	-ms-transform: skewX(-15deg) skewY(0);
	transform: skew(-15deg,0);
	margin-bottom: 10px;
	color: #000;
	font-size: 21px;
}

.person .mainbar .person-intro .titles > div > div:first-child:after,
.person .mainbar .person-intro .sites > div > div:first-child:after {
	content: "";
	display: block;
	height: 4px;
	width: 50px;
	margin: 10px 0px 5px 5px;
	background-color: #000;
}

.person .mainbar .person-intro .titles > div > div:nth-child(2) div {
	color: #4b2e83;
	background: -webkit-linear-gradient(#37226a, #6f3078);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.person .mainbar .center-body-container table,
.person .mainbar .center-body-container .sidenote,
.person .mainbar .center-body-container .body-cards,
.person .mainbar .center-body-container .spotlight,
.person .mainbar .center-body-container .callout,
.person .mainbar .center-body-container .ellipsis,
.person .mainbar .center-body-container .contacts .contacts,
body.cke_editable .callout table,
body.cke_editable .callout .sidenote,
body.cke_editable .callout .body-cards,
body.cke_editable .callout .spotlight,
body.cke_editable .callout .callout,
body.cke_editable .callout .ellipsis,
body.cke_editable .callout .contacts .contacts,
.ck-content .callout table,
.ck-content .callout .sidenote,
.ck-content .callout .body-cards,
.ck-content .callout .spotlight,
.ck-content .callout .callout,
.ck-content .callout .ellipsis,
.ck-content .callout .contacts .contacts {
	display: none;
}

@media only screen and (max-width: 1500px) {
	.person {
		margin-left: 0px;
	}
}

@media only screen and (max-width: 1280px) {
    .person .mainbar {
		margin-left: 40px;
	}
	.person h1 {
		font-size: 50px;
		margin-left: 30px;
	}
	.node--sticky .person .mainbar .person-intro #pin {
		float: none;
	}
}

@media only screen and (max-width: 1000px) {
	.person {
		text-align: center;
	}
	.person * {
		text-align: left;
	}
	.person .sidebar .contacts .phone,
	.person .sidebar .contacts .email,
	.person .sidebar .contacts .address,
	.person .sidebar .contacts .contact,
	body.cke_editable .phone,
	body.cke_editable .email,
	body.cke_editable .address,
	body.cke_editable .contact,
	.ck-content .phone,
	.ck-content .email,
	.ck-content .address,
	.ck-content .contact {
		width: 100%;
	}
	.person .sidebar .contacts .phone_field,
	.person .sidebar .contacts .email_field,
	.person .sidebar .contacts .address_field,
	.person .sidebar .contacts .contact_field,
	body.cke_editable .phone_field,
	body.cke_editable .email_field,
	body.cke_editable .address_field,
	body.cke_editable .contact_field,
	.ck-content .phone_field,
	.ck-content .email_field,
	.ck-content .address_field,
	.ck-content .contact_field {
		width: 92%;
	}
	.person .sidebar .headshot,
	.person .sidebar .headshot img {
		width: 140px;
		height: 140px;
	}
	.person .sidebar {
		width: 95%;
		margin-left: 0px;
	}
	.person .sidebar .address div,
	.person .sidebar .contact div {
		width: 90%;
	}
    .person .mainbar {
		width: 95%;
		margin-left: 0px;
		margin-top: 50px;
	}
}

@media only screen and (max-width: 800px) {
	.person h1 {
		font-size: 40px;
	}
}

@media only screen and (max-width: 600px) {
	.person .sidebar .address div,
	.person .sidebar .contact div {
		width: 80%;
	}
}

@media only screen and (max-width: 500px) {
	.person h1 {
		margin-left: 10px;
		font-size: 30px;
	}
	.person .sidebar .email > div > div:nth-last-child(1) {
		width: 230px;
	}
	.person .mainbar .person-intro {
		padding: 15px;
	}
	.person .mainbar .person-intro .titles,
	.person .mainbar .person-intro .sites {
		font-size: 21px;
	}
	.person .sidebar .contacts .phone_field,
	.person .sidebar .contacts .email_field,
	.person .sidebar .contacts .address_field,
	.person .sidebar .contacts .contact_field,
	body.cke_editable .phone_field,
	body.cke_editable .email_field,
	body.cke_editable .address_field,
	body.cke_editable .contact_field,
	.ck-content .phone_field,
	.ck-content .email_field,
	.ck-content .address_field,
	.ck-content .contact_field {
		width: 88%;
	}
}

@media only screen and (max-width: 345px) {
	.person .sidebar .contacts .phone_field,
	.person .sidebar .contacts .email_field,
	.person .sidebar .contacts .address_field,
	.person .sidebar .contacts .contact_field,
	body.cke_editable .phone_field,
	body.cke_editable .email_field,
	body.cke_editable .address_field,
	body.cke_editable .contact_field,
	.ck-content .phone_field,
	.ck-content .email_field,
	.ck-content .address_field,
	.ck-content .contact_field {
		width: 260px;
	}	
}

@media only screen and (max-width: 310px) {
	.person .sidebar .contacts .contact p {
		margin-left: 0px;
	}	
}




















/* ########################################################################## */
/* people view ############################################################## */
/* ########################################################################## */

.people-view * {
	transition: ease 200ms;
	max-width: 1111px;
}

.people .layout-content,
.people ~ footer {
	background-color: #f2f2f2;
}

.people h1 {
	font-size: 60px;
	color: #000;
	text-transform: capitalize;
	width: 380%;
	clear: both;
	padding-top: 20px;
	margin-bottom: 60px;
	font-weight: 600;
	margin-left: 0px;
}

.people h2 {
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	font-size: 21px;
	color: #505050;
}

.people h2:after {
	content: "";
	background-color: #c3c3c3;
	display: block;
	height: 4px;
	width: 100px;
	margin: 16px 0px 12px 0px;
}

.people-view {
	padding-bottom: 320px;
	margin-left: 670px;
	max-width: 1111px;
}




/*____________________________________________________________________________*/
/* people sidebar filter/sort options */

.glossary {
	margin-bottom: 70px;
	width: 300px;
}

.glossary a {
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	font-size: 35px;
	color: #505050;
	padding: 0px 4px;
	text-decoration: none;
	border-bottom: 3px solid #f2f2f2;
	transition: ease 200ms;
}
.glossary a:hover,
.glossary a:focus,
.glossary a.is-active {
	color: #000;
	border-bottom: 3px solid #000;
}

/* must undo js-form-item set to margin-left: 100px from login form css */
.people .js-form-item {
	margin-left: 0px !important;
}

/* extra select dropdown list needs to be hidden */
.people .views-exposed-form .js-form-type-select {
	display: none;
}

.people .views-exposed-form {
	margin-top: 70px;
}

.people select {
	width: 100%;
	height: 58px;
	-webkit-appearance: unset;
	border-radius: 0px;
	border: 0px;
	border-top: 4px solid #878787;
	background-color: rgba(0,0,0,0);
	color: #464646;
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	font-size: 21px;
	cursor: pointer;
	position: relative;
	z-index: 1;
	margin-top: -16px;
	transition: ease 200ms;
}

.people select:hover,
.people select:focus {
	border-top: 4px solid #000;
	cursor: pointer;
}

.people .select-down-arrow:after {
	content: url("../img/icons/arrow-tailed-black.png");
	display: inline-block;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	position: absolute;
	right: 17px;
	margin-top: -40px;
	opacity: 0.7;
	transition: ease 200ms;
}

.people select:hover + .select-down-arrow:after,
.people select:focus + .select-down-arrow:after {
	margin-top: -36px;
	opacity: 1;
}

.people .views-exposed-form input.form-text {
	height: 44px;
	width: 228px;
	border: #f2f2f2 solid 0px;
	border-bottom: #464646 solid 4px;
	background-color: #f2f2f2;
	color: #000;
	font-size: 21px;
	font-family: Open Sans, sans-serif;
	padding: 0px 9px 0px 9px;
	-webkit-appearance: initial;
}

/* can't use comma separators because the css breaks */
.people .views-exposed-form input.form-text::placeholder {
	color: #464646;
	opacity: 1;
}
.people .views-exposed-form input.form-text::-webkit-input-placeholder {
  color: #464646;
}
.people .views-exposed-form input.form-text:-ms-input-placeholder {
  color: #464646;
}
.people .views-exposed-form input.form-text::-ms-input-placeholder {
  color: #464646;
}
.people .views-exposed-form input.form-text:-moz-placeholder {
  color: #464646;
}
.people .views-exposed-form input.form-text::-moz-placeholder {
  color: #464646;
}

.people .views-exposed-form input.form-submit {
	position: relative;
	left: 245px;
	top: -45px;
	padding: 14px 4px;
	cursor: pointer;
	-webkit-appearance: initial;
	opacity: 0;
	z-index: 2;
}

.people .views-exposed-form .search-icon {
	display: block;
	transition: ease 200ms;
	position: relative;
	left: 259px;
	top: -81px;
	height: 23px;
	width: 23px;
}

.people .views-exposed-form .search-icon:after {
	content: url("../img/icons/search-icon-black.png");
}

.people .views-exposed-form input.form-submit:hover ~ .search-icon,
.people .views-exposed-form input.form-submit:focus ~ .search-icon {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}




/*____________________________________________________________________________*/
/* people filter links above profile cards */

.people-filter {
	display: inline-block;
	margin: 130px 80px 30px 0px;
	max-width: 1111px;
}

.people-filter a {
	display: inline-block;
    padding: 10px 20px;
    color: #464646;
    text-decoration: none;
    font-size: 21px;
    font-family: 'Encode Sans Condensed SemiBold', sans-serif;
    margin: 0px;
    transition: all ease 200ms;
    float: left;
    border-bottom: 4px solid #fff;
}

.people-filter a.active,
.people-filter a:not(.active):hover,
.people-filter a:not(.active):focus {
	color: #4b2e83;
	border-bottom: 4px solid #4b2e83;
}




/*____________________________________________________________________________*/
/* people profile cards */

.people-view .views-element-container {
	position: absolute;
}

.people-view .views-row {
	display: inline-block;
	vertical-align: top;
	width: 220px;
	position: relative;
	background-color: #fff;
	border-radius: 30px;
	padding: 20px;
	margin: 0px 12px 14px 0px;
	box-shadow: none;
	min-height: 300px;
	transition: ease 200ms;
}

.people-view .views-row:hover {
	margin: -4px 12px 18px 0px;
	box-shadow: 0px 14px 60px rgba(0, 0, 0, 0.4);
	z-index: 10;
}





/*____________________________________________________________________________*/
/* link field */

.people-view .person-link a {
	font-size: 10px;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	color: #fff;
	color: rgba(0,0,0,0);
	text-decoration: none;
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.65;
	z-index: 2;
	border-radius: 30px;
	transition: ease 200ms;
}

.people-view .person-link a:hover,
.people-view .person-link a:focus {
	opacity: 1;
}

.people-view .person-link a:focus {
	box-shadow: 0px 14px 60px rgba(0, 0, 0, 0.4);
}

.people-view .person-link a:before {
	content: url("../img/icons/arrow-tailed-black.png");
	position: absolute;
	left: 218px;
	top: 20px;
	transition: ease 200ms;
}

.people-view .person-link a:hover:before,
.people-view .person-link a:focus:before {
	left: 222px;
}




/*____________________________________________________________________________*/
/* headshot */

.people-view .views-field-field-headshot {
	margin-bottom: 10px;
}

.people-view .views-field-field-headshot div {
	width: 80px;
    height: 80px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.people-view .views-field-field-headshot div img {
	display: inline;
	margin: 0 auto;
	object-fit: cover;
	object-position: center top;
	height: 80px;
	width: 80px;
}

/*only show last name letters if there is no headshot*/
.people-view .views-field-title-2 {
	font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
	font-size: 30px;
	color: #fff;
	background: #4b2e83;
	background: linear-gradient(to bottom right, #6f3078, #37226a);
	border-radius: 50%;
	width: 80px;
	height: 80px;
	margin-bottom: 10px;
	text-align: center;
}

.people-view .views-field-title-2 span {
	display: inline-block;
	margin-top: 20px;
}

.people-view .views-field-field-headshot + .views-field-title-2 {
	display: none;
}




/*____________________________________________________________________________*/
/* first and last names */

.people-view .views-field-field-first-name,
.people-view .views-field-title {
	font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
	font-size: 25px;
	display: inline-block;
	color: #464646;
	transition: ease 200ms;
}

.people-view .views-field-field-first-name {
	margin-right: 5px;
}

.people-view .views-field-field-credentials {
	font-size: 18px;
	margin-bottom: 10px;
	color: #464646;
	transition: ease 200ms;
}

.people-view .person-link:hover ~ .views-field-field-first-name,
.people-view .person-link:hover ~ .views-field-title,
.people-view .person-link:hover ~ .views-field-credentials {
	color: #000;
}

.people-view .views-field-field-credentials:before {
	content: "";
	display: block;
	background-color: #ddd;
	background: linear-gradient(to bottom right, #37226a, #6f3078);
	height: 6px;
	width: 40px;
	margin: 9px 0px;
	transition: ease 200ms;
	transform: skew(-20deg);	
}

.people-view .person-link:hover ~ .views-field-field-credentials:before {
	width: 100px;
	background: linear-gradient(to right, #37226a, #4b2e83, #6f3078);
}




/*____________________________________________________________________________*/
/* academic and professional titles */

.people-view .views-field-field-academic-titles,
.people-view .views-field-field-professional-titles {
	font-size: 18px;
	color: #595959;
	padding: 10px 0px;
	font-style: italic;
	transition: ease 200ms;
}

.people-view .person-link:hover ~ .views-field-field-academic-titles,
.people-view .person-link:hover ~ .views-field-field-professional-titles {
	color: #000;
}

.people-view .views-field-field-academic-titles ~ .views-field-field-professional-titles {
	margin-top: -14px;
}




/*____________________________________________________________________________*/
/* contact info */

.people-view .views-field-field-contact .address,
.people-view .views-field-field-contact .contact,
.people-view .views-field-field-contact .address_field,
.people-view .views-field-field-contact .contact_field {
	display: none;
}

/* old code */
.people-view .views-field-field-contact .phone p,
.people-view .views-field-field-contact .email p {
	font-size: 18px;
	color: #464646;
	display: inline-block;
	vertical-align: top;
	margin: 11px 0px 0px 0px;
	width: 170px;
	word-break: break-all;
}
.people-view .views-field-field-contact .phone p a,
.people-view .views-field-field-contact .email p a {
	color: #464646;
	text-decoration: none;
}

/* new code */
.people-view .views-field-field-contact .phone_field,
.people-view .views-field-field-contact .email_field {
	font-size: 18px;
	color: #464646;
	display: inline-block;
	vertical-align: top;
	margin: 2px 0px 0px 0px;
	word-break: break-all;
	width: 184px;
	padding-left: 38px;
}
.people-view .views-field-field-contact .phone_field a,
.people-view .views-field-field-contact .email_field a {
	color: #464646;
	text-decoration: none;
}

.people-view .views-field-field-contact .phone:before,
.people-view .views-field-field-contact .phone_field:before {
	content: url("../img/icons/phone.png");
}

.people-view .views-field-field-contact .email:before,
.people-view .views-field-field-contact .email_field:before {
	content: url("../img/icons/email.png");
}

.people-view .views-field-field-contact .phone:before,
.people-view .views-field-field-contact .email:before,
.people-view .views-field-field-contact .phone_field:before,
.people-view .views-field-field-contact .email_field:before {
	position: relative;
	top: 9px;
	padding-right: 8px;
}

.people-view .views-field-field-contact .phone_field:before,
.people-view .views-field-field-contact .email_field:before {
	margin-right: 0px;
	margin-left: -38px;
}




/*____________________________________________________________________________*/
/* sticky pinned icon */

.people-view .views-field-sticky {
	position: absolute;
	right: 16px;
	bottom: 16px;
	background-color: #4b2e83;
	color: #4b2e83;
	font-size: 10px;
	padding: 7px;
	height: 30px;
	width: 30px;
	border-radius: 30px;
}

.people-view .views-field-sticky:after {
	content: url("../img/icons/pin-white.png");
	position: absolute;
	top: 9px;
	left: 9px;
}




/*____________________________________________________________________________*/
/* responsive styles for people */

@media only screen and (max-width: 2000px) {
	.layout-sidebar-left {
		left: 180px;
	}
	.people-view {
		margin-left: 550px;
	}
	.people-filter {
		margin: 130px 80px 30px 0px;
		max-width: 855px;
	}

}

@media only screen and (max-width: 1700px) {
	.people-view {
		max-width: 855px;
	}

}

@media only screen and (max-width: 1500px) {
	.layout-sidebar-left {
		left: 100px;
	}
	.people-view {
		margin-left: 470px;
	}
	.people-filter {
		margin: 130px 80px 30px 0px;
	}

}

@media only screen and (max-width: 1340px) {
	.people-filter {
		margin: 130px 80px 30px 0px;
	}
	.people-view {
		margin-left: 430px;
	}

}

@media only screen and (max-width: 1280px) {
	.people h1 {
		font-size: 50px;
	}
	.layout-sidebar-left {
		left: 30px;
	}
	.layout-content .js-form-item {
		margin-left: 30px;
	}
	.people-view {
		margin-left: 370px;
	}
	.people-filter {
		margin: 130px 80px 30px 0px;
	}

}

@media only screen and (max-width: 1230px) {
	.people h1 {
		width: 300%;
	}
	.people-view {
		margin-left: 500px;
	}
	.people-filter {
		margin: 130px 80px 30px 0px;
	}

}

@media only screen and (max-width: 1080px) {
	.people-view {
		margin-left: 400px;
	}
	.people-filter {
		margin: 130px 80px 30px 0px;
	}

}

@media only screen and (max-width: 1000px) {
	.people h1 {
		width: 245%;
	}
	.people-view {
		margin-left: 430px;
	}
	.people-filter {
		margin: 130px 80px 30px 0px;
	}
	.people-view .views-row{
		width: 30%;
		min-width: 295px;
	}
	.people-view .views-row:hover{
		margin: -4px 12px 18px 0px;
	}
	.people-view .person-link a:before {
		left: 85%;
	}
	.people-view .person-link a:hover:before,
	.people-view .person-link a:focus:before {
		left: 86%;
	}
	.people-view .views-field-field-phone > div, .people-view .views-field-field-email > div {
		max-width: 100%;
	}
}

@media only screen and (max-width: 800px) {
	.people h1 {
		font-size: 40px;
		margin-bottom: 30px;
		width: 100%;
	}
	.glossary {
		width: 100%;
		margin-bottom: 30px;
	}
	.people .views-exposed-form input.form-text {
		width: 80%;
	}
	.people .views-exposed-form input.form-submit {
		left: 82%;
		padding: 22px 13px;
		top: -58px;
	}
	.people .views-exposed-form .search-icon {
		left: 85%;
		top: -97px;
	}
	.people-view {
		margin-left: 0px;
	}
	.people-filter {
		margin: 20px;
	}
	.people-view .views-row{
		display: block;
		margin: auto;
		width: 70%;
		margin-top: 14px;
	}
	.people-view .views-row:hover {
		margin: auto;
		margin-top: 14px;
	}
	.people-view .person-link a:before {
		left: 90%;
	}
	.people-view .person-link a:hover:before,
	.people-view .person-link a:focus:before {
		left: 91%;
	}
}

@media only screen and (max-width: 700px) {
	.layout-sidebar-left {
		width: 89%;
		left: 20px;
	}
}

@media only screen and (max-width: 500px) {
	.people h1 {
		font-size: 30px;
		font-weight: 500;
	}
	.people .views-exposed-form {
		margin-top: 30px;
	}
	.people .views-exposed-form input.form-submit {
		left: 80%;
	}
	.people .views-exposed-form .search-icon {
		left: 87%;
	}
	.people-view .person-link a:before {
		left: 88%;
	}
	.people-view .person-link a:hover:before,
	.people-view .person-link a:focus:before {
		left: 89%;
	}	
}

@media only screen and (max-width: 450px) {
	.people-view .person-link a:before {
		left: 86%;
	}
	.people-view .person-link a:hover:before,
	.people-view .person-link a:focus:before {
		left: 87%;
	}
}

@media only screen and (max-width: 330px) {
	.people .views-exposed-form input.form-submit {
		left: 79%;
	}
	.people-view .person-link a:before {
		left: 84%;
	}
	.people-view .person-link a:hover:before,
	.people-view .person-link a:focus:before {
		left: 85%;
	}
	.people-view .views-row{
		min-width: 70%;
	}
}

@media only screen and (max-width: 300px) {
	.people .views-exposed-form input.form-submit {
		left: 76%;
	}
	.people-view .person-link a:before {
		left: 80%;
	}
	.people-view .person-link a:hover:before,
	.people-view .person-link a:focus:before {
		left: 81%;
	}
}




















/* ########################################################################## */
/* news node ################################################################ */
/* ########################################################################## */

.news-item {
	width: 94%;
	max-width: 1900px;
	margin: auto;
	position: relative;
	top: 10px;
	font-size: 21px;
	transition: ease 200ms;
}

.news-item .center-body-container {
	padding: 60px 0px 100px 0px;
	margin-top: 0px;
}

@media only screen and (max-width: 700px) {
	.news-item .center-body-container {
		max-width: 95%;
		width: 95%;
		padding: 30px 0px 100px 0px;
	}
}




/*____________________________________________________________________________*/
/* content above the fold */

.news-item .screen-reader-img {
	position: absolute;
	opacity: 0;
}

.news-item .screen-reader-img img {
	width: 1px;
}

.news-item .pre-story {
	border-radius: 30px;
	padding: 90px;
	position: relative;
}

.news-item .pre-story .news-label {
	text-transform: uppercase;
	font-size: 21px;
	color: #37226a;
	font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
	-webkit-transform: skew(-15deg,0);
	-ms-transform: skewX(-15deg) skewY(0);
	transform: skew(-15deg,0);
}

.news-item .pre-story.with-background .news-label {
	color: #fff;
}

.news-item .pre-story .news-label div {
	display: inline-block;
}

.news-item .pre-story .news-label:after {
	content: "";
	display: inline-block;
	border: 5px solid #37226a;
	height: 6px;
	width: 40%;
	margin-left: 7px;
	-webkit-transform: skew(-4deg,0);
	-ms-transform: skewX(-4deg) skewY(0);
	transform: skew(-4deg,0);
}

.news-item .pre-story.with-background  .news-label:after {
	border: 5px solid #fff;
}

.news-item .pre-story h1 {
	font-size: 55px;
	color: #4b2e83;
	width: 60%;
	margin-top: 10px;
	background: -webkit-linear-gradient(#37226a, #6f3078);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.news-item .pre-story.with-background h1 {
	color: #fff;
	background: -webkit-linear-gradient(#fff, #fff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.news-item .pre-story .date {
	position: absolute;
	top: 90px;
	right: 90px;
	font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
	color: #000;
}

.news-item .pre-story.with-background .date {
	color: #fff;
}

.news-item .pre-story .share {
	margin-top: 10px;
}

.news-item .pre-story .share a span {
	background-color: #fff !important;
	background-color: rgba(0,0,0,0) !important;
	margin-top: 14px;
}

.news-item .pre-story .share a span svg path {
	fill: #4b2e83;
}

.news-item .pre-story.with-background .share a span svg path {
	fill: #fff;
}

.news-item .pre-story .news-spotlight {
	height: 140px;
	width: 140px;
	border-radius: 50%;
	border: 6px solid #fff;
	position: absolute;
	right: 80px;
	top: 140px;
}

.news-item .pre-story .news-spotlight.left,
.news-item .pre-story .news-spotlight.second {
	right: 200px;
}

.news-item .pre-story .news-spotlight.first {
	right: 320px;
}

.news-item .pre-story #pin {
	display: none;
}

.node--sticky .news-item .pre-story #pin {
	display: block;
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	position: absolute;
	right: 85px;
	bottom: 85px;
	background-color: #4b2e83;
	padding: 6px 23px 11px 20px;
	color: #fff;
	font-size: 21px;
	border-radius: 30px;
}

.node--sticky .news-item .pre-story.with-background #pin {
	right: 35px;
	bottom: 35px;
}

.node--sticky .news-item .pre-story #pin:after {
	content: url("../img/icons/pin-white.png");
	position: relative;
	top: 5px;
	left: 9px;
}

@media only screen and (max-width: 1280px) {
	.news-item .pre-story {
		padding: 60px;
	}
	.news-item .pre-story h1 {
		font-size: 30px;
		width: 50%;
	}
	.news-item .pre-story .news-label div {
		display: block;
	}
	.news-item .pre-story .news-label:after {
		width: 15%;
	}
	.news-item .pre-story .date {
		top: 60px;
	}
	.news-item .pre-story .news-spotlight {
		height: 80px;
		width: 80px;
		top: 100px;
	}
	.news-item .pre-story .news-spotlight.second,
	.news-item .pre-story .news-spotlight.left {
		right: 150px;
	}
	.news-item .pre-story .news-spotlight.first {
		right: 220px;
	}
	.node--sticky .news-item .pre-story #pin {
		right: 35px;
		bottom: 35px;
	}
}

@media only screen and (max-width: 800px) {
	.news-item .pre-story {
		padding: 20px;
	}
	.news-item .pre-story h1 {
		width: 100%;
	}
	.news-item .pre-story .date,
	.news-item .pre-story .news-spotlight,
	.news-item .pre-story .news-spotlight.left,
	.news-item .pre-story .news-spotlight.second,
	.news-item .pre-story .news-spotlight.first {
		top: 0px;
		right: 0px;
		position: relative;
	}
	.news-item .pre-story .date {
		margin: 25px 0px 10px 0px;
	}
	.news-item .pre-story .news-spotlight {
		display: inline-block !important;
		margin: 27px -22px 0px 0px;
	}
}

@media only screen and (max-width: 500px) {
	.node--sticky .news-item .pre-story #pin,
	.node--sticky .news-item .pre-story.with-background #pin {
		right: 16px;
		bottom: 16px;
		color: #4b2e83;
		font-size: 1px;
		padding: 7px;
		height: 30px;
		width: 30px;
	}
	.node--sticky .news-item .pre-story #pin:after {
		position: absolute;
		top: 9px;
	}
}

@media only screen and (max-width: 300px) {
	.news-item .pre-story h1 {
		font-size: 21px;
	}	
}




/*____________________________________________________________________________*/
/* progress bar and back to top link */

.news-item #progress {
	position: absolute;
	background-color: #4b2e83;
	width: 14px;
	height: 14px;
	top: 0px;
	left: 0px;
	opacity: 0;
	z-index: 2;
	transition: ease 200ms;
}

.news-item .top {
	opacity: 0;
	position: fixed;
	top: 20px;
	left: 10px;
	font-size: 6px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	color: rgba(0,0,0,0);
	background-color: #4b2e83;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index: 10;
	transition: ease 200ms;
}

.news-item .top:after {
	content: url("../img/icons/arrow-tailed-white.png");
	position: relative;
	top: 4px;
	right: -11px;
}

.news-item .top:hover,
.news-item .top:focus {
	background-color: #000;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

@media only screen and (max-width: 1280px) {
	.news-item .top {
		bottom: 30px;
		left: 30px;
		top: initial;
		width: 62px;
		height: 62px;
		background-color: rgba(0,0,0,0.65);
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	.news-item .top:after {
		top: 20px;
		right: 8px;
	}
}

@media only screen and (max-width: 600px) {
	.news-item .top {
		left: inherit;
		right: 30px;
	}
}




/*____________________________________________________________________________*/
/* news categories */

#block-views-block-news-block-2 {
	position: absolute;
	bottom: 200px;
	left: 10vw;
	width: 180px;
	transition: ease 350ms;
}

input#menu-toggle:checked ~ .dialog-off-canvas-main-canvas #block-views-block-news-block-2 {
	margin-left: -330px;
}

#block-views-block-news-block-2 h2 {
	font-size: 21px;
	color: #464646;
}

#block-views-block-news-block-2 h2:after {
	content: "";
	display: block;
	background-color: #ddd;
	width: 100%;
	height: 4px;
	margin: 13px 0px 5px 0px;
}

#block-views-block-news-block-2 ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#block-views-block-news-block-2 ul li a {
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	font-size: 21px;
	color: #595959;
	padding: 9px 0px;
	text-decoration: none;
	display: block;
	transition: ease 200ms;
}

#block-views-block-news-block-2 ul li a:hover,
#block-views-block-news-block-2 ul li a:focus {
	color: #000;
	text-decoration: underline;
	padding-left: 4px;
}

#block-views-block-news-block-2 ul li a:after {
	content: url("../img/icons/arrow-tailed-black.png");
	position: relative;
	top: 2px;
	padding-left: 6px;
	opacity: 0.65;
	transition: ease 200ms;
}

#block-views-block-news-block-2 ul li a:hover:after,
#block-views-block-news-block-2 ul li a:focus:after {
	opacity: 1;
	padding-left: 10px;
}




/*____________________________________________________________________________*/
/* recent news block */

#block-views-block-news-block-1 {
	width: 240px;
	max-width: 690px;
	position: absolute;
	bottom: 100px;
	right: 13%;
	transition: ease 350ms;
}

input#menu-toggle:checked ~ .dialog-off-canvas-main-canvas #block-views-block-news-block-1 {
	margin-right: 330px;
}

#block-views-block-news-block-1 h2 {
	font-size: 21px;
	color: #464646;
	margin-bottom: 10px;
}

#block-views-block-news-block-1 .views-row {
	display: block;
	background-color: #eee;
	width: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 30px;
	transition: ease 200ms;
	margin-bottom: 12px;
	padding-bottom: 18px;
}

#block-views-block-news-block-1 .views-row:hover {
	background-color: #fff;
	margin-left: 6px;
}

#block-views-block-news-block-1 .views-row .views-field-field-news-background-image {
	position: absolute;
	height: 100%;
	width: 900%;
	background-color: #000;
	z-index: 0;
}

#block-views-block-news-block-1 .views-row .views-field-field-news-background-image div {
	height: 100%;
}

#block-views-block-news-block-1 .views-row .views-field-field-news-background-image img {
	display: inline;
	margin: 0 auto;
	height: 100%;
	width: auto;
	max-width: 900%;
	opacity: 0.35;
}

#block-views-block-news-block-1 .views-row .views-field-field-news-background-image span img {
	display: inline-block;
	transform: scaleX(-1);
	margin-left: -4.5px;
}

#block-views-block-news-block-1 .views-row .views-field-field-news-background-image span img:nth-child(2) {
	transform: none;
}

#block-views-block-news-block-1 .views-row .link {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 5;
}

#block-views-block-news-block-1 .views-row .link span {
	display: block;
	width: 100%;
	height: 100%;
}

#block-views-block-news-block-1 .views-row .link a {
	display: block;
	width: 93%;
	height: 100%;
	font-size: 10px;
	color: #fff;
	color: rgba(0,0,0,0);
	word-break: break-all;
	padding: 10px;
}

#block-views-block-news-block-1 .views-row .link a:focus {
	background-color: rgba(0,0,0,0.5);
	border-radius: 30px;
	padding: 0px;
	width: 100% !important;
}

#block-views-block-news-block-1 .views-row .link a:before {
	content: url("../img/icons/arrow-tailed-black.png");
	position: absolute;
	top: 25px;
	right: 23px;
	transition: ease 200ms;
}

#block-views-block-news-block-1 .views-row .views-field-field-news-background-image ~ .link a:before {
	content: url("../img/icons/arrow-tailed-white.png");
}

#block-views-block-news-block-1 .views-row .link a:hover:before,
#block-views-block-news-block-1 .views-row .link a:focus:before {
	right: 20px;
}

#block-views-block-news-block-1 .views-row .date {
	margin: 20px 24px 11px 24px;
	position: relative;
	z-index: 1;
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	font-size: 18px;
	color: #1c1c1c;
}

#block-views-block-news-block-1 .views-row .date:after {
	content: "";
	display: block;
	background-color: #bbb;
	width: 50px;
	height: 4px;
	margin: 12px 0px 10px 0px;
	-webkit-transform: skew(-15deg,0);
	-ms-transform: skewX(-15deg) skewY(0);
	transform: skew(-15deg,0);
	transition: ease 200ms;
}

#block-views-block-news-block-1 .views-row:hover .date:after {
	width: 70px;
}

#block-views-block-news-block-1 .views-row .views-field-field-news-background-image ~ .date {
	color: #fff;
}

#block-views-block-news-block-1 .views-row .views-field-title {
	margin: 4px 24px 6px 24px;
	position: relative;
	z-index: 1;
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	font-size: 18px;
	color: #000;
}

#block-views-block-news-block-1 .views-row:hover .views-field-title {
	text-decoration: underline;
}

#block-views-block-news-block-1 .views-row .views-field-field-news-background-image ~ .views-field-title {
	color: #fff;
}

#block-views-block-news-block-1 .views-row .views-field-field-news-spotlight-image,
#block-views-block-news-block-1 .views-row .views-field-field-news-spotlight-image-2,
#block-views-block-news-block-1 .views-row .views-field-field-news-spotlight-image-3 {
	position: relative;
	float: left;
	margin-left: 24px;
	margin-bottom: 6px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	z-index: 4;
	border: 3px solid #eee;
	transition: ease 200ms;
}

#block-views-block-news-block-1 .views-row:hover .views-field-field-news-spotlight-image,
#block-views-block-news-block-1 .views-row:hover .views-field-field-news-spotlight-image-2,
#block-views-block-news-block-1 .views-row:hover .views-field-field-news-spotlight-image-3 {
	border: 3px solid #fff;
}

#block-views-block-news-block-1 .views-row .views-field-field-news-spotlight-image-2 {
	left: 80px;
	z-index: 3;
	margin-left: -90px;
}

#block-views-block-news-block-1 .views-row .views-field-field-news-spotlight-image-3 {
	left: 133px;
	z-index: 2;
	margin-left: -100px;
}

#block-views-block-news-block-1 .views-row .views-field-field-news-spotlight-image img,
#block-views-block-news-block-1 .views-row .views-field-field-news-spotlight-image-2 img,
#block-views-block-news-block-1 .views-row .views-field-field-news-spotlight-image-3 img {
	width: 100%;
}

#block-views-block-news-block-1 .views-row .views-field-field-news-spotlight-image span img,
#block-views-block-news-block-1 .views-row .views-field-field-news-spotlight-image-2 span img,
#block-views-block-news-block-1 .views-row .views-field-field-news-spotlight-image-3 span img {
	display: block;
	margin-top: -5px;
	transform: scaleY(-1);
}

#block-views-block-news-block-1 .more-link {
	margin-top: 33px;
}

#block-views-block-news-block-1 .more-link a {
	background-color: #4b2e83;
	color: #fff;
	text-decoration: none;
	padding: 13px 20px;
	font-size: 21px;
	border-radius: 30px;
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	transition: ease 200ms;
}

#block-views-block-news-block-1 .more-link a:hover,
#block-views-block-news-block-1 .more-link a:focus {
	background-color: #000;
	margin-left: 10px;
}

#block-views-block-news-block-1 .more-link a:after {
	content: url("../img/icons/arrow-white.png");
	position: relative;
	top: 2px;
	padding-left: 4px;
}

@media only screen and (max-width: 1900px) {
	#block-views-block-news-block-1 {
		right: 10%;
	}
}

@media only screen and (max-width: 1700px) {
	#block-views-block-news-block-1 {
		right: 6%;
	}
	#block-views-block-news-block-2 {
		left: 7vw;
	}
}

@media only screen and (max-width: 1600px) {
	#block-views-block-news-block-1 {
		right: 3%;
	}
	#block-views-block-news-block-2 {
		left: 5vw;
	}
}

@media only screen and (max-width: 1280px) {
	#block-views-block-news-block-1 { /* set to important to override JS styling */
		position: relative !important;
		margin: auto !important;
		width: 648px !important;
		right: 0px !important;
		margin-top: 80px !important;
	}
	#block-views-block-news-block-2 {
		position: relative;
		bottom: 0px;
		left: 0px;
		width: 648px;
		margin: auto;
		padding-bottom: 80px;
	}
}

@media only screen and (max-width: 800px) {
	#block-views-block-news-block-1,
	#block-views-block-news-block-2 {
		width: 70% !important;
	}
}

@media only screen and (max-width: 500px) {
	#block-views-block-news-block-1,
	#block-views-block-news-block-2 {
		width: 90% !important;
	}
}




















/* ########################################################################## */
/* news view ################################################################ */
/* ########################################################################## */

.news .layout-content,
.news ~ footer {
	background-color: #f2f2f2;
}

.news #block-round1dev-content {
	padding-bottom: 100px;
}

.news h1 {
	font-size: 60px;
	color: #464646;
	text-transform: capitalize;
	background: -webkit-linear-gradient(1turn, #000, #707070);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	max-width: 86%;
	clear: both;
	padding-top: 20px;
	margin-bottom: 30px;
	font-weight: 600;
	margin-left: 300px;
}




/*____________________________________________________________________________*/
/* page count */

.news .page-count {
	margin-left: 300px;
}

.news .page-count h2 {
	font-size: 21px;
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
}

.news .page-count h2 strong {
	background-color: #595959;
	color: #fff;
	padding: 8px 16px;
	margin-right: 3px;
	border-radius: 30px;
}




/*____________________________________________________________________________*/
/* news search bar */

.news form {
	width: 28%;
	position: relative;
	top: -35px;
	left: 24%;
}

.news form .js-form-item {
	margin-left: 0px !important;
}

.news form input.form-text {
	height: 44px;
	width: 100%;
	border: 0px;
	/* border-bottom: 4px solid #888; */
	background-color: #4b2e83;
	background: linear-gradient(to bottom right, #6f3078, #37226a);
	border-radius: 12px;
	color: #fff;
	font-size: 21px;
	font-family: Open Sans, sans-serif;
	padding: 0px 44px 0px 18px;
	-webkit-appearance: initial;
}

/* can't use comma separators because the css breaks */
.news form input.form-text::placeholder {
	color: #fff;
	opacity: 1;
}
.news form input.form-text::-webkit-input-placeholder {
  color: #fff;
}
.news form input.form-text:-ms-input-placeholder {
  color: #fff;
}
.news form input.form-text::-ms-input-placeholder {
  color: #fff;
}
.news form input.form-text:-moz-placeholder {
  color: #fff;
}
.news form input.form-text::-moz-placeholder {
  color: #fff;
}

.news form #edit-actions {
	position: absolute;
	width: 100%;
}

.news form #edit-actions input.form-submit {
	position: absolute;
	right: -67px;
	top: -49px;
	padding: 16px 8px;
	cursor: pointer;
	-webkit-appearance: initial;
	opacity: 0;
	z-index: 2;
}

.news form #edit-actions input.form-submit ~ .search-icon {
	height: 23px;
	width: 23px;
	position: absolute;
	top: -34px;
	right: -49px;
	transition: ease 200ms;
}

.news form #edit-actions input.form-submit:hover ~ .search-icon,
.news form #edit-actions input.form-submit:focus ~ .search-icon {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.news form #edit-actions input.form-submit ~ .search-icon:after {
	content: url("../img/icons/search-icon-white.png");
}




/*____________________________________________________________________________*/
/* news story cards */

.news .views-row {
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
	width: 14%;
	min-height: 360px;
	position: relative;
	overflow: hidden;
    border-radius: 30px;
	transition: ease 200ms;
	margin-bottom: 20px;
	margin-right: 0.8%;
}

.news .views-row:hover {
	margin-top: -4px;
	margin-bottom: 24px;
	box-shadow: 0px 14px 60px rgba(0, 0, 0, 0.4);
	z-index: 10;
}




/*____________________________________________________________________________*/
/* news story cards - background image */

.news .views-row .views-field-field-news-background-image {
	position: absolute;
	height: 100%;
	width: 900%;
	background-color: #000;
	z-index: 0;
}

.news .views-row .views-field-field-news-background-image div {
	height: 100%;
}

.news .views-row .views-field-field-news-background-image img {
	display: inline;
	margin: 0 auto;
	height: 100%;
	width: auto;
	max-width: 900%;
	opacity: 0.35;
}

.news .views-row .views-field-field-news-background-image span img {
	display: inline-block;
	transform: scaleX(-1);
	margin-left: -4.5px;
}

.news .views-row .views-field-field-news-background-image span img:nth-child(2) {
	transform: none;
}




/*____________________________________________________________________________*/
/* news story cards - placeholder date */

.news .views-row .placeholder-date {
	position: absolute;
	background-color: #1c1c1c;
	background-color: rgba(0,0,0,0.65);
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	font-size: 16px;
	color: #fff;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	z-index: 1;
	top: 30px;
	left: 30px;
}

.news .views-row .placeholder-date span {
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 25px;
}




/*____________________________________________________________________________*/
/* news story cards - spotlight images */

.news .views-row .views-field-field-news-spotlight-image,
.news .views-row .views-field-field-news-spotlight-image-2,
.news .views-row .views-field-field-news-spotlight-image-3 {
	position: absolute;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	overflow: hidden;
	z-index: 4;
	top: 26px;
	left: 26px;
	border: 4px solid #fff;
	transition: ease 200ms;
}

.news .views-row .views-field-field-news-spotlight-image-2 {
	left: 80px;
	z-index: 3;
}

.news .views-row .views-field-field-news-spotlight-image-3 {
	left: 133px;
	z-index: 2;
}

.news .views-row:hover .views-field-field-news-spotlight-image-2 {
	left: 84px;
}

.news .views-row:hover .views-field-field-news-spotlight-image-3 {
	left: 141px;
}

.news .views-row .views-field-field-news-spotlight-image img,
.news .views-row .views-field-field-news-spotlight-image-2 img,
.news .views-row .views-field-field-news-spotlight-image-3 img {
	width: 100%;
}

.news .views-row .views-field-field-news-spotlight-image span img,
.news .views-row .views-field-field-news-spotlight-image-2 span img,
.news .views-row .views-field-field-news-spotlight-image-3 span img {
	display: block;
	margin-top: -5px;
	transform: scaleY(-1);
}




/*____________________________________________________________________________*/
/* news story cards - card link <a> tag */

.news .views-row .link {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 5;
}

.news .views-row .link span {
	display: block;
	width: 100%;
	height: 100%;
}

.news .views-row .link a {
	display: block;
	width: 93%;
	height: 100%;
	font-size: 10px;
	color: #fff;
	color: rgba(0,0,0,0);
	word-break: break-all;
	padding: 10px;
}

.news .views-row .link a:focus {
	background-color: rgba(0,0,0,0.65);
	border-radius: 30px;
	padding: 0px;
	width: 100% !important;
}

.news .views-row .views-field-field-news-background-image ~ .link a:focus {
	background-color: rgba(255,255,255,0.65);
}

.news .views-row .link a:before {
	content: url("../img/icons/arrow-tailed-black.png");
	position: absolute;
	top: 33px;
	right: 30px;
	transition: ease 200ms;
}

.news .views-row .views-field-field-news-background-image ~ .link a:before {
	content: url("../img/icons/arrow-tailed-white.png");
}

.news .views-row .link a:hover:before,
.news .views-row .link a:focus:before{
	right: 25px;
}




/*____________________________________________________________________________*/
/* news story cards - date and titles */

.news .views-row .date {
	margin: 112px 30px 11px 30px;
	position: relative;
	z-index: 1;
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	font-size: 18px;
	color: #595959;
}

.news .views-row .views-field-field-news-background-image ~ .date {
	color: #fff;
}

.news .views-row .views-field-title {
	margin: 4px 30px 30px 30px;
	position: relative;
	z-index: 1;
	font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
	font-size: 25px;
	color: #000;
}

.news .views-row .views-field-field-news-background-image ~ .views-field-title {
	color: #fff;
}




/*____________________________________________________________________________*/
/* news story cards - sticky cards */

.news .views-row .views-field-sticky {
	position: absolute;
	right: 16px;
	bottom: 16px;
	background-color: #4b2e83;
	color: #4b2e83;
	font-size: 10px;
	padding: 7px;
	height: 30px;
	width: 30px;
	border-radius: 30px;
}

.news .views-row .views-field-sticky:after {
	content: url("../img/icons/pin-white.png");
	position: absolute;
	top: 9px;
	left: 9px;
}




/*____________________________________________________________________________*/
/* 1st news story */

.news .views-row:first-of-type {
	margin-left: 300px;
	min-height: 340px;
	width: 42%;
	display: block;
}

.news .views-row:first-of-type .placeholder-date {
	width: 140px;
	height: 140px;
	top: 99px;
	left: initial;
	right: 90px;
	font-size: 21px;
	transition: ease 200ms;
}

.news .views-row:first-of-type:hover .placeholder-date {
	right: 85px;
}

.news .views-row:first-of-type .placeholder-date span {
	margin-top: 57px;
}

.news .views-row:first-of-type .date {
	margin: 50px 50px 11px 50px;
	font-size: 21px;
}

.news .views-row:first-of-type .views-field-title {
	margin: 4px 330px 50px 50px;
	font-size: 40px;
}

.news .views-row:first-of-type .views-field-field-news-spotlight-image,
.news .views-row:first-of-type .views-field-field-news-spotlight-image-2,
.news .views-row:first-of-type .views-field-field-news-spotlight-image-3 {
	width: 160px;
	height: 160px;
	top: 86px;
	left: inherit;
	right: 65px;
	border: 7px solid #fff;
}

.news .views-row:first-of-type .views-field-field-news-spotlight-image-2 {
	width: 80px;
	height: 80px;
	top: 58px;
	right: 205px;
}

.news .views-row:first-of-type .views-field-field-news-spotlight-image-3 {
	width: 70px;
	height: 70px;
	top: 210px;
	right: 190px;
}

.news .views-row:first-of-type:hover .views-field-field-news-spotlight-image {
	right: 60px;
}

.news .views-row:first-of-type:hover .views-field-field-news-spotlight-image-2 {
	top: 50px;
}

.news .views-row:first-of-type:hover .views-field-field-news-spotlight-image-3 {
	top: 218px;
	right: 195px;
}

.news .views-row:first-of-type .link a {
	width: 98%;
}




/*____________________________________________________________________________*/
/* 2nd, 3rd, and 5th news story */

.news .views-row:nth-of-type(2) {
	margin-left: 300px;
	width: 27%;
}

.news .views-row:nth-of-type(3) {
	margin-right: 35%;
}

.news .views-row:nth-of-type(5) {
	width: 23%;
	margin-right: 35%;
	min-height: 496px;
}

.news .views-row:nth-of-type(2) .placeholder-date,
.news .views-row:nth-of-type(5) .placeholder-date {
	width: 100px;
	height: 100px;
	top: 40px;
	left: 40px;
	font-size: 21px;
}

.news .views-row:nth-of-type(2) .placeholder-date span,
.news .views-row:nth-of-type(5) .placeholder-date span {
	margin-top: 36px;
}

.news .views-row:nth-of-type(2) .date,
.news .views-row:nth-of-type(5) .date {
	margin: 160px 40px 11px 40px;
}

.news .views-row:nth-of-type(2) .views-field-title,
.news .views-row:nth-of-type(5) .views-field-title {
	margin: 4px 40px 34px 40px;
	font-size: 35px;
}

.news .views-row:nth-of-type(5) .views-field-title {
	font-size: 40px;
}

.news .views-row:nth-of-type(2) .views-field-field-news-spotlight-image,
.news .views-row:nth-of-type(2) .views-field-field-news-spotlight-image-2,
.news .views-row:nth-of-type(2) .views-field-field-news-spotlight-image-3,
.news .views-row:nth-of-type(5) .views-field-field-news-spotlight-image,
.news .views-row:nth-of-type(5) .views-field-field-news-spotlight-image-2,
.news .views-row:nth-of-type(5) .views-field-field-news-spotlight-image-3 {
	width: 100px;
	height: 100px;
	top: 36px;
	left: 36px;
	border: 6px solid #fff;
}

.news .views-row:nth-of-type(2) .views-field-field-news-spotlight-image-2,
.news .views-row:nth-of-type(5) .views-field-field-news-spotlight-image-2 {
	left: 120px;
}

.news .views-row:nth-of-type(2) .views-field-field-news-spotlight-image-3,
.news .views-row:nth-of-type(5) .views-field-field-news-spotlight-image-3 {
	left: 204px;
}

.news .views-row:nth-of-type(2):hover .views-field-field-news-spotlight-image-2,
.news .views-row:nth-of-type(5):hover .views-field-field-news-spotlight-image-2 {
	left: 124px;
}

.news .views-row:nth-of-type(2):hover .views-field-field-news-spotlight-image-3,
.news .views-row:nth-of-type(5):hover .views-field-field-news-spotlight-image-3 {
	left: 212px;
}

.news .views-row:nth-of-type(2) .link a {
	width: 97%;
}

.news .views-row:nth-of-type(5) .link a {
	width: 96%;
}




/*____________________________________________________________________________*/
/* 4th and 6th news story */

.news .views-row:nth-of-type(4),
.news .views-row:nth-of-type(6) {
	margin-left: 300px;
	width: 18%;
	min-height: 238px;
}

.news .views-row:nth-of-type(6) {
	margin-top: -257px;
}

.news .views-row:nth-of-type(6):hover {
	margin-top: -261px;
}

.news .views-row:nth-of-type(4) .date,
.news .views-row:nth-of-type(6) .date {
	margin: 106px 30px 4px 30px;
}

.news .views-row:nth-of-type(4) .views-field-title,
.news .views-row:nth-of-type(6) .views-field-title {
	font-size: 21px;
	margin: 4px 30px 24px 30px;
}

.news .views-row:nth-of-type(4) .link a,
.news .views-row:nth-of-type(6) .link a {
	width: 95%;
}




/*____________________________________________________________________________*/
/* news view pager buttons */

.news nav {
	position: relative;
	left: 300px;
	width: 50%;
	margin-bottom: 18px;
	margin-top: 10px;
	transition: ease 350ms;
}

.news ul.js-pager__items {
	list-style: none;
	margin: 0;
	padding: 0px;
}

.news ul.js-pager__items li {
	display: inline-block;
	color: #464646;
	font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
	font-size: 21px;
	margin-bottom: 10px;
}

.news ul.js-pager__items li:first-of-type {
	margin-left: 0px;
}

.news ul.js-pager__items li a {
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	display: inline-block;
	margin-top: 42px;
	background-color: #4b2e83;
	color: #fff;
	text-decoration: none;
	padding: 9px 18px;
	border-radius: 30px;
	transition: ease 200ms;
}

.news ul.js-pager__items li:first-of-type a:before {
	content: url("../img/icons/arrow-tailed-white.png");
	display: inline-block;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	position: relative;
	top: -2px;
	right: 3px;
}

.news ul.js-pager__items li:first-of-type a:hover,
.news ul.js-pager__items li:first-of-type a:focus {
	margin-left: -4px;
	background-color: #000;
}

.news ul.js-pager__items li:nth-of-type(2) {
	position: absolute;
	left: 0px;
}

.news ul.js-pager__items li:last-of-type {
	float: right;
}

.news ul.js-pager__items li:last-of-type a {
	position: relative;
	left: 0px;
	transition: ease 200ms;
}

.news ul.js-pager__items li:last-of-type a:hover,
.news ul.js-pager__items li:last-of-type a:focus {
	left: 4px;
	background-color: #000;
}

.news ul.js-pager__items li:last-of-type a:after {
	content: url("../img/icons/arrow-tailed-white.png");
	position: relative;
	top: 3px;
	left: 3px;
	transition: ease 200ms;
}




/*____________________________________________________________________________*/
/* news category links to view pages and sub menu */

.news footer {
	display: block;
	top: 242px;
	left: 60vw;
	width: 30vw;
	background-color: #f2f2f2;
	padding: 30px 0px 0px 0px;
	transition: ease 350ms;
	z-index: 1;
}

input#menu-toggle:checked ~ .dialog-off-canvas-main-canvas .news footer {
	right: 400px;
}

.news footer h3 {
	font-size: 21px;
	color: #464646;
	margin-bottom: 14px;
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	font-weight: 500;
}

.news footer a {
	display: inline-block;
	background-color: #ddd;
	color: #000;
	font-size: 21px;
	margin: 5px 3px 3px 0px;
	border-radius: 10px;
	padding: 10px 12px;
	text-decoration: none;
	transition: 200ms;
}

.news footer a.active,
.news footer a:hover,
.news footer a:focus {
	background-color: #595959;
	color: #fff;
}

.news footer .sub-menu ul {
	list-style-type: none;
	background-color: #ddd;
	border-radius: 30px;
	margin-bottom: 40px;
	padding: 15px 0px;
}

.news footer .sub-menu ul a {
	border-radius: 17px;
	margin: 0px 14px 0px 14px;
	font-family: 'Uni Sans Regular', sans-serif;
	padding: 12px 17px 10px 17px;
	display: block;
	color: #1c1c1c;
}

.news footer .sub-menu ul a[href*="//"]:not([href*="mysite.com"]):after {
	content: url("../img/icons/external-black.png");
	position: relative;
	top: 2px;
	padding-left: 7px;
	opacity: 0.8;
}

.news footer .sub-menu ul a:hover,
.news footer .sub-menu ul a:focus {
	background-color: #bbb;
	color: #000;
	padding: 12px 17px 10px 21px;
}

.news footer a.mednews-link {
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	margin-top: -20px;
	margin-bottom: 40px;
	padding: 20px 34px 22px 34px;
	border-radius: 30px;
	background-color: #4b2e83;
	color: #fff;
	transition: ease 200ms;
}

.news footer a.mednews-link:hover,
.news footer a.mednews-link:focus {
	padding: 20px 34px 22px 38px;
	background-color: #000;
}

.news footer a.mednews-link:after {
	content: url('../img/icons/external-white.png');
	position: relative;
	top: 1px;
	padding-left: 7px;
	transition: ease 200ms;
}

.news footer a.mednews-link:hover:after,
.news footer a.mednews-link:focus:after {
	padding-left: 11px;
}




/*____________________________________________________________________________*/
/* empty news category styling */

.news .no-result {
	margin-left: 300px;
	font-size: 21px;
}

.news .no-result a {
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	display: inline-block;
	margin-top: 20px;
	background-color: #4b2e83;
	color: #fff;
	text-decoration: none;
	padding: 9px 25px;
	border-radius: 30px;
	transition: ease 200ms;
}

.news .no-result a:hover,
.news .no-result a:focus {
	background-color: #000;
}

.news .no-result a:before {
	content: url("../img/icons/arrow-tailed-white.png");
	display: inline-block;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	position: relative;
	top: -2px;
	right: 3px;
	padding-left: 4px;
	transition: ease 200ms;
}

.news .no-result a:hover:before,
.news .no-result a:focus:before {
	right: 8px;
}




/*____________________________________________________________________________*/
/* making news view responsive */

@media only screen and (max-width: 2000px) {
	.news h1,
	.news .page-count {
		margin-left: 200px;
	}
	.news form {
		width: 33%;
		left: 21%;
	}
	.news .views-row {
		width: 16%;
	}
	.news .views-row:first-of-type {
		margin-left: 200px;
		width: 47%;
	}
	.news .views-row:nth-of-type(2) {
		margin-left: 200px;
		width: 30%;
	}
	.news .views-row:nth-of-type(4),
	.news .views-row:nth-of-type(6) {
		margin-left: 200px;
		width: 20%;
	}
	.news .views-row:nth-of-type(5) {
		width: 26%;
	}
	.news nav {
		left: 200px;
	}
	.news footer {
		left: 62vw;
	}
	.news .no-result {
		margin-left: 200px;
	}
}

@media only screen and (max-width: 1950px) {
	.news .views-row {
		margin-bottom: 18px;
	}
	.news .views-row:hover {
		margin-bottom: 22px;
	}
}

@media only screen and (max-width: 1900px) {
	.news form {
		width: 33.5%;
	}
}

@media only screen and (max-width: 1800px) {
	.news form {
		width: 32%;
		left: 23%;
	}
}

@media only screen and (max-width: 1700px) {
	.news form {
		width: 32.5%;
	}
}

@media only screen and (max-width: 1600px) {
	.news form {
		width: 36%;
		left: 28%;
	}
	.news .views-row {
		width: 18%;
		margin-bottom: 16px;
	}
	.news .views-row:hover {
		margin-bottom: 20px;
	}
	.news .views-row:first-of-type {
		width: 55%;
	}
	.news .views-row:nth-of-type(2) {
		width: 36%;
	}
	.news .views-row:nth-of-type(3) {
		margin-right: 20%;
	}
	.news .views-row:nth-of-type(4),
	.news .views-row:nth-of-type(6) {
		width: 24%;
	}
	.news .views-row:nth-of-type(5) {
		width: 30%;
		margin-right: 20%;
	}
	.news nav {
		width: 60%;
	}
	.news footer {
		left: 71vw;
		width: 20vw;
	}
}

@media only screen and (max-width: 1500px) {
	.news h1,
	.news .page-count {
		margin-left: 100px;
	}
	.news form {
		width: 41%;
		left: 21%;
	}
	.news .views-row {
		width: 20%;
	}
	.news .views-row:first-of-type {
		width: 59%;
		margin-left: 100px;
	}
	.news .views-row:nth-of-type(2) {
		width: 38%;
		margin-left: 100px;
	}
	.news .views-row:nth-of-type(4),
	.news .views-row:nth-of-type(6) {
		width: 25%;
		margin-left: 100px;
	}
	.news .views-row:nth-of-type(5) {
		width: 33%;
	}
	.news nav {
		left: 100px;
	}
	.news footer {
		left: 70vw;
		width: 21vw;
	}
	.news .no-result {
		margin-left: 100px;
	}
}

@media only screen and (max-width: 1340px) {
	.news .views-row {
		margin-bottom: 14px;
	}
	.news .views-row:hover {
		margin-bottom: 18px;
	}
	.news footer {
		text-align: left;
	}
}

@media only screen and (max-width: 1280px) {
	.news h1 {
		font-size: 40px;
		margin-left: 30px;
	}
	.news .page-count {
		margin-left: 30px;
	}
	.news form {
		left: 220px;
		width: 69%;
	}
	.news .views-row {
		width: 28.5%;
		margin-right: 1%;
	}
	.news .views-row:first-of-type {
		width: 80%;
	}
	.news .views-row:nth-of-type(2) {
		width: 50%;
	}
	.news .views-row:nth-of-type(3) {
		margin-right: 3%;
	}
	.news .views-row:nth-of-type(4),
	.news .views-row:nth-of-type(6) {
		width: 33%;
	}
	.news .views-row:nth-of-type(5) {
		width: 45.5%;
		margin-right: 3%;
	}
	.news nav,
	.news footer {
		position: relative;
		left: 0px;
		width: 80%;
		top: 0px;
		margin-left: 100px;
		margin-top: 80px;
	}
	.news nav {
		margin-top: 40px;
	}
	.news footer h3 {
		margin-bottom: 20px;
	}
	.news ul.js-pager__items li a {
		margin-top: 46px;
	}
	.news .no-result {
		margin-left: 30px;
	}
}

@media only screen and (max-width: 1000px) {
	.news form {
		width: 50%;
	}
	.news .views-row {
		display: block !important;
		margin: auto !important;
		width: 80% !important;
		min-height: 350px !important;
		margin-bottom: 20px !important;
	}
	.news .views-row .date {
		font-size: 21px !important;
	}
	.news .views-row .views-field-title {
		font-size: 25px !important;
	}
	.news .views-row .link a {
		width: 98% !important;
	}
	.news nav,
	.news footer {
		width: 90%;
		margin: auto;
		margin-top: 70px;
	}
}

@media only screen and (max-width: 700px) {
	.news h1 {
		margin-left: 3%;
		max-width: 94%;
	}
	.news form {
		top: 15px;
		left: -30px;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 50px;
		width: 78%;
	}
	.news .page-count {
		margin-left: 10px;
	}
	.news .views-row {
		min-height: 250px !important;
	}
	.news .views-row .placeholder-date {
		top: 30px !important;
		left: 30px !important;
		width: 70px !important;
		height: 70px !important;
		font-size: 16px !important;
	}
	.news .views-row .placeholder-date span {
		margin-top: 25px !important;
	}	
	.news .views-row .views-field-field-news-spotlight-image,
	.news .views-row .views-field-field-news-spotlight-image-2,
	.news .views-row .views-field-field-news-spotlight-image-3 {
		width: 70px !important;
		height: 70px !important;
		top: 26px !important;
		left: 26px !important;
		border: 4px solid #fff !important;
	}
	.news .views-row .views-field-field-news-spotlight-image-2 {
		left: 80px !important;
	}
	.news .views-row .views-field-field-news-spotlight-image-3 {
		left: 133px !important;
	}
	.news .views-row .date {
		margin: 112px 30px 11px 30px !important;
		font-size: 18px !important;
	}
	.news .views-row .views-field-title {
		font-size: 21px !important;
		margin: 4px 44px 30px 30px !important;
	}
	.news .no-result {
		margin-left: 3%;
	}
}

@media only screen and (max-width: 500px) {
	.news h1 {
		font-size: 30px;
		font-weight: 500;
	}
	.news .views-row {
		width: 95% !important;
		margin-bottom: 10px !important;
	}
}

@media only screen and (max-width: 310px) {
	.news ul.js-pager__items li:last-of-type {
		float: none;
	}
}




















/* ########################################################################## */
/* news RSS feed styling #################################################### */
/* ########################################################################## */

/*____________________________________________________________________________*/
/* news feed on /news page */

.news .rss-news .views-row {
	display: block !important;
    position: static !important;
    margin-right: 0.8% !important;
    width: 40vw !important;
    margin-left: 300px !important;
    margin-top: 0px !important;
    height: initial !important;
    min-height: initial !important;
	border-radius: 0px !important;
	background-color: #f2f2f2 !important;
}

.news .rss-news .views-row:hover {
	margin-top: 0px !important;
    margin-bottom: 20px !important;
    box-shadow: none !important;
    z-index: 0 !important;
}

.news .rss-news .views-row div {
	font-size: 21px;
}

.news .rss-news .views-row .views-field-title {
	margin: 11px 0px !important;
	font-size: 30px !important;
}

.news .rss-news .views-row .views-field-title a {
    background: linear-gradient(to bottom, #bbb 0%, #bbb 100%);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 4px 4px;
    color: #464646;
    text-decoration: none;
    transition: ease 200ms;
}

.news .rss-news .views-row .views-field-title a:hover,
.news .rss-news .views-row .views-field-title a:focus {
	color: #000;
	background-size: 4px 50px;
}

.news .rss-news .views-row .views-field-title a:before {
	content: "Read on mednews.uw.edu";
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	position: absolute;
	font-size: 21px;
	top: -38px;
	right: 34px;
	opacity: 0;
	transition: ease 200ms;
}

.news .rss-news .views-row .views-field-title a:hover:before,
.news .rss-news .views-row .views-field-title a:focus:before {
	opacity: 1;
	right: 28px;
}

.news .rss-news .views-row .views-field-title a:after {
	content: url('../img/icons/external-black.png');
	position: absolute;
	top: -45px;
	right: 6px;
	opacity: 0.8;
	transition: ease 200ms;
}

.news .rss-news .views-row .views-field-title a:hover:after,
.news .rss-news .views-row .views-field-title a:focus:after {
	opacity: 1;
	right: 0px;
}

.news .rss-news .views-row .views-field-timestamp {
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	color: #4b2e83;
}

.news .rss-news .views-row .views-field-description {
	margin-bottom: 30px;
	max-width: 648px;
}

@media only screen and (max-width: 2000px) {
	.news .rss-news .views-row {
		width: 45vw !important;
		margin-left: 200px !important;
	}
}

@media only screen and (max-width: 1950px) {
	.news .rss-news .views-row:hover {
		margin-bottom: 18px !important;
	}
}

@media only screen and (max-width: 1600px) {
	.news .rss-news .views-row {
		width: 52vw !important;
	}
	.news .rss-news .views-row:hover {
		margin-bottom: 16px !important;
	}
}

@media only screen and (max-width: 1500px) {
	.news .rss-news .views-row {
		width: 56vw !important;
		margin-left: 100px !important;
	}
}

@media only screen and (max-width: 1340px) {
	.news .rss-news .views-row:hover {
		margin-bottom: 14px !important;
	}
}

@media only screen and (max-width: 1280px) {
	.news .rss-news .views-row {
		width: 92vw !important;
		margin-left: 30px !important;
	}
}

@media only screen and (max-width: 1000px) {
	.news .rss-news .views-row:hover {
		margin-bottom: 20px !important;
	}
}

@media only screen and (max-width: 700px) {
	.news .rss-news .views-row {
		width: 94vw !important;
		margin-left: 20px !important;
	}
}

@media only screen and (max-width: 500px) {
	.news .rss-news .views-row {
		width: 92vw !important;
	}
	.news .rss-news .views-row:hover {
		margin-bottom: 10px !important;
	}
	.news .rss-news .views-row .views-field-title a:hover:before,
	.news .rss-news .views-row .views-field-title a:focus:before {
		opacity: 0;
	}
}




















/* ########################################################################## */
/* news feed on basic & people pages (includes onsite news styling) ######### */
/* ########################################################################## */

/*____________________________________________________________________________*/
/* rss feed block & onsite news block on basic page */

.rss-news-block,
.onsite-news-block {
	display: block;
    text-align: left;
    margin: 0 auto;
    max-width: 648px;
}

.rss-news-block .views-row,
.onsite-news-block .views-row {
	position: relative;
    margin-bottom: 10px;
    padding: 30px;
    background: #f2f2f2;
    border-radius: 20px;
}

.rss-news-block .views-row:before,
.onsite-news-block .views-row:before {
	content: url('../img/icons/external-black.png');
	position: absolute;
	top: 25px;
	right: 25px;
}

.onsite-news-block .views-row:before {
	content: url('../img/icons/arrow-tailed-black.png');
}

.rss-news-block .views-row a,
.onsite-news-block .views-row a {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    color: #000;
    color: rgba(0,0,0,0);
    border-radius: 20px;
    opacity: 0;
    transition: ease all 200ms;
}

.rss-news-block .views-row a:before,
.onsite-news-block .views-row a:before {
	content: "Read on mednews.uw.edu";
    font-size: 21px;
    color: #fff;
    position: absolute;
    top: 22px;
    right: 55px;
}

.onsite-news-block .views-row a:before {
	content: "Read more";
    right: 55px;
}

.rss-news-block .views-row a:after,
.onsite-news-block .views-row a:after {
	content: url('../img/icons/external-white.png');
	position: absolute;
	top: 23px;
	right: 25px;
}

.onsite-news-block .views-row a:after {
	content: url('../img/icons/arrow-tailed-white.png');
}

.rss-news-block .views-row a:hover,
.rss-news-block .views-row a:focus,
.onsite-news-block .views-row a:hover,
.onsite-news-block .views-row a:focus {
	opacity: 0.8;
}

.rss-news-block .views-row .views-field,
.onsite-news-block .views-row .views-field {
	font-size: 21px;
	color: #3c3c3c;
}

.rss-news-block .views-row .views-field-title-1,
.onsite-news-block .views-row .views-field-title-1 {
	font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
    font-size: 25px;
}

@media only screen and (max-width: 800px) {
	.rss-news-block,
	.onsite-news-block {
		max-width: 90%;
	}
}

@media only screen and (max-width: 375px) {
	.rss-news-block .views-row a:before {
		display: none;
	}
}




/*____________________________________________________________________________*/
/* rss feed block on person node */

.rss-news-block.on-person-node {
	position: relative;
	left: 33vw;
	width: 648px;
	margin-left: 80px;
}

@media only screen and (max-width: 2000px) {
	.rss-news-block.on-person-node {
		left: 34vw;
	}
}

@media only screen and (max-width: 1550px) {
	.rss-news-block.on-person-node {
		left: 35vw;
	}
}

@media only screen and (max-width: 1500px) {
	.rss-news-block.on-person-node {
		left: 31vw;
	}
}

@media only screen and (max-width: 1280px) {
	.rss-news-block.on-person-node {
		left: 29vw;
	}
}

@media only screen and (max-width: 1200px) {
	.rss-news-block.on-person-node {
		left: 31vw;
	}
}

@media only screen and (max-width: 1150px) {
	.rss-news-block.on-person-node {
		left: 33vw;
		width: 555px;
	}
}

@media only screen and (max-width: 1050px) {
	.rss-news-block.on-person-node {
		left: 34vw;
	}
}

@media only screen and (max-width: 1000px) {
	.rss-news-block.on-person-node {
		left: 0px;
		margin: 0 auto;
		width: 648px;
	}
}




















/* ########################################################################## */
/* grand rounds node ######################################################## */
/* ########################################################################## */

.gr-item {
	margin: auto;
	width: 75%;
}

.gr-item h1 {
	font-size: 50px;
	padding-top: 50px;
	color: #4b2e83;
	background: -webkit-linear-gradient(#37226a, #6f3078);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gr-item .date {
	font-size: 21px;
	margin-top: 30px;
	font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
	text-transform: uppercase;
}

.gr-item .date:before {
	content: "";
	display: inline-block;
	border: 5px solid #6f3078;
	height: 6px;
	width: 77%;
	-webkit-transform: skew(-12deg,0);
	-ms-transform: skewX(-12deg) skewY(0);
	transform: skew(-12deg,0);
	position: relative;
	top: -18px;
}

.gr-item .date div {
	float: right;
	margin-top: -18px;
	max-width: 220px;
	text-align: right;
}

.gr-item .subtitle {
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	font-size: 21px;
	margin-top: -5px;
	width: 70%;
}

.gr-item #pin {
	display: none;
}

.node--sticky .gr-item #pin {
	display: block;
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	background-color: #4b2e83;
	padding: 6px 23px 11px 20px;
	color: #fff;
	font-size: 21px;
	border-radius: 30px;
	float: right;
	clear: both;
	margin-top: 20px;
}

.node--sticky .gr-item #pin:after {
	content: url("../img/icons/pin-white.png");
	position: relative;
	top: 5px;
	left: 9px;
}




/*____________________________________________________________________________*/
/* main grand rounds content */

.gr-item .gr-content {
	display: inline-block;
	width: 100%;
	margin-top: 80px;
}

.gr-item .gr-content .center-body-container {
	display: inline-block;
	vertical-align: top;
	margin-left: 10%;
	width: 648px;
	padding: 0px;
}




/*____________________________________________________________________________*/
/* grand rounds sidebar */

.gr-item .gr-content .sidebar {
	display: inline-block;
	vertical-align: top;
	margin-left: 8%;
	width: 30%;
	margin-top: 16px;
}

.gr-item .gr-content .sidebar .screen-reader-img {
	position: absolute;
	width: 6px;
	opacity: 0;
}

.gr-item .gr-content .sidebar .gr-spotlight-container {
	display: block;
	position: relative;
	background-color: #ddd;
	border-radius: 30px;
	margin-bottom: 20px;
	font-size: 21px;
	color: #000;
	text-decoration: none;
	padding: 30px;
	transition: ease 200ms;
}

.gr-item .gr-content .sidebar a.gr-spotlight-container {
	background-color: #f2f2f2;
	color: #464646;
}

.gr-item .gr-content .sidebar a.gr-spotlight-container:hover,
.gr-item .gr-content .sidebar a.gr-spotlight-container:focus {
	background-color: #fff;
	color: #000;
	text-decoration: underline;
}

.gr-item .gr-content .sidebar a.gr-spotlight-container:after {
	content: url("../img/icons/arrow-tailed-black.png");
	position: absolute;
	top: 36px;
	right: 36px;
	transition: ease 200ms;
}

.gr-item .gr-content .sidebar a.gr-spotlight-container[href*="//"]:not([href*="mysite.com"]):after {
	content: url("../img/icons/external-black.png");
}

.gr-item .gr-content .sidebar a.gr-spotlight-container:hover:after,
.gr-item .gr-content .sidebar a.gr-spotlight-container:focus:after {
	right: 28px;
}

.gr-item .gr-content .sidebar .gr-spotlight-container .gr-spotlight {
	height: 80px;
	width: 80px;
	border-radius: 50%;
}

.gr-item .gr-content .sidebar .gr-spotlight-container .gr-spotlight + div:last-of-type {
	margin-top: 18px;
}

.gr-item .gr-content .sidebar .gr-spotlight-container > div:first-line {
	font-weight: 900;
}

@media only screen and (max-width: 2000px) {
	.gr-item .gr-content .center-body-container {
		margin-left: 6%;
	}
}

@media only screen and (max-width: 1800px) {
	.gr-item .gr-content .sidebar {
		width: 27%;
		margin-left: 6%;
	}
}

@media only screen and (max-width: 1600px) {
	.gr-item .gr-content .center-body-container {
		margin-left: 3%;
	}
}

@media only screen and (max-width: 1400px) {
	.gr-item {
		width: 80%;
	}
	.gr-item .gr-content .center-body-container {
		margin-left: 0px;
	}
	.gr-item .gr-content .sidebar {
		margin-left: 8%;
	}
}

@media only screen and (max-width: 1280px) {
	.gr-item h1 {
		font-size: 40px;
	}
	.gr-item .date div {
		float: none;
		text-align: left;
		margin-top: -11px;
	}
	.gr-item .date:before {
		width: 100%;
	}
	.gr-item .subtitle {
		margin-top: 45px;
	}
	.gr-item .gr-content .center-body-container {
		margin: auto;
		display: block;
	}
	.gr-item .gr-content .sidebar {
		display: block;
		margin-left: 0px;
		width: 100%;
		margin-top: 60px;
	}
}

@media only screen and (max-width: 800px) {
	.gr-item {
		width: 90%;
	}
	.gr-item h1 {
		font-size: 30px;
		padding-top: 30px;
	}
	.gr-item .subtitle {
		width: 100%;
	}
	.node--sticky .gr-item #pin {
		margin-top: 30px;
	}
	.gr-item .gr-content .center-body-container {
		width: 100%;
		max-width: 100%;
	}
}

@media only screen and (max-width: 500px) {
	.gr-item h1 {
		padding-top: 25px;
	}
	.gr-item .date:before {
		width: 98%;
	}
	.gr-item .gr-content {
		margin-top: 50px;
	}
}




















/* ########################################################################## */
/* grand rounds view ######################################################## */
/* ########################################################################## */

.gr {
	margin-left: 16%;
	width: 70%;
	display: inline-block;
}

.gr h1 {
	font-size: 60px;
	padding: 18px 0px 30px 0px;
}




/*____________________________________________________________________________*/
/* secondary menu */

.gr .sub-menu {
	float: right;
	width: 20vw;
	clear: both;
}

.gr .sub-menu h3 {
	font-size: 21px;
	color: #464646;
	margin-bottom: 14px;
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	font-weight: 500;
}

.gr .sub-menu ul {
	list-style-type: none;
	background-color: #ddd;
	border-radius: 30px;
	margin-bottom: 40px;
	padding: 15px 0px;
}

.gr .sub-menu ul li a {
	border-radius: 17px;
	margin: 0px 14px 0px 14px;
	font-family: 'Uni Sans Regular', sans-serif;
	padding: 13px 17px 9px 17px;
	display: block;
	text-decoration: none;
	font-size: 21px;
	color: #1c1c1c;
	transition: ease 200ms;
}

.gr .sub-menu ul li a:hover,
.gr .sub-menu ul li a:focus {
	background-color: #bbb;
	color: #000;
	padding: 13px 13px 9px 21px;
}

.gr .sub-menu ul li a[href*="//"]:not([href*="mysite.com"]):after {
	content: url("../img/icons/external-black.png");
	position: relative;
	top: 2px;
	padding-left: 7px;
	opacity: 0.8;
}




/*____________________________________________________________________________*/
/* grand rounds individual fields */

.gr .views-row {
	width: 18.5%;
	border-bottom: 3px solid #ddd;
	margin-bottom: 20px;
	padding-bottom: 20px;
	display: inline-block;
	vertical-align: top;
	margin-right: 4%;
	position: relative;
}

.gr > .views-row:nth-of-type(2) {
	width: 65%;
}

.gr > .views-row:nth-of-type(3),
.gr > .views-row:nth-of-type(4) {
	width: 30%;
}

.gr .views-row .views-field-sticky {
	position: absolute;
	top: 22px;
	right: 0px;
	background-color: #4b2e83;
	color: #4b2e83;
	font-size: 10px;
	padding: 7px;
	height: 30px;
	width: 30px;
	border-radius: 30px;
}

.gr .views-row .views-field-sticky:after {
	content: url("../img/icons/pin-white.png");
	position: absolute;
	top: 9px;
	left: 9px;
}

.gr .views-row .views-field-field-date-override,
.gr .views-row .views-field-field-date-gr {
	font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
	font-size: 21px;
	padding: 7px 18px;
	border-radius: 22px;
	background-color: #4b2e83;
	background: linear-gradient(to bottom right, #6f3078, #37226a);
	display: inline-block;
	color: #fff;
	margin: 22px 0px 10px 0px;
}

.gr .views-row .views-field-sticky + .views-field-field-date-override {
	max-width: 70%;
}

.gr .views-row .views-field-field-date-override + .views-field-field-date-gr {
	display: none;
}

.gr .views-row .views-field-title {
	margin-bottom: 20px;
}

.gr .views-row .views-field-title a {
	font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
	font-size: 30px;
	margin: 11px 0px;
	background: linear-gradient(to bottom, #bbb 0%, #bbb 100%);
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 4px 4px;
	color: #464646;
	text-decoration: none;
	transition: ease 200ms;
}

.gr .views-row .views-field-title a:hover,
.gr .views-row .views-field-title a:focus {
	color: #000;
	background-size: 4px 50px;
}

.gr .views-row .views-field-title a:after {
	content: url("../img/icons/arrow-tailed-black.png");
	position: relative;
	top: 0px;
	padding-left: 8px;
	padding-right: 8px;
	opacity: 0.65;
	transition: ease 200ms;
}

.gr > .views-row:nth-of-type(2) .views-field-title a {
	font-size: 50px;
}

.gr .views-row:nth-of-type(2) .views-field-title a:after {
	top: -4px;
}

.gr > .views-row:nth-of-type(3) .views-field-title a,
.gr > .views-row:nth-of-type(4) .views-field-title a {
	font-size: 40px;
}

.gr .views-row:nth-of-type(3) .views-field-title a:after,
.gr .views-row:nth-of-type(4) .views-field-title a:after {
	top: -3px;
}

.gr .views-row .views-field-title a:hover:after,
.gr .views-row .views-field-title a:focus:after {
	padding-left: 12px;
	opacity: 1;
}

.gr .views-row .views-field-field-subtitle-gr {
	font-size: 21px;
	margin-bottom: 20px;
}

.gr .views-row .views-field-field-spotlight-image-1-gr,
.gr .views-row .views-field-field-sp-2-gr,
.gr .views-row .views-field-field-sp-3-gr {
	display: inline-block;
	position: relative;
	z-index: 3;
	margin: 0px 0px 10px 0px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	overflow: hidden;
	border: 4px solid #fff;
	transition: ease 200ms;
}

.gr .views-row .views-field-field-spotlight-image-1-gr + .views-field-field-sp-2-gr,
.gr .views-row .views-field-field-spotlight-image-1-gr + .views-field-field-sp-2-gr + .views-field-field-sp-3-gr {
	margin-left: -20px;
}

.gr .views-row .views-field-field-sp-2-gr {
	z-index: 2;
}

.gr .views-row .views-field-field-sp-3-gr {
	z-index: 1;
}

.gr .views-row .views-field-field-spotlight-image-1-gr img,
.gr .views-row .views-field-field-sp-2-gr img,
.gr .views-row .views-field-field-sp-3-gr img {
	width: 100%;
}

.gr .views-row .views-field-field-spotlight-image-1-gr span img,
.gr .views-row .views-field-field-sp-2-gr span img,
.gr .views-row .views-field-field-sp-3-gr span img {
	display: block;
	margin-top: -5px;
	transform: scaleY(-1);
}




/*____________________________________________________________________________*/
/* 'upcoming' and other sidebar content */

.gr .upcoming {
	float: right;
	clear: both;
	background-color: #1c1c1c;
	border-radius: 30px;
	color: #fff;
	width: 20vw;
}

.gr .upcoming h3 {
	font-size: 30px;
	text-transform: uppercase;
	margin: 30px;
}

.gr .upcoming h3:after {
	content: "";
	display: block;
	background-color: #fff;
	margin: 6px 0px;
	height: 6px;
	width: 130px;
	-webkit-transform: skew(-15deg,0);
	-ms-transform: skewX(-15deg) skewY(0);
	transform: skew(-15deg,0);
}

.gr .upcoming footer {
	position: static;
	margin-top: -30px;
	background-color: rgba(0,0,0,0);
	padding: 0px;
	text-align: left;
}

.gr .upcoming .views-row {
	width: 100%;
	margin-right: 0px;
	border-bottom: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}

.gr .upcoming .views-row .views-field-field-date-override,
.gr .upcoming .views-row .views-field-field-date-gr {
	background-color: #fff;
	background: #fff;
	color: #000;
	margin: 0px 30px;
}

.gr .upcoming .views-row .views-field-field-date-override + .views-field-field-date-gr {
	display: none;
}

.gr .upcoming .views-row .views-field-title a {
	font-size: 21px;
	color: #fff;
	text-decoration: none;
	margin: 11px 30px;
	background: none;
	display: block;
}

.gr .upcoming .views-field-title a:hover,
.gr .upcoming .views-field-title a:focus {
	text-decoration: underline;
	color: #fff;
}

.gr .upcoming .views-row .views-field-title a:after {
	content: url("../img/icons/arrow-tailed-white.png");
	top: 2px;
}

.gr .upcoming .views-row .views-field-field-subtitle-gr {
	font-size: 18px;
	margin: 0px 30px;
}

.gr .upcoming .views-row .views-field-field-spotlight-image-1-gr,
.gr .upcoming .views-row .views-field-field-sp-2-gr,
.gr .upcoming .views-row .views-field-field-sp-3-gr {
	border: 4px solid #1c1c1c;
	margin: 20px -52px -10px 30px;
	float: left;
}

.gr .upcoming .views-row .views-field-field-spotlight-image-1-gr + .views-field-field-sp-2-gr,
.gr .upcoming .views-row .views-field-field-spotlight-image-1-gr + .views-field-field-sp-2-gr + .views-field-field-sp-3-gr {
	margin-left: 35px;
}

.gr .upcoming .views-row .views-field-sticky {
	right: 18px;
	top: 0px;
	background-color: #1c1c1c;
	background-color: rgba(0,0,0,0);
	color: #1c1c1c;
	color: rgba(0,0,0,0);
}

.gr .upcoming h3 ~ p {
	margin: 18px 30px 0px 30px;
	font-size: 21px;
}

.gr .upcoming .views-field-sticky + .views-field-field-date-override {
	max-width: 58%;
}

.gr .upcoming .gr-blurb {
	margin: 50px 0px;
}

.gr .upcoming .gr-blurb:last-of-type {
	margin-bottom: 30px;
}

.gr .upcoming .gr-blurb ul {
	padding-left: 50px;
	padding-right: 30px;
}

.gr .upcoming .gr-blurb ol {
	padding-left: 60px;
	padding-right: 30px;
}

.gr .upcoming .gr-blurb ul li,
.gr .upcoming .gr-blurb ol li {
	font-size: 21px;
}

.gr .upcoming .gr-blurb ul li a,
.gr .upcoming .gr-blurb ol li a,
.gr .upcoming .gr-blurb p a {
	color: #fff;
	border-radius: 4px;
	transition: ease 200ms;
}

.gr .upcoming .gr-blurb ul li a[href*="//"]:after,
.gr .upcoming .gr-blurb ol li a[href*="//"]:after,
.gr .upcoming .gr-blurb p a[href*="//"]:after {
	content: url('../img/icons/external-white.png');
	position: relative;
	top: 3px;
	padding-left: 7px;
	padding-right: 2px;
}

.gr .upcoming .gr-blurb ul li a:hover,
.gr .upcoming .gr-blurb ol li a:hover,
.gr .upcoming .gr-blurb p a:hover,
.gr .upcoming .gr-blurb ul li a:focus,
.gr .upcoming .gr-blurb ol li a:focus,
.gr .upcoming .gr-blurb p a:focus {
	background-color: #fff;
	color: #000;
	text-decoration: none;
}

.gr .upcoming .gr-blurb ul li a[href*="//"]:hover:after,
.gr .upcoming .gr-blurb ol li a[href*="//"]:hover:after,
.gr .upcoming .gr-blurb p a[href*="//"]:hover:after,
.gr .upcoming .gr-blurb ul li a[href*="//"]:focus:after,
.gr .upcoming .gr-blurb ol li a[href*="//"]:focus:after,
.gr .upcoming .gr-blurb p a[href*="//"]:focus:after {
	content: url('../img/icons/external-black.png');
}




/*____________________________________________________________________________*/
/* next/previous page links at bottom of gr items */

.gr nav {
	margin-top: 50px;	
}

.gr nav ul {
	list-style: none;
	margin: 0;
	padding: 0px;
	position: relative;
	width: 65%;
}

.gr nav ul li {
	display: inline-block;
	color: #464646;
	font-family: 'Encode Sans Condensed ExtraBold', sans-serif;
	font-size: 21px;
	margin-bottom: 40px;
}

.gr nav ul li a {
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	display: inline-block;
	margin-top: 42px;
	background-color: #4b2e83;
	color: #fff;
	text-decoration: none;
	padding: 9px 18px;
	border-radius: 30px;
	transition: ease 200ms;
}

.gr nav ul li:first-of-type a:before {
	content: url("../img/icons/arrow-tailed-white.png");
	display: inline-block;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	position: relative;
	top: -2px;
	right: 3px;
}

.gr nav ul li:first-of-type a:hover,
.gr nav ul li:first-of-type a:focus {
	margin-left: -4px;
	background-color: #000;
}

.gr nav ul li:nth-of-type(2) {
	position: absolute;
	left: 0px;
}

.gr nav ul li:last-of-type {
	float: right;
}

.gr nav ul li:last-of-type a {
	position: relative;
	left: 0px;
	transition: ease 200ms;
}

.gr nav ul li:last-of-type a:hover,
.gr nav ul li:last-of-type a:focus {
	left: 4px;
	background-color: #000;
}

.gr nav ul li:last-of-type a:after {
	content: url("../img/icons/arrow-tailed-white.png");
	position: relative;
	top: 3px;
	left: 3px;
	transition: ease 200ms;
}




/*____________________________________________________________________________*/
/* making gr items responsive */

@media only screen and (max-width: 2000px) {
	.gr {
		width: 68%;
	}
	.gr .views-row,
	.gr > .views-row:nth-of-type(2),
	.gr > .views-row:nth-of-type(3),
	.gr > .views-row:nth-of-type(4) {
		width: 64%;
	}
	.gr .views-row .views-field-title a {
		font-size: 25px;
	}
	.gr .views-row .views-field-title a:after {
		top: 0px;
	}
	.gr > .views-row:nth-of-type(2) .views-field-title a {
		font-size: 40px;
	}
	.gr .views-row:nth-of-type(2) .views-field-title a:after {
		top: -3px;
	}
	.gr > .views-row:nth-of-type(3) .views-field-title a,
	.gr > .views-row:nth-of-type(4) .views-field-title a {
		font-size: 30px;
	}
	.gr > .views-row:nth-of-type(3) .views-field-title a:after,
	.gr > .views-row:nth-of-type(4) .views-field-title a:after {
		top: -1px;
	}
	.gr .upcoming .views-row .views-field-title a:after {
		top: 2px;
	}
}

@media only screen and (max-width: 1600px) {
	.gr {
		margin-left: 14%;
		width: 75%;
	}
}

@media only screen and (max-width: 1500px) {
	.gr {
		margin-left: 9%;
		width: 82%;
	}
	.gr .sub-menu,
	.gr .upcoming {
		width: 24vw;
	}
	.gr .views-row,
	.gr > .views-row:nth-of-type(2),
	.gr > .views-row:nth-of-type(3),
	.gr > .views-row:nth-of-type(4) {
		width: 65%;
	}
}

@media only screen and (max-width: 1280px) {
	.gr {
		margin-left: 3%;
		width: 94%;
	}
	.gr h1 {
		font-size: 40px;
	}
	.gr .sub-menu,
	.gr .upcoming {
		width: 30vw;
	}
	.gr .views-row,
	.gr > .views-row:nth-of-type(2),
	.gr > .views-row:nth-of-type(3),
	.gr > .views-row:nth-of-type(4) {
		width: 63%;
	}
}

@media only screen and (max-width: 1000px) {
	.gr .upcoming {
		padding-top: 1px;
		padding-bottom: 1px;
	}
	.gr .sub-menu,
	.gr .upcoming {
		width: 100%;
		float: none;
	}
	.gr .views-row,
	.gr > .views-row:nth-of-type(2),
	.gr > .views-row:nth-of-type(3),
	.gr > .views-row:nth-of-type(4) {
		width: 94%;
		margin-left: 3%;
	}
	.gr .views-row .views-field-title a {
		font-size: 25px !important;
	}
	.gr .views-row .views-field-title a:after {
		top: 1px !important;
	}
	.gr nav ul {
		width: 100%;
	}
}

@media only screen and (max-width: 500px) {
	.gr h1 {
		font-size: 30px;
	}	
}




















/* ########################################################################## */
/* trumba ################################################################### */
/* ########################################################################## */

.trumba-main {
	margin-top: 40px;
}

.center-body-container script ~ div {
	overflow: visible !important;
}

.center-body-container script ~ div iframe {
	position: relative !important;
	left: -68% !important;
	top: -90px !important;
}

.center-body-container .trumba-sidebar {
	position: absolute;
	top: 310px !important;
	right: 26vw !important;
	transition: ease 350ms !important;
}

input#menu-toggle:checked ~ .dialog-off-canvas-main-canvas .center-body-container .trumba-sidebar {
	margin-right: 330px !important;
}

.center-body-container .trumba-sidebar > div {
	margin-bottom: 40px !important;
}

@media only screen and (max-width: 2000px) {
	.center-body-container script ~ div iframe {
		left: -58% !important;
	}
	.center-body-container .trumba-sidebar {
		right: 22vw !important;
	}
}

@media only screen and (max-width: 1800px) {
	.center-body-container script ~ div iframe {
		left: -48% !important;
	}
	.center-body-container .trumba-sidebar {
		right: 19vw !important;
	}
}

@media only screen and (max-width: 1700px) {
	.center-body-container script ~ div iframe {
		left: -38% !important;
	}
	.center-body-container .trumba-sidebar {
		right: 14vw !important;
	}
}

@media only screen and (max-width: 1500px) {
	.center-body-container script ~ div iframe {
		left: -35% !important;
	}
	.center-body-container .trumba-sidebar {
		right: 7vw !important;
	}
}

@media only screen and (max-width: 1280px) {
	.center-body-container script ~ div iframe {
		left: -28% !important;
	}
	.center-body-container .trumba-sidebar {
		right: -2vw !important;
	}
}

@media only screen and (max-width: 1100px) {
	.center-body-container script ~ div iframe {
		left: 0px !important;
	}
	.center-body-container .trumba-sidebar {
		position: relative !important;
		top: 20px !important;
		right: 0px !important;
	}
	input#menu-toggle:checked ~ .dialog-off-canvas-main-canvas .center-body-container .trumba-sidebar {
		margin-right: 0px !important;
	}
}




















/* ########################################################################## */
/* tools #################################################################### */
/* ########################################################################## */

#block-round1dev-tools h2 {
	display: none;
}

#block-round1dev-tools .menu {
	list-style: none;
	position: fixed;
	bottom: 36px;
	left: 20px;
	z-index: 10;
	margin: 0;
	padding: 0;
	transition: ease 300ms;
}

#block-round1dev-tools .menu:before {
	content: "";
	position: absolute;
	top: 1px;
	left: 2px;
	height: 190px;
	width: 50px;
	display: block;
	background-color: rgba(255,255,255,0.7);
	border-radius: 30px;
}

#block-round1dev-tools .menu:hover:before {
	background-color: rgba(0,0,0,0);
}

#block-round1dev-tools .menu li {
	margin: 0px;
}

#block-round1dev-tools .menu li a {
	color: #fff;
	color: rgba(0,0,0,0);
	font-family: 'Encode Sans Condensed SemiBold', sans-serif;
	text-decoration: none;
	font-size: 21px;
	padding: 11px 22px 11px 0px;
	background-color: #fff;
	background-color: rgba(0,0,0,0);
	border-radius: 30px;
	transition: ease 200ms;
}

#block-round1dev-tools .menu li a:hover,
#block-round1dev-tools .menu li a:focus {
	color: #000;
	background-color: rgba(255,255,255,0.7);
}

#block-round1dev-tools .menu li a:before {	
	content: url("../img/icons/plus.png");
	position: relative;
	top: 7px;
	padding: 9px 9px 0px 13px;
	opacity: 0.7;
	transition: ease 200ms;
	border-radius: 0px;
	display: inline-block;
}

#block-round1dev-tools .menu li:nth-last-of-type(1) a:before {
	border-radius: 0px 0px 30px 30px;
}

#block-round1dev-tools .menu li:nth-last-of-type(4) a:before {
	border-radius: 30px 30px 0px 0px;
	padding: 9px 10px 0px 12px;
}

#block-round1dev-tools .menu li a:hover:before,
#block-round1dev-tools .menu li a:focus:before {
	padding-right: 10px;
	opacity: 1;
}

#block-round1dev-tools .menu li:nth-child(2) a:before {
	content: url("../img/icons/all-content.png");
}

#block-round1dev-tools .menu li:nth-child(3) a:before {
	content: url("../img/icons/edit-menu.png");
}

#block-round1dev-tools .menu li:nth-child(4) a:before {
	content: url("../img/icons/logout.png");
}




















/* ########################################################################## */
/* status messages ########################################################## */
/* ########################################################################## */

#status-messages-region {
	display: none;
	position: fixed;
	top: -500px;
	left: 20px;
	z-index: 10;
	background-color: #4b2e83;
	padding: 20px 30px;
	border-radius: 30px;
	color: #fff;
	font-size: 21px;
	opacity: 0;
	transition: ease 350ms;
}

#status-messages-region a {
	color: #fff;
}




















/* ########################################################################## */
/* footer ################################################################### */
/* ########################################################################## */

footer {
    position: absolute;
    display: block;
    background-color: #fff;
    padding: 50px 0px 17px 0px;
    width: 100%;
	margin-top: -60px;
}




/*____________________________________________________________________________*/
/* social media icon links */

footer #footer-socials {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
}

footer #footer-socials li {
    display: inline-block;
}

footer #footer-socials li a {
    padding: 20px 8px;
	text-decoration: none;
}

footer #footer-socials li a img {
    opacity: 0.7;
    transition: all ease 200ms;
}

footer #footer-socials li a:hover img,
footer #footer-socials li a:focus img {
    opacity: 1;
}




/*____________________________________________________________________________*/
/* footer logo */

footer #footer-logo {
    display: inline-block;
    vertical-align: middle;
    opacity: 0.7;
    margin-left: 80px;
    transition: all ease 200ms;
}

footer #footer-logo img {
    height: 50px;
	width: auto;
}

footer #footer-logo:hover,
footer #footer-logo:focus {
    opacity: 1;
}




/*____________________________________________________________________________*/
/* right-side footer links */

footer #footer-links {
    list-style: none;
    float: right;
    margin: 3px 30px 12px 0px;
    padding: 0px;
    padding-left: 10px;
}

footer #footer-logo ~ #footer-links {
    margin: 16px 30px 12px 0px;
}

footer #footer-links li {
    display: inline-block;
}

footer #footer-links li a {
    color: #464646;
    text-decoration: none;
    font-size: 19px;
    font-family: 'Uni Sans Regular', sans-serif;
    padding: 20px 16px;
}

footer #footer-links li a:hover,
footer #footer-links li a:focus {
    text-decoration: underline;
    color: #000;
}

footer #footer-links li#last a {
    z-index: 2;
	position: relative;
}

footer #footer-links li#last a:hover,
footer #footer-links li#last a:focus {
    text-decoration: none;
    color: #595959;
	cursor: text;
}




/*____________________________________________________________________________*/
/* edit button for footer */

footer .edit-indicator + a:first-of-type {
	position: relative;
    z-index: 10;
    left: 30px;
    border-radius: 50px;
    padding: 42px 13px 13px 13px;
    transition: all ease 200ms;
    background-color: #4b2e83;
    font-size: 0px;
}

footer .edit-indicator + a:first-of-type:after {
	content: url("../img/icons/pencil-white.png");
}

footer .edit-indicator + a:first-of-type:hover,
footer .edit-indicator + a:first-of-type:focus {
	background-color: #000;
}

footer .edit-indicator + a:first-of-type:hover ~ #footer-socials,
footer .edit-indicator + a:first-of-type:focus ~ #footer-socials,
footer .edit-indicator + a:first-of-type:hover ~ #footer-logo,
footer .edit-indicator + a:first-of-type:focus ~ #footer-logo,
footer .edit-indicator + a:first-of-type:hover ~ #footer-links,
footer .edit-indicator + a:first-of-type:focus ~ #footer-links {
	background-color: #ddd;
    border-radius: 20px;
}

@media only screen and (max-width: 1600px) {
    footer #footer-socials li a {
        padding: 20px 3px;
    }
	footer #footer-logo {
		margin-left: 40px;
	}
    footer #footer-links li a {
        padding: 20px 12px;
    }
}

@media only screen and (max-width: 1340px) {
    footer {
        text-align: center;
    }
    footer #footer-socials {
        padding: 20px;
    }
    footer #footer-logo {
        margin-left: 0px;
        padding: 20px;
    }
    footer #footer-links {
        float: none;
        margin: 14px;
        padding-left: 0px;
    }
    footer #footer-links li {
        margin: 12px 0px 12px 0px;
    }
}

@media only screen and (max-width: 800px) {
    footer {
        padding: 10px 0px 17px 0px;
    }
}

@media only screen and (max-width: 700px) {
    footer #footer-logo {
		display: block;
		margin-left: 0px;
	}
}