/***** RESET *****/
/* FONTS */
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
/* font-family: 'Noto Sans', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Crimson+Text:600);
/* font-family: 'Crimson Text', serif; */

/***** epi editor ****/
.container .col .block ul.epi-editContainer li .block.generic img,
.container .col-li .block ul.epi-editContainer li .block.generic img {
	max-width: 100% !important;
}
.container .col .block ul.epi-editContainer, 
.container .col-li .block ul.epi-editContainer {list-style-type: none;margin: 0 !important; padding: 0 !important;}
.container .col .block ul.epi-editContainer li.li, 
.container .col-li .block ul.epi-editContainer li.li {list-style-type: none; padding-left:0; }
.container .col .block ul.epi-editContainer li.li .block.generic,
.container .col-li .block ul.epi-editContainer li.li .block.generic {
	margin-bottom: 0px;
	padding: 0px;
	background: transparent;
	border: 0px solid #B3B2B2;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:        none;
}

#main-content .block.ummsnews-listing p {margin: 0 0 8px 0; margin-bottom: 8px; line-height: 1.4em;}

.homeH2Width70 {
    width: 70%;
    padding-top: 0;
}



/* SEARCH */
.search-util {
	clear: both;
	display: block;
	padding-top: 5px;
}
.search-util a {
	font-size: 85%;
}




/*************************************************
***** MEGA MENU **********************************
**************************************************/
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below)   
    height: 0%; */ 
    width: 100%;
    position: absolute; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 190px;
    background-color: rgb(220,220,220); /* Black fallback color */
    background-color: rgba(220,220,220, 1); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    overflow: hidden;
    display:none;	
	-webkit-box-shadow: 0 4px 25px -2px #000000;
   -moz-box-shadow: 0 4px 25px -2px #000000;
        box-shadow: 0 4px 25px -2px #000000;
}
/* Position the content inside the overlay */

    .menu-wrapper {
        position: relative;
        max-width: 1000px; /* 100% width */
        margin: 0 auto;
        overflow: hidden;
        min-height: 400px;
        padding: 10px;
    }
    .overlay-content {
        margin: 0 auto;
        position: relative;
        top: 25%; /* 25% from the top */
        width: 100%; /* 100% width */
        text-align: left; /* Centered text/links */
        margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
        overflow: hidden;
        min-height: 400px;
        display:none;
    }
    .overlay-content .meganav-overlay-header h3 {
        font-family: 'Crimson Text', serif;
        font-size: 34px;
        padding-bottom: 10px;
        border-bottom: 1px solid #000;
        padding-top: 20px;
        margin-bottom: 20px;
    }
    #myNav a.closebtn {
        font-size: 300%;
    }

@media only screen and (min-width: 771px) {
    .overlay {
        top: 186px;
    }
    .overlay-content .block.generic {
        width: 31%;
        margin-right: 2%;
        float: left;
    }

        .overlay-content .block.generic h3 {
            font-size: 20px;
            margin-bottom: 10px;
        }

        .overlay-content .block.generic h4 {
            font-size: 16px;
            margin-bottom: 10px;
        }

        .overlay-content .block.generic p {
            font-size: 14px;
            line-height: 22px;
            margin-bottom: 10px;
        }

    .meganav-overlay-menu {
        width: 66%;
        float: right;
        position: relative;
    }

        .meganav-overlay-menu ul.lvl1 {
            width: 50%;
            margin: 0 2% 0 2%;
            padding: 0;
            float: left;
        }

    .meganav-overlay-menu ul.lvl1 > li > span {
        display:block;
    }
    .meganav-overlay-menu ul.lvl1 li {
        list-style: none;
        margin: 0 0 15px 0;
    }
    .meganav-overlay-menu ul.lvl2 {
        width: 50%;
        position: absolute;
        top: 0;
        right:0;
        display: none;
    }
}

@media only screen and (max-width: 770px) {

    .overlay {
        top: 0;
        position: fixed; /* Stay in place */
        overflow-y: scroll; /* Disable horizontal scroll */
        height: 100%;
    }

    .overlay-content .block.generic {
        
    }

        .overlay-content .block.generic h3 {
            font-size: 120%;
            margin-bottom: 10px;
        }

        .overlay-content .block.generic h4 {
            font-size: 110%;
            margin-bottom: 10px;
        }

        .overlay-content .block.generic p {
            font-size: 100%;
            line-height: 125%;
            margin: 8px 0;
        }

    .meganav-overlay-menu {
        
    }

        .meganav-overlay-menu ul.lvl1 {

        }

    .meganav-overlay-menu ul.lvl1 > li > span {
        display:block;
    }
    .meganav-overlay-menu ul.lvl1 li {
        list-style: none;
        margin: 0 0 15px 0;
    }
    .meganav-overlay-menu ul.lvl2 {
        display: none;
    }
}

/* The navigation links inside the overlay */
.meganav-overlay-menu li a {
    text-decoration: none;
    font-size: 22px;
    color: #666;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
    display: block;
    line-height: normal;
    cursor: pointer;
}
.meganav-overlay-menu li li a {
    font-size: 18px;
}

.meganav-overlay-menu li.opened ul.lvl2 {
    display: block;
}


/* When you mouse over the navigation links, change their color */
.meganav-overlay-menu li a.has-children,
.overlay a:hover, .overlay a:focus {
    color: #004FA3;
}


.meganav-overlay-menu li a.has-children::after {
    position: relative;
    top: -2px;
    content: "";
    display: inline-block;
    /* By using an em scale, the arrows will size with the font */
    width: 0.3em;
    height: 0.3em;
    border-right: 0.2em solid #004FA3;
    border-top: 0.2em solid #004FA3;
    transform: rotate(45deg);
    margin-left: 0.3em;
}

/* Position the close button (top right corner) */
.closebtn {
    position: absolute;
    z-index: 1000;
    top: 20px;
    right: 25px;
    font-size: 200%; /* Override the font-size specified earlier (36px) for all navigation links */
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .closebtn {
        font-size: 40px !important;
        top: 15px;
        right: 35px;
    }
}

.main-nav-desktop .main-nav ul.lvl1 > li:first-child {
	width: 8.33%;
	text-align: left;
}

.main-nav-desktop .main-nav ul.lvl1 > li.li-prospective-students {
	width: 20.33%;
}

.main-nav-desktop .main-nav ul.lvl1 > li {
	width: 15.33%;
}
.main-nav-desktop .main-nav ul.lvl1 > li span,
.main-nav-desktop .main-nav ul.lvl1 > li {
	text-align: center;
}

.main-nav ul.lvl1 > li span,
.main-nav ul.lvl1 > li {
	cursor: pointer;
}
.main-nav ul.lvl2 {
    display: none;
}
.main-nav ul.lvl2 > li {
    width: auto;
    cursor: pointer;
    text-align: left;
}
.main-nav ul.lvl3 > li {
    width: auto;
    cursor: pointer;
    text-align: left;
}
/*********** END OF MEGA MENU STYLES ************************/


/************************************************************
***** HERO SLIDER *******************************************
************************************************************/
/************************************************************
***** HERO SLIDER *******************************************
************************************************************/

.hero-wrapper .bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*
	zoom: 1;
}
.bx-wrapper img {
	width: 100%;
	display: block;
}

/***** HERO SLIDER *****/
.hero-wrapper {
	width: 100%;
	position: relative;
}
.hero-wrapper .container {
	padding: 0;
	margin: 0 auto;
}

.hero-wrapper .bx-viewport {
	max-height: 341px;
}
.hero-wrapper .container {
	position: relative;
	background: #181818;
}

.hero-wrapper .bxslider li {
	max-width: 100%;
}
.hero-wrapper .bxslider li .slide-desc h1 {
	color: #B7B7B7;    
	font-family: 'Crimson Text', serif;
    font-size: 156%;
	font-weight: normal;
	line-height: 1.1em;
}
.hero-wrapper .bxslider li .slide-desc p {
	margin-top: 15px;
	font-size: 88%;
	line-height: 1.8em;
	font-family: 'Noto Sans', Helvetica, Arial, sans-serif;

}
.hero-wrapper .bxslider li .slide-desc p p { 
	font-size: 100%;
	}
.hero-wrapper .bxslider li .slide-desc a.read-more {
	color: #FFF;
}
.hero-wrapper .bxslider li .block .slide-desc a.read-more:before {
	color: #CE9933 ;
}

.hero-wrapper .bxslider li .slide-desc a:hover {
	color: #CB9933;
}

.hero-wrapper .bx-controls {
	position: absolute;
	left: 17.5%;
	bottom: 10px;
	z-index: 650;
}
.hero-wrapper .bx-controls a.bx-prev,
.hero-wrapper .bx-controls a.bx-next {
	display: inline-block;
	width: 19px;
	height: 19px;
	background: url(/static/img/homepage/sprite.png) no-repeat left top;
	text-indent: -9999px;
}
.hero-wrapper .bx-controls a.bx-prev {
	background-position:  -60px -20px;
}
.hero-wrapper .bx-controls a.bx-prev:hover {
	background-position:  -60px -39px;
}
.hero-wrapper .bx-controls a.bx-next {
	margin-left: 35px;
	background-position:  -60px -58px;
}
.hero-wrapper .bx-controls a.bx-next:hover {
	background-position:  -60px -77px;
}
.hero-wrapper .bx-controls .bx-pager {
	position: absolute;
	bottom: 22px;
	left: 34%;
	bottom: 3px;
	font-size: 12px;
	color: #FFF;
	z-index: 1000;
}

/** fancybox **/
.hero-wrapper.slider-home a.fancybox-media {position: relative;display: inline;}
@media only screen and (max-width : 999px) {
	.hero-wrapper .container {
		width: 100%;
		max-width: 100%;
	}
}

.hero-wrapper.slider-home a.fancybox-media {position: relative;display: inline;}
@media only screen and (min-width : 1000px) {
	.hero-wrapper {
		background: #393A3A url(/static/img/homepage/bg-hero.jpg) no-repeat;
		position: relative;
		background-size:100% 100%;
		min-height: 341px;
	}
	.hero-wrapper .container {
		max-width: 1000px;
	}

	.hero-wrapper .bxslider li .slide-desc {
		width: 26%;
	}
	.col-top .hero-wrapper.slider-home .bxslider li img {
		width: 74%;
	}
}
/* -- hero slider video play icon --*/
.slider-home a.fancybox-media {
	display: block !important;
}

@media only screen and (min-width : 771px) and (max-width : 999px) {
	.hero-wrapper .bxslider li .slide-desc {
		width: 30%;
	}
	.col-top .hero-wrapper.slider-home .bxslider li img {
		width: 70%;
	}
}


/* -- Video play icon --*/
.slider-block a.fancybox-media span {
	background: transparent url(/static/img/homepage/sprite.png) no-repeat -88px -123px;
	height: 50px;
	width: 50px;
	top: 70px;
	left: 42%;
	position: absolute;
	display: block;
	z-index: 999;
}

.slider-block a.fancybox-media {
	position: relative;
	display: block !important;
}

	.slider-block a.fancybox-media:hover span {
		background-position: -88px -179px;
	}

@media only screen and (min-width : 771px) {
   
	.hero-wrapper .bxslider {padding-left: 15px;}
	.hero-wrapper .bxslider li .slide-desc {
		float: left;
		padding: 20px 20px 20px 15px;
		color: #FFF;
	}
	.col-top .hero-wrapper.slider-home .bxslider li img {
		float: right;
	}
	.slider-home a.fancybox-media span {
		background: transparent url(/static/img/homepage/sprite.png) no-repeat -88px -123px;
		height: 50px;
		width: 50px;
		top: 150px;
		left: 60%;
		position: absolute;
		display: block;
	}

}

@media only screen and (max-width : 770px) {
#main-content #col-1 > div.page-nav-r {
            margin: 0 0 18px 0;
            border-bottom: 1px solid gray;
        }
.hero-wrapper {
    width: 100%;
    height: auto;
    max-height: none;
    height: auto;
    min-height: reset;
    position: relative;
}
.hero-wrapper .container {
    position: relative;
    background: #181818;
}
.hero-wrapper .bx-viewport {
    max-height: none;
}
.hero-wrapper .bxslider {
    height: auto;
    max-height: none;
    padding: 0;
}
.hero-wrapper .bx-wrapper .bxslider li img {
    width: 100%;
    float: none;
    height: auto;
    margin-bottom: 0;
}
.hero-wrapper .bxslider li .slide-desc {
    float: none;
    clear: both;
    width: 100%;
    padding: 10px 10% 5px 10%;
    text-align: center;
}
.hero-wrapper .bxslider li .slide-desc H1 {
    font-size: 18px;
}
.hero-wrapper .bxslider li .slide-desc p, .hero-wrapper .bxslider li .slide-desc a {
    display: none;
}
.hero-wrapper .bxslider li .slide-desc p, .hero-wrapper .bxslider li .slide-desc a {
    display: none;
}
.hero-wrapper .bx-controls {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}
.hero-wrapper .bx-pager {
    display: none;
}
.hero-wrapper .bx-controls-direction {
    height: 100%;
}
.hero-wrapper .bx-controls a.bx-prev, .hero-wrapper .bx-controls a.bx-next, .hero-wrapper .bx-controls a.bx-prev:hover, .hero-wrapper .bx-controls a.bx-next:hover {
    padding-top: 25%;
}
.hero-wrapper .bx-controls a.bx-prev {
    padding-left: 8px;
}
.hero-wrapper .bx-controls a.bx-next {
    float: right;
    padding-left: 7px;
}
.hero-wrapper .bx-controls a.bx-prev, .hero-wrapper .bx-controls a.bx-next, .hero-wrapper .bx-controls a.bx-prev:hover, .hero-wrapper .bx-controls a.bx-next:hover {
    display: inline-block;
    width: 35px;
    height: 100%;
    padding-top: 20%;
    font-size: 42px;
    color: #CB9933;
    text-indent: 0;
    background: url(/static/img/homepage/sprite.png) repeat -210px 0;
    pointer-events: auto;
}
	.slider-home a.fancybox-media span {
		background: transparent url(/static/img/homepage/sprite.png) no-repeat -88px -123px;
		height: 50px;
		width: 50px;
		top: 150px;
		left: 50%;
		position: absolute;
		display: block;
	}

}

@media only screen and (max-width : 770px) {

	#right-content-area > div > div,
	#left-content-area > div > div {
		width: 47%;
		display: inline-block;
	}
	#right-content-area > div > div:nth-child(2n),
	#left-content-area > div > div:nth-child(2n) {
		margin-left: 3.5%;
	}
	#right-content-area > div > div div,
	#left-content-area > div > div div {
		width: 100%;
		display: block;
	}

}


@media only screen and (max-width : 580px) {
	#left-content-area > div > div {
		width: 100%;
		display: inline-block;
	}
	#left-content-area > div > div:nth-child(2n) {
		margin-left: 0;
	}
}



.hero-wrapper.slider-home a.fancybox-media {
	
	/*left: 585px;  2016-11-16 LCR issue with herolider video */
	bottom: none;
}

.ummsnews-listing a.fancybox:hover span,
a.fancybox-media:hover span {
    background-position: -88px -178px;
}

/************************************************************
***** MAIN CONTENT AREA - MAIN COLUMN LAYOUTS  **************
************************************************************/





/************************************************************
***** MAIN CONTENT AREA - BLOCKS ****************************
************************************************************/
#main-content #col-2 > div:first-of-type .block.generic {
    background-color: transparent;
    
}
@media only screen and (min-width: 771px) {
    #main-content #col-2 > div:first-of-type .block.generic {
	    padding: 0px;
    }
    #col-3 .slider-block .bx-wrapper .bx-viewport ul.bxslider,    
    #col-3 .slider-block .bx-wrapper .bx-viewport ul.bxslider li {
        width: 100% !important;
    }

}
#main-content #col-2 div div > .block.generic:not(.ummsnews-listing):first-of-type {
    margin-top: -11px;
}
#main-content .block {
	margin-bottom: 24px;
    padding: 10px 0px 0px 0px;
	border: none;
	background: #FFF;
}
#main-content .slider-block .block.ummsnews-listing,
#main-content .acc-item .block.ummsnews-listing {
    padding: 0px;
}
    #main-content #col-3 > div > div > div > .block:not(.image) {
	    margin: 8px 0 12px 0;
        padding: 0px;
    }
    #main-content .block.image {
	    padding: 0px;
	    margin-bottom: 0px;
    }
    #main-content .block.image img {
	    padding: 0px;
	    margin-bottom: 0px;
    }

.block.generic > h3,
.block h2.bx-head {
	margin-bottom: 15px;
    font-size: 130%;
    margin: 0px 0 11px 0;
    font-family: sans-serif;
}
    .block.generic > h3,
    .slider-block h2.bx-head {
	    margin-bottom: 3px;
    }

.block.slider-block.bg-trans {
    padding: 8px 0 8px 0;
}

.block h2.bx-head a {
	color: #333;
    font-size: 120%;
    line-height: 120%;
}

.block h2.bx-head a:hover {
	color: #CE9933;
}
.block h2.bx-head a:after {
	content: " \00bb";
	font-weight: normal;
    font-size: 128%;
	color: #CE9933;
}

#col-2 .block h3 {
	font-size: 130%;
    line-height: 120%;
	margin: 0 0 8px 0;
}
#col-2 .block h4 {
	font-size: 115%;
    line-height: 115%;
	margin: 0 0 4px 0;
}
.block a.read-more {
	white-space: nowrap;
	font-size: 88%;    
}
.block a.read-more:hover {
	color: #CE9933;
}
.block a.read-more:before {
	content:" \25A0 ";
	font-size: 160%;
    line-height: 100%;
	color: #E3C891;
	margin-right: .5%;
}
.block a.read-more:after {
	content: " \00bb";
	font-size: 150%;
    line-height: 150%;
	color: #CE9933;
}


/***** LEFT and RIGHT - BLOCKS **************************/
#main-content #col-1 .block,
#main-content #col-3 .block {

	}
#main-content #col-1 .block.bg-trans,
#main-content #col-3 .block.bg-trans  {
	padding: 10px 0;
	background: none;
	box-shadow: none;
	border-top: 5px solid #004FA3;
	border-bottom: 2px solid #004FA3;
	border-left: none;
	border-right: none;
}
#bottom-callout .block.generic img,
#main-content .block.generic img {
    border: 2px solid #919295;
}
#main-content .block.generic.umassmednow-logo img {
    border: 0px solid #919295;
}

@media only screen and (max-width: 770px) {
    #main-content #col-1  > div > div > div > .block.bg-trans {
	    padding: 10px;
	    border: 2px solid #004FA3;
    }
    #main-content #col-3  div#right-content-area > div > div > .block,
    #main-content #col-3  div#right-content-area > div > div > .block.bg-trans  {
	    padding: 10px;
	    border: 0;
	}
	#right-content-area  > div {
		display: flex;
		flex-flow: row wrap;
	}
    #right-content-area  > div > div  {
		flex: 1 1 40%; 
		margin: 1.5%;
	    border: 2px solid #004FA3;
	}
    #right-content-area  > div > div div  {
		display: block;
	}
}
@media only screen and (max-width: 480px) {
    #main-content #col-1  > div > div > div > .block.bg-trans {
	    padding: 10px;
	    border: 2px solid #004FA3;
    }
    #main-content #col-3  div#right-content-area > div > div > .block,
    #main-content #col-3  div#right-content-area > div > div > .block.bg-trans  {
	    padding: 0px;
	    border: 0;
	}
	#right-content-area  > div {
		display: block;
		flex-flow: none;
	}
    #right-content-area  > div > div  {
		display: block;
		flex: none; 
		margin: 1.5%;
	    border: 0;
		border-bottom: 1px solid silver;
		padding-bottom: 15px;
		padding-top:15px;
		width: 96%;
	}
    #right-content-area  > div > div div  {
		display: block;
	}
}
#col-1 .block h2.bx-head,
#col-3 .block h2.bx-head,
.block.generic > h3
{
    margin: 0px 0 6px 0;
   font-size: 140%;
   line-height: 150%;
}
#col-1 .block h2.bx-head a,
#col-3 .block h2.bx-head a
{
}
#col-1 .block h2.bx-head a:after,
#col-3 .block h2.bx-head a:after
{
	
}
#col-1 .block h3,
#col-3 .block h3 {
	
}
#col-1 .block h4,
#col-3 .block h4 {
	
}

/* SLIDER BLOCK */
#main-content .slider-block .bxslider li .block {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	border: none;
	box-shadow: none;
}
.slider-block {
    position: relative;
}

.slider-block.bg-trans .bx-controls {
	position: absolute;
    right: 2px;
    top: 10px;
    z-index: 300;
}
.slider-block .bx-controls {
	position: absolute;
    right: 5px;
    top: 10px;
    z-index: 1000;
}

.slider-block.bg-white .bx-controls {
	right: 10px;
	top: 15px;
}
.slider-block .bx-controls a.bx-prev,
.slider-block .bx-controls a.bx-next {
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url(/Static/img/homepage/sprite.png) no-repeat left top;
	text-indent: -9999px;
        opacity: 1;
}
.slider-block .bx-controls a.bx-prev {
	margin-right: 35px;
	background-position: -90px -20px;
}
.slider-block .bx-controls a.bx-prev:hover {
	background-position:  -90px -33px;
}
.slider-block .bx-controls a.bx-next {
	background-position: -90px -46px;
}
.slider-block .bx-controls a.bx-next:hover {
	background-position: -90px -59px;
}
.slider-block .bx-controls .bx-pager {
	position: absolute;
	top: -2px;
	left: 18px;
	font-size: 95%;
	font-weight: 700;
	color: #333;
	z-index: 300;
}
/*  SLIDER BLOCK - generic block */
.slider-block .bx-wrapper .bx-viewport .block.generic h4 {
    margin: 0 0 10px 0;
}
.slider-block .bx-wrapper .bx-viewport .block.generic h3 {
    margin: 0 0 10px 0;
}
#main-content .slider-block .bx-wrapper .bx-viewport .block.generic p {
    margin: 0 0 8px 0;
    margin-bottom: 8px;
}
.slider-block .bx-wrapper .bx-viewport .block.generic img {
    width: auto;
    max-width: 100%;
}
.slider-block .bx-wrapper .bx-viewport .block.generic.newsleft img {
    margin: 0 10px 10px 0;
    float: left;
}
.slider-block .bx-wrapper .bx-viewport .block.generic.newsright img {
    margin: 0 0px 10px 10px;
    float: right;
}
.slider-block .bx-wrapper .bx-viewport .block.generic.center img {
    margin: 0 auto 10px auto;
    float: none;
}
.slider-block .bx-wrapper .bx-viewport .block.generic a.fancybox {
    position: relative;
    display: block;
    height: auto;
}
.slider-block .block.generic a.fancybox span {
    background: transparent url(/static/img/homepage/sprite.png) no-repeat -88px -123px;
    height: 50px;
    width: 50px;
    top: 63%;
    left: 43%;
    position: absolute;
}
.slider-block .block.generic a.fancybox:hover span {
    background-position: -88px -179px;
}
.slider-block .block.generic table td ul li {margin-left: 15px; padding-left:0px; padding-bottom: 5px;}
.slider-block .block.generic table td ul  { list-style-position: outside; list-style-type: disc; margin-left: 0px; padding-left: 6px;padding-bottom: 5px;}
.block.generic ul li {margin-left: 6px; padding-left: 0px; padding-bottom: 5px;}
.block.generic ul  { list-style-position: outside; list-style-type: disc; margin-left: 15px; padding-left: 6px;padding-bottom: 5px;}

#main-content .block.slider-block.stay-connected {
    border: 1px solid silver;
    padding: 0px;
}
    #main-content .block.slider-block.stay-connected > .bx-wrapper {
        padding: 0 9px 9px 9px;
    }
    #main-content .block.slider-block.stay-connected h2 {
        padding: 7px 9px 0 9px;
        margin:0;
    }

/* IMAGE BLOCK */
.block.img {
	padding: 0;
	background: none;
	box-shadow: none;
	border: none;
}
.block.img img {
	width: 100%;
	-webkit-box-shadow: 0px 0px 7px #666;
	-moz-box-shadow:    0px 0px 7px #666;
	box-shadow:         0px 0px 7px #666;
}

/* BLOCK IMAGES - include generic blocks that are within blocks */
.block img.left,
.block .block:not(.img) img.left,
.block .block:not(.bxslider) img.left {
	float: left;
	margin: 0 10px 10px 0;
}
.block img.right,
.block .block:not(.img) img.right,
.block .block:not(.bxslider) img.right {
	float: right;
	margin: 0 0 10px 10px;
}
.block img.center,
.block .acc-section .acc-item img.center,
.block .block:not(.img) img.center,
.block .block:not(.bxslider) img.center {
	float: none;
	margin: 0 auto 10px auto;
	display: block;
}

.block img,
.block .block:not(.img) img,
.block .block:not(.bxslider) img,
.block .block:not(.image) img,
.block img.none,
.block .block:not(.img) img.none,
.block .block:not(.bxslider) img.none {
	margin-bottom: 10px;
}
.block.acc-item .acc-section h2.bx-head + h3 {
    display: none;
}

.block h2.bx-head + img,
.block .block:not(.img) img,
.block .block:not(.bxslider) img,
.block .block:not(.image) img,
.block img.article-img,
.bottom-callouts .block img
 {
	border: 2px solid #919295;
}
.container .col .block.image img {margin-bottom: 0px; padding: 0; line-height: 0;}
.container .col div.block.image,
.container .col div.block.image a {padding: 0; line-height: 0;}

/* SPOTLIGHT BLOCK */
.block.spotlight p {
	/*font-size: 12px;*/
	line-height: 20px;
}

/* ARTICLES-PROGRAMS BLOCK */
#main-content .block.articles-programs {
	padding: 9px;
    border:1px solid silver;
}

.block.articles-programs .acc-toggle {
	display: block;
	width: auto;
	padding: 7px 10px 7px 10px;
	color: #313131;
	font-weight: bold;
	border-bottom: 1px solid #B2B2B2;
	background: #D3D3D3;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.block.articles-programs div.acc-toggle,
.block.articles-programs a.acc-toggle {
	font-size: 120%;
	}
.block.articles-programs .acc-toggle span {
	float: right;
    line-height: 130%;
}
.block.articles-programs .acc-toggle span:after {
	content: " +";
	font-size: 28px;
	color: #B4B4B4;
}
.block.articles-programs .acc-toggle:hover,
.block.articles-programs .acc-toggle:hover span:after {
	color: #CB9933;
    cursor: pointer;
}
.block.articles-programs .acc-item:first-child .acc-section {
	border-top: 1px solid #CCC;
	padding-top: 10px;
}
#main-content .block.acc-item {
	margin: 0 0 8px 0;
	padding: 0;
	border: none;
	box-shadow: none;
}
#main-content .block.acc-item:first-of-type.open {
	margin-top: -10px;
}
.block.articles-programs .acc-item.open .acc-toggle {
	display: none;
}
.block.articles-programs .acc-section {
	display: none;
	margin-top: 10px;
	padding: 0 0px 14px 0px;
}



.block.articles-programs .acc-section p {
	margin: 10px 0;
}

/* Articles/Programs Download Modules */
.paper-item-wrapper {
	clear: both;
	width: 100%;
	margin-top: 20px;
	border-top: 3px solid #004FA3;
	border-bottom: 1px solid #004FA3;
	background: #E8E8E8;
}
.block .paper-item-wrapper h4 {
    margin: 8px 0 0 10px;
}
.paper-item-wrapper .paper-item h5 {
	font-family: 'Noto Sans', Helvetica, Arial,sans-serif;
	    font-weight: normal;
}
.paper-item-wrapper .paper-item {
	width: 100%;
	margin-bottom: 4px;
	padding: 10px;
}
.paper-item-wrapper .paper-item.leftside {

}
.paper-item-wrapper .paper-item.rightside {

}
.paper-item-wrapper .paper-item .paper-links {
	margin-top: 6px;
}
.paper-item-wrapper .paper-item .paper-links a {
	float: left;
	font-size: 11px;
}
.paper-item-wrapper .paper-item .paper-links a:before {
	content: "\00bb  ";
	color: #004FA3;
}
.paper-item-wrapper .paper-item .paper-links a:first-child {
	padding-right: 20px;
}
.paper-item-wrapper .paper-item .paper-links a:hover,
.paper-item-wrapper .paper-item .paper-links a:hover:before {
	color: #CB9933;
}


/*******************************
***** BOTTOM CALLOUTS *******************
*******************************/
.bottom-callouts {
	margin-bottom: 0px;
	background: #eee;
}
@media only screen and (min-width: 771px) {
    .bottom-callouts {
        padding-bottom: 15px;
    }
}
@media only screen and (max-width: 770px) {
    .bottom-callouts {
        padding-bottom: 0px;
    }
}
.bottom-callouts .container .block.slider-block.bg-trans,
.bottom-callouts .container .block.slider-block,
.bottom-callouts .bx-viewport ul.bxslider {
    padding: 0;
    margin: 0;
}


.bottom-callouts .container {
    max-width: 1000px;
    margin: 0 auto;
}

.bottom-callouts .col-container > div {
    display: inline-block;
}
@media only screen and (min-width: 1020px) {
    .bottom-callouts .col-container {
        padding: 20px 0 5px 0;
    }
}
@media only screen and (max-width: 1019px) {
    .bottom-callouts .col-container {
        padding: 20px 8px 5px 8px;
    }
}
@media only screen and (min-width: 771px) {
    .bottom-callouts .col-container .col-3  {
        float: left;
	    min-height: 300px;
        margin: 0 0 18px 0;
	    padding: 0;
    }
    .bottom-callouts .col-container > div.col-3:nth-child(2)  {
    width: 35%;
	    border-right: 1px solid #CCC;
	    border-left: 1px solid #CCC;
        margin: 0 1.5%;
}
    .bottom-callouts .col-container > div.col-3:nth-child(2) > div  {
	    padding: 0 12px;
    }
    .bottom-callouts .col-container > div.col-3:first-of-type 
    {
	    width: 31%;
    }
    .bottom-callouts .col-container > div.col-3:last-of-type 
    {
	    width: 31%;
    }
    .slider-block .bx-wrapper .bx-viewport .block.generic a > img,
    .bottom-callouts .block.generic a > img {
        width: 100%;
    }

}
@media only screen and (max-width: 770px) {
    .bottom-callouts .col-container .col-3  {
        float: none;
        height: auto;
        margin: 0 0 18px 0;
	    padding: 0;
    }
    
    .bottom-callouts .slider-block .bx-wrapper .bx-viewport .block.generic a:not(.read-more) ,
    .bottom-callouts .block.generic a:not(.read-more)  {
        display: block;
        text-align: center;
        
    }
    .bottom-callouts .slider-block .bx-wrapper .bx-viewport .block.generic a > img,
    .bottom-callouts .block.generic a > img {
        width: auto;
    }
}


.bottom-callouts .col-container > div div.slider-block.bg-trans {
	border-top: 5px solid #004FA3;
}
.bottom-callouts .col-container > div div.slider-block {
	border-top: 0px solid #004FA3;
}

.bottom-callouts .block.slider-block h2.bx-head {
	padding-top: 6px;
    padding-bottom: 6px;
}
.bottom-callouts .block .bx-pager, 
.bottom-callouts .block .bx-controls-direction  {
	padding-top: 0px;
	
}
.bottom-callouts .slider-block .bx-controls {
	position: absolute;
    right: 2px;
    top: 8px;
    z-index: 1000;
}
.bottom-callouts .slider-block {
    border-bottom: none;
}

.bottom-callouts .block p {
    font-size: 90%;
}
.slider-block .bx-wrapper .bx-viewport .block.generic a > img {
        width: 100%;

    }
#footer a {color: #B9B8B8;}
#footer a:hover {color: #CB9933;}
/* FOOTER SOCIAL */
.footer-social {
	float: right;
	text-align: right;
	width: 19%;
	margin-top: 12px;
}
.footer-social a {
	display: block;
	margin-bottom: 5px;
	font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #030303;
}
.footer-social a:hover {
	color: #CB9933;
}
.footer-social .social-links {
	float: right;
	margin-top: 10px;
	margin-bottom: 25px;
	list-style: none;
}
.footer-social .social-links li {
	float: left;
}
.footer-social a.logo-memorial  {
	display: block;
	margin-top: 120px;}





/* --------------- SEARCH layout ----------------- */

.home h1{
    display: none;
}
.home h1.bx-header {
    display: block;
    margin-bottom: 20px;
    color: #666;
    }


/* PAGINATION BLOCK */


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #E8E8E8;
	position: relative;
}

.jspDrag
{
	background: #004FA3;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

.jspPane {
	width: 93% !important;
	padding-top: 10px !important;
}
.jspContainer {
	width: 100% !important;
	padding: 10px !important;
}
.jspScrollable {
	width: 100% !important;
}

#social UL.icons {list-style: none; margin: 0 auto; padding:0;width: 300px; }
#social .icons  LI {float: left; margin: 5px 7%; padding-bottom: 0px; position: relative;}
#social .icons  LI A SPAN {display: block;position: absolute; left: -2999px;}
#social .icons  LI A {display: block;width: 32px; height: 32px; overflow: hidden; text-indent: -99px;}
#social .icons  LI.fb A {background: #FFF url('/globalassets/umassmednow-news/styles/news-images.gif') no-repeat -5px -100px; }
#social .icons  LI.tw A {background: #FFF url('/globalassets/umassmednow-news/styles/news-images.gif') no-repeat -40px -100px; }
#social .icons  LI.li A {background: #FFF url('/globalassets/umassmednow-news/styles/news-images.gif') no-repeat -80px -100px; }
#social .icons  LI.rss A {background: #FFF url('/globalassets/umassmednow-news/styles/news-images.gif') no-repeat -120px -100px; }
#social .icons  LI.gg A {background: #FFF url('/globalassets/umassmednow-news/styles/news-images.gif') no-repeat -160px -100px; }
#social .icons  LI.yt A {background: #FFF url('/globalassets/umassmednow-news/styles/news-images.gif') no-repeat -120px -136px; }
#social {border-top: 1px solid silver;border-bottom: 1px solid silver;overflow:hidden; margin-top: 8px;margin-bottom: 8px;}



/************************************************************
***** MEDIA QUERIES *****************************************
************************************************************/
@media only screen and (max-width : 960px) {

	
}
@media only screen and (max-width : 768px) {

	.block.link-list ul li a {
		font-size: 18px;
	}
	.block.link-list ul li a:after {
		font-size: 24px;
	}
	.block.events .featured .event-links a {
		display: block;
		padding: 7px 0;
		font-size: 14px;
	}
	.block.events .event-title a {
		font-size: 14px;
	}
	
	.block.events.eventsapp {
        overflow: visible;
        overflow-y: hidden;
	    height: auto;
    }
	.bottom-callouts .block {
		width: 100%;
		min-height: none;
		border: none;
	}
	.bottom-callouts .container .col-li  {
	clear: none;
	width: 49.5%;    
	margin: 0 0 25px 0;
	float: left;
	min-width: 239px;
	
}
.bottom-callouts .container .col-li:nth-child(2) 
{
	float: right;
	width: 49.5%;    
	padding-right: 0;
	border: none;
}
.bottom-callouts .container .col-li:last-of-type 
{
	float: none;
	padding-left: 0;
	clear: both;
}


	.footer-social {
		float: right;
		width: 35%;
	}
	/* SLIDER BLOCK ALTERNATE NAVIGATION */
	.slider-block .bx-controls,
	.slider-block.bg-trans .bx-controls {
		width: 100%;
		height: 34px;
		left: 0;
		top: 0px;
		pointer-events: none;
    background: #eee;
	}
	
	.slider-block .bx-controls-direction {
	    height: 50px;
	    position: absolute;
	    top: 0;
	    width: 100%;
        z-index: 300;
	}
	.slider-block .bx-controls a.bx-prev,
	.slider-block .bx-controls a.bx-next {
    width: 34px;
    height: 34px;
    font-size: 30px;
    background: #eee;
    color: #333;
		text-indent: 0;
		pointer-events: auto;
	}
	.slider-block .bx-controls a.bx-prev {
	float: left;
   	padding-left: 8px;
	}
	.slider-block .bx-controls a.bx-next {
	float: right;
   padding-left: 9px;
	}
	.slider-block .bx-controls .bx-pager {
	posistion: relative;
	text-align: center;
    width: 100%;
    font-size: 16px;
	    margin-top: 10px;
	    left: 0;
	}
	
    .homeH2Width70 {
        width: 100%;
        padding-top: 35px;
    }
}
@media only screen and (max-width : 640px) {

	.paper-item-wrapper .paper-item {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.paper-item-wrapper .paper-item h5 {
		font-size: 15px;
		line-height: 18px;
	}
	.paper-item-wrapper .paper-item .paper-links a {
		font-size: 14px;
	}
	.bottom-callouts .slider-block {
		min-height: 0;
	}
	.bottom-callouts .container .col-li  {
	clear: none;
	width: 49%;    
	margin: 0 0 25px 0;
	border: none;
	min-width: 239px;
	
}
.bottom-callouts .container .col-li:nth-child(2) 
{
	padding-right: 0;
	border: none;
	float: left;
}
.bottom-callouts .container .col-li:last-of-type 
{
	float: none;
	padding-left: 0;
	clear: left;
}
	.address {
		padding-top: 10px;
		font-size: 11px;
	}
	.address span {
		display: block;
		border: none;
		margin-bottom: 5px;
		padding: 0;
		font-size: 12px;
	}
	.address p.copyright {
		padding-top: 10px;
		font-size: 12px;
	}
	.back-to-top {
		position: fixed;
	  right: 20px;
	  bottom: 10px;
	  width: 120px;
		padding: 10px;
		font-size: 14px;
	  font-weight: 700;
	  color: #FFF;
	  text-align: center;
	  background: #004FA3;
	  border: 1px solid #FFF;
	  cursor: pointer;
	  z-index: 100;
	}
	.footer-social a.logo-memorial  {
	width: 142px;
	height: 52px;
	position: absolute;
	top: 0; right:5px;
	margin-top: 5px;}
}
@media only screen and (max-width : 480px) {
	h3 {
		margin-top: 0;
		font-size: 16px;
    line-height: 22px;
	}
	.block.spotlight p,
	.block.articles-programs p {
		font-size: 14px;
		line-height: 20px;
	}
	.block.events ul {
		width: 93%;
	}
	.block.events.eventsapp {
        overflow: hidden;
        overflow-y: auto;
	    height: 300px;
    }
    
    .block.events.eventsapp .event-title,
    .block.events.eventsapp .event-title a {
        font-size: 12px;
    }
	.bottom-callouts .container .col-li  {
	width: 99%;    
	min-width: 99%;    
	margin: 0 0 25px 0;
	border: none;
	padding-left: 0;
	border-right: 0; 
}
.bottom-callouts .container .col-li:first-of-type 
{
	float: none;
	width: 99%;  
	min-width: 99%;   
}
.bottom-callouts .container .col-li:last-of-type 
{
	float: none;
	clear: left;
	padding-left: 0;
	width: 99%;    
	min-width: 99%; 
}
	.footer-social {
		margin-top: 10px;
	    float: none;
	    text-align: left;
	    width: 100%;
	    clear: both;
	}
	.footer-social .social-links {
		margin-bottom: 5px;
	    float: none;
	    text-align: left;
	    width: 100%;
	    clear: both;
	    margin-left: 0;padding-left: 0;
	}
	.footer-social .social-links li:not(:first-of-type) {
		margin-left: 5px;
	}
	
	.searchResultsMainBody  {
		width: auto;
	}
}
@media only screen and (max-width : 350px) {
	.paper-item-wrapper .paper-item .paper-links a {
		float: none;
		display: block;
		margin: 5px 0 10px;
		font-size: 14px;
	}
}
/* ==========================================================================
	 Print styles
	 ========================================================================== */
@media print {
	.hero-wrapper {border:1px solid #000; max-width: 960px; max-height: 1000px; margin: 0 auto 10px auto;}
	.hero-wrapper .bx-viewport {}
	.hero-wrapper .bx-viewport h1 {font-size: 18px;}
	.hero-wrapper .bxslider li .slide-desc {width: 35%;}
	.hero-wrapper .bxslider li img {width: 64%;}
	.hero-wrapper .bx-viewport p, .hero-wrapper .bx-viewport a {font-size: .9em;}
	.block {
		page-break-inside: avoid;
	}

	.hero-wrapper .bx-viewport img, #main-content .col .block img {max-width: 100%}
	
	
	div .block {border: 0px solid #000; margin:0 0 15px 0; padding: 10px;}
	
	/*news feature*/
	#main-content #col-2 div div > .block.generic:first-of-type, 
	#main-content #col-2 div div > .block.generic:first-of-type p {margin:0; padding:0;}
	#main-content #col-2 div div > .block.generic:first-of-type img {float: left; margin:0 2% 0 0; padding:0;display: inline; max-width: 450px !important;}
	
	
	#main-content #col-2 .articles-programs {margin:0; border: 0; padding: 10px 0 0 0;}
	#main-content #col-2 .articles-program div.block.acc-item.open > div {margin:0; border:0; padding:0;}
	#main-content #col-2 .articles-program div.block.acc-item.open > div img {float: left; margin:0 2% 0 0; display: inline; max-width: 450px !important;}
	#main-content #col-2 .articles-program div.block.acc-item.open > div h3 {display: inline-block;}
	#main-content #col-2 .articles-program div.block.acc-item.open > div p {display: inline;}
	#main-contentdiv.container.clearfix a.fancybox-media {display: inline;}
	
	.social-links,
	.footer-links-wrapper,
	#social,
	.block.acc-item {display:none;}
	.block.acc-item.open {display:block;}
	
	#main-content #col-3 > div > div {float: left; width: 32%; margin-right: 1.5%;}
	#main-content #col-3 > div > div:nth-child(3n) {float: left; margin-right: 0;}
	#main-content #col-3 a[href^="http"]:after,
	#main-content #col-3 a[href^="https://"]:after {display: block;}
	#main-content #col-3 div.block {border-left:0; border-right:0;border-bottom:0; }
	#main-content #col-3 div.block.image {padding: 8px;}
	#main-content #col-3 div.block.generic img,
	#main-content #col-3 div.block.image img {max-height: 300px; margin: 0 0 10px 0 !important;}
	#main-content #col-3 div.block span.sprite + p {margin: 0 0 10px 0 !important; }
	
	.footer-social a.logo-memorial {margin:0;}
	.footer div.block {padding: 0px; width: 75%; float: left; clear:none;}
	.footer div.block .address {clear:none;}
	.footer-social > a {display:none;}
	

	.bottom-callouts.clearfix {width: 100%; margin: 0; padding: 0; max-width: 960px; }
	.bottom-callouts.clearfix > div.container {width: 100%; margin: 0; padding: 0; max-width: 100%; }
	.bottom-callouts .container .col-li {width: 100%; min-height: 30px;margin: 0;padding: 20px 0;border:0; border-top:1px solid gray;}
	
	.block.slider-block {border-top: 1px solid silver; padding: 10px 0 0 0;hight: auto !important;}
	.block.slider-block .bx-wrapper { }
	.block.slider-block .bx-wrapper .bx-viewport {}
	.block.slider-block .bx-wrapper .bx-viewport > ul {display: inline-block !important;max-width: 100% !important;}

	.block.slider-block .bx-wrapper .bx-viewport li { float: none !important; width: 100% !important;}
	.block.slider-block .bx-wrapper .bx-viewport li { display: inline-block !important;}
	.block.slider-block .bx-wrapper .bx-viewport li.bx-clone,
	.block.slider-block .bx-wrapper .bx-viewport li.clone {display: none; }


.slider-block.featured-vid .bx-wrapper .bx-viewport .block.generic img {max-width: 40%; margin: 0 2% 15px 0; float: left;}
.bottom-callouts.clearfix {display: inline !important;width: 100%; margin:0;padding:0;}
.bottom-callouts.clearfix .slider-block {display: inline !important;width: 100%; margin:0;padding:0;}
.bottom-callouts.clearfix .slider-block .bxslider {display: inline !important;width: 100%;margin:0;padding:0;}
.bottom-callouts.clearfix .slider-block .bxslider li.li {float:none;width: 100%;margin:0;padding:0 0 15px 0;}
.bottom-callouts.clearfix .slider-block .bxslider li.li.bx-clone {display:none !important;}
.bottom-callouts.clearfix .slider-block .bxslider li .block {float:none;width: 100%;}
.bottom-callouts.clearfix .slider-block .bxslider li .block img {max-width: 40%; margin: 0 2% 15px 0; float: left;}
.bottom-callouts.clearfix .slider-block .bxslider li .block {padding-bottom: 10px !important;}

#main-content #col-3 .slider-block {display: inline-block !important; margin:0;padding:0;}
#main-content #col-3 .slider-block .bxslider {display: inline !important;margin:0;padding:0;}
#main-content #col-3 .slider-block .bxslider .bx-viewport li.li {float:none;width: 100%;margin:0;padding:0;}
#main-content #col-3 .slider-block .bxslider .bx-viewport li.li.bx-clone {display:none !important;}
#main-content #col-3 .slider-block .bxslider .bx-viewport li .block {float:none;width: 100%; padding: 10px 0;}
#main-content #col-3 .slider-block .bxslider .bx-viewport li .block img {max-width: 80%; margin: 0 0 15px 0; float: none;}

#main-content #col-1 .slider-block {display: inline-block !important; margin:0;padding:0;}
#main-content #col-1 .slider-block .bxslider {display: inline !important;margin:0;padding:0;}
#main-content #col-1 .slider-block .bxslider .bx-viewport li.li {float:none;width: 100%;margin:0;padding:0;}
#main-content #col-1 .slider-block .bxslider .bx-viewport li.li.bx-clone {display:none !important;}
#main-content #col-1 .slider-block .bxslider .bx-viewport li .block {float:none;width: 100%; padding: 10px 0;}
#main-content #col-1 .slider-block .bxslider .bx-viewport li .block img {max-width: 80%; margin: 0 0 15px 0; float: none;}



}


/* ****************************
    changes
*  ****************************/
@media (min-width: 771px) {
    .logo {
        width: 310px;
    }
}