/* Temp fix/hide. Remove when security updated and fixed. */

body.path-frontpage .region-content img {
	height: 260px;
	width: auto;
	float: left;
	padding-right: 2px;
}

.float-left-image img {
	width: 35%;
	margin: 0 10px 3px 0;
	float: left;
}

#block-views-block-sponsors-block-1 .views-view-grid .views-col {
	padding: 1.0em;
}

body.path-frontpage .view-empty {
	display: none;
}	

.organizers {
	display: block;
	width: 48%;
	height: auto;
	float: left;
	margin-top: 0.5em;
}

.organizers img {
	max-width: 260px;
	width: 100%;
	height: auto;
}

.organizers p {
	text-wrap: wrap;
	word-break: break-all;
}

body.path-frontpage #block-conferencebannermobilequantumworkshop {
	display: none;
	height: 0;
	margin: 0;
	padding: 0;
}

/**------------ GENERAL LAYOUT ------------**/ 

body {
    height: 100%;
    margin: 0;
    background: #fff;
  	}

 .dialog-off-canvas-main-canvas {
	 height: 100%;
	 padding: -18px;
	 }

.user-logged-in .dialog-off-canvas-main-canvas {
	height: 100%;
	 margin: 38px 0 0 0;
	 }

#toptools {
	background: #000;
	width: auto;
	height: auto;
	}

#toptools .usertools {
	height: auto;
	}

#print_logo {
	display: none;
	}

#search-collapsible,
#searchtools-button {
	display: block;
	 background: #000;
	 height: auto;
	 overflow: hidden;
	}

 .searchtools-container,
 .region-search-collapsible {
	display: block;
	max-width: 1120px;
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 8px 0 10px 0;
	overflow: hidden;
	}

.searchtools-container button {
	background: #666;
	border: 1px solid #666;
	float: right;
	}

.searchtools-container button:hover {
	background: #94b261;
	}
	
 .block-text-resize {
  	display: inline;
	width: 150px;
	height: auto;
	float: right;
	margin: 4px 10px 0 0;
	padding: 0;
	}

 #block-searchform form input {
	 width: 100%;
	 }

.main-container {
	background-color: #fff;
	font-size: 1.2em;
	line-height: 1.5em;
	min-height: calc(100vh - 300px);
	padding: 0.8em;
 	}
 	
 body.path-frontpage .main-container {
	background-color: transparent;
 	}
 	
.region-sidebar-second {
	min-width: 250px;
	margin-right: 10px;
	}

.block-block-content, .block-views {
	width: 100%;
	height: auto;
	margin: 0 0 30px 0;
	}

/**------------ Subpages Banner ------------**/

.groupheader {
	background-color: #67B0D2;
	width: 100%;
	height: auto;
	margin-top: -2px;
}

.groupheader img {
	padding: 10px 0;
}

.region-groupheader {
	max-width: 1140px;
	width: auto;
	margin: 0 auto;
}

#block-subbanner {
	display: block;
	height: auto;
	margin: 0;
	padding: 0;
}

/* Main Navigation */

#navbar {
	border: none;
	height: auto;
	padding: 30px 0 0 20px;
	overflow: visible;
 	}
 	
 #navbar-collapse {
	display: block;
	width: 100%;
	height: auto;
	border-top: none;
	margin: 0 -20px 0 -20px;
	padding: 0 !important;
	}
	
#block-mainnavigation-2 {
	margin: 0 0 5px 30px;
}

#block-mainnavigation-2 li {
	margin: 0 15px 0 0;
}
	
#block-mainnavigation-2 li a {
	padding: 15px;
	border-radius: 6px;
	background: #9FBA79;
}

#block-mainnavigation-2 li a.is-active {
	background: #96A0E1;
}

#block-mainnavigation-2 li a:hover {
	background: #5D6C46;
}

/* Sidebar Secondary (right) */

.main-container .col-sm-3 a {
	font-weight: normal;
	}

.main-container .col-sm-3 .view-footer a {
	font-weight: bold;
	}

/* Footer */

.footer {
	background: #000;
	width: 100%;
	min-height: 250px;
	height: auto;
	overflow: hidden;
 	}

  .footer p, .footer li {
	  font-size: 1.2em;
	 color: #b4b3b3;
	 }

.footer #block-footerjilainfo p.jila-name {
	 color: #eee;
	 font-size: 150%;
 	}

 .footer_buttons {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 20px;
	}

.footer_buttons button {
	width: 28%;
	height: auto;
	text-align: center;
	margin-right: 5px;
	padding: 10px;
	border-radius: 20px;
	border: none;
	background: #93b35c;
	}

.footer_buttons button:hover {
	background: #86a650;
	}

#block-socialmediabuttons p {
	display: block;
	 width: 240px;
	 height: auto;
	 margin: 0 auto;
	 overflow: visible;
	}

#block-socialmediabuttons p a img:hover {
	opacity: .8;
	}

/* User Login Page */

.path-user .user-login-form input {
	width: 70%;
	}

/* Homepage General */

.path-frontpage .region-header h1.page-header {
	display: none;
	}

/* About - Maps and Travel */

body.page--node-1666 iframe {
	width: 100%;
	height: 50vh;
	}

body.page--node-1666 iframe img {
    width: 100%;
    height: auto;
	}

/* News Page */

.view-display-id-block_2 .views-field-title {
	padding-right: 30px;
	}

/* Articles & News Stories Layout*/

.field--name-field-subtitle {
	font-size: 1.4em;
	line-height: 1.4em;
	color: #666;
	}

.field--name-field-caption,
.col-sm-3 figcaption {
	background: #a6835c;
	padding: 10px;
	color: #fff;
	}

.field--name-field-caption p  {
  	font-size: .9em;
  	color: #fff;
	}

.field--name-field-image-credit div {
	background: #a6835c;
 	font-size: .9em;
 	color: #fff;
 	padding: 10px;
	}

.float-left-image .field--label-inline .field--label {
	margin: 10px 5px 0 10px;
	padding: 0;
	}

/* People */

.view-research-groups .view-content {
	font-size: .8em;
	}

.views-field-field-websites,
.views-field-field-other-websites {
	word-break: break-all;
	}

.view-research-groups .views-field-field-image-browser {
	float: left;
	margin-right: 8px;
	}

.fullname {
	font-size: 110%;
	font-weight: bold;
	}
	
.views-field-field-first-name {
	margin-top: 8px;
	font-size: 110%;
	font-weight: bold;
}

body.path-people .view-people-faculty-listing .views-field-field-image-browser,
body.page--node-1903 .views-element-container .views-field-field-image-browser {
	float: left;
	margin-right: 10px;
	}

body.path-people .view-people-faculty-listing .views-field-field-first-name,
body.page--node-1903 .views-element-container .views-field-field-first-name {
	float: left;
	}

body.path-people .blazy--grid li .views-field-field-first-name,
body.terms--people .blazy--grid li .views-field-field-first-name {
	width: 65%;
	height: auto;
	}

.view-research-topic-people .views-col div .pi-name
 {
	font-size: 110%;
	font-weight: bold;
	padding: 10px 10px 0 10px;
	}

.view-research-topic-people .views-col div .pi-focus,
.view-research-topic-people .views-col div .pi-role
 {
	display: block;
	margin: 5px 10px 0 10px;
	}

/* Events */

.event-year {
	background: #eee;
	padding: 12px 0 12px 20px;
	color: #000;
 	font-size: 2.4em;
 	font-weight: 200;
	}

.view-content-events-listing h3 {
	padding: 9px 0 9px 55px;
	background: #333 url(../images/icon_calendar.png) 0 0 no-repeat;
	color: #fff;
	}

.view-content-events-listing .views-row {
	padding-bottom: 10px;
}

body.path-newsevents .view-content-events-listing .views-field-title {
	font-size: 115%;
	}

.views-field-field-speaker-name-s- {
	font-weight: bold;
	}

.pager-nav {
	display: block;
	clear: both;
	}

.citeproc-container-title {
	font-style: italic;
	}

.citeproc-volume {
	font-weight: bold;
	}

/* Social Media */

body.page--node-1668 .region-content p {
	text-align: left;
	}

/**------------ EFFECTS & REUSABLE STYLES ------------**/

.floatleft {
	display: block;
	float: left;
	padding: 0 0.3em 0.2em 0;
}

.floatright {
	display: block;
	float: right;
	padding: 0 0 0.2em 0.3em;
}

.clearboth {
	clear: both !important;
}

img.zoom,
.zoom img {
    padding: 5px 10px;
	 transition: transform .2s; /* Animation */
	 border: none;
	}

img.zoom:hover,
.zoom img:hover {
    transform: scale(1.1);
    }

 /* Green Rounded Buttons */

a.button {
	background-color: #93b35c;
	color: white;
	padding: 7px 10px;
	margin-right: 3px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	border-radius: 8px;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	}

a.button:hover {
	background-color: #506132;
	}
	
table,
table td {
	padding: 5px;
}

/**------------ GENERAL HTML STYLES ------------**/

h1 {
	display: block;
	font-family: 'Lalezar', cursive;
	font-size: 2.9em;
	color: #000;
	border-bottom: none;
	clear: both;
	
	}

h1.page-header{
	border: none;
	margin: 0;
	}
	
.region-header {
	display: block;
	margin: 0;
}

h2 {
 	color: #000;
 	padding-top: 10px;
 	font-size: 1.7em;
 	font-weight: 200;
	}

body.page--node-2775 .field--name-field-subtitle {
 	color: #000;
 	padding-top: 10px;
 	font-size: 2.4em;
 	font-weight: 200;
	}

body.path-frontpage h2,
body.page--node-1681 h2,
body.page--node-2614 h2,
body.page--node-1679 h2,
body.page--node-1680 h2
 {
	font-family: 'Lalezar', cursive;
	font-size: 2.5em;
	color: #333;
	text-align: center;
	clear: both;
	}

body.page--node-1659 .region-sidebar-second h2.block-title,
body.page--node-1681 .region-sidebar-second  h2,
body.page--node-2614 .region-sidebar-second h2,
body.page--node-1679 .region-sidebar-second h2,
body.page--node-1680 .region-sidebar-second h2
 {
	 font-family: 'Lalezar', cursive;
	font-size: 1.8em;
	color: #333;
	text-align: left;
	clear: both;
	}

body.terms--research .view-research-topic-highlights .field--name-node-title a
 {
	font-size: 0.9em;
	color: #333;
	text-align: left;
	clear: both;
	}

h3 {
	display: block;
	font-weight: normal;
	color: #333;
	clear: both;
	}

h4 {
	display: inline;
	}

.main-container a {
	color: #f2790e;
	font-weight: bold;
	}

a:hover {
	text-decoration: underline;
	}

.field--name-field-subtitle {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	color: #666;
	border-bottom: none;
	margin:  -5px 0 18px 0;
	}

 /*--- BOOTSTRAP LAYOUTS ---*/

 /* 2-column */

.bs-region--left {
	display: block;
	background: #fff;
	width: 75%;
	height: auto;
	padding: 0 10px 10px 10px;
	}

.bs-region--right {
 	display: block;
 	width: 25%;
 	height: auto;
 	padding: 30px 10px 10px 10px;
 	font-size: 130%;
 	}
 

 /*--- PARAGRAPH LAYOUTS ---*/

.paragraph {
	display: block;
	clear: both !important;
	margin: 35px 0;
	}

.paragraph--type--image-gallery {
 	background: #eee;
 	padding: 20px 0;
 	overflow: hidden;
 	}

 .paragraph--type--image-gallery .field--name-field-gallery-name {
 	display: block;
 	margin: 15px;
 	font-size: 1.2em;
 	font-weight: bold;
 	}

 .paragraph--type--pullquote {
 	display: block;
 	width: 80%;
 	margin: 8px auto;
 	color: #a47a4a;
 	font-size: 120%;
 	}

 .paragraph--type--animated-gif img {
	width: auto;
	height: auto;
	margin: 15px auto;
	}

 /**--- GENERAL STYLES ---**/

.float_left {
    display: block;
    width: auto;
    height: auto;
    float: left;
    margin: 0 15px 5px 0;
	}

.float_right {
    display: block;
    width: auto;
    height: auto;
    float: right;
    margin: 0 0 5px 15px;
	}

p.taxonomy-term a {
	font-size: 120%;
	}

.shariff {
	display: block;
	padding: 30px 0;
	clear: both;
	}

 /**--- IMAGES ---**/

 .banner-image {
 	width: 100%;
 	height: auto;
	}

.banner-image img {
	width: 100%;
	}

.float-left-image,
.float-left-image-thumbnail {
 	display: inline;
 	float: left;
 	clear: left;
 	margin: 0 15px 10px 0;
 	padding: 10px;
 	}

 .float-left-image img,
 .float-left-image-thumbnail img {
 	width: 100%;
 	height: auto;
 	}

.image-gallery .field--item {
 	display: block;
 	margin: 0 8px 8px 8px;
 	border: 1px solid #333;
 	float: left;
 	}

 .col-sm-3 img {
	 max-width: 260px;
	 height: auto;
 	}

 figure {
 	display: block;
 	margin: 0 10px 5px 0;
 	}

figure img {
	width: auto;
	height: auto;
	}

.field--name-field-caption {
	margin: -4px 0 -10px 0;
	padding: 4px 0 0 10px;
	}

.paragraph--type--full-width-image-no-crop .caption {
	width: 100%;
	height: auto;
	text-align: left;
	}

.paragraph--type--animated-gif img {
	width: auto;
	height: auto;
	margin: 15px auto;
	}

  /**--- SIDEBARS ---**/

  .col-sm-3 h2 {
	font-size: 1.4em;
	font-variant: small-caps;
	}

  .col-sm-3 li {
	  margin-bottom: 10px;
  	}

/**--- VIEWS STYLES ---**/

.views-element-container h2 a,
.views-element-container h3 a,
.views-element-container h4 a {
	color: #000;
}

.label-inline span, .label-inline div {
	display: inline;
	}

.views-label {
	font-weight: bold;
	}

.views-field-title {
	font-weight: bold;
	}

.view-filters {
	background: #eee;
	padding: 12px 3px;
	}
	
.views-view-grid .views-row {
	padding-bottom: 10px;
}

 .view-footer a:after,
 a.views-more-link:after,
 .views-more-link a:after,
 #block-opportunitiesatjila a:after {
	content: "►";
	}

 /**--- DISPLAY NONE ---**/

body.path-frontpage .js-pager__items,
body.page-node-type-people h1.page-header,
body.page--node-1662 .pager,
body.terms--work-collaborate .field--name-field-caption {
	display: none;
	}

/**------------ MEDIA-SPECIFIC LAYOUT ------------**/

/*--- GENERAL LAYOUT--MOBILE ---*/

@media screen and (max-width:767px) {
	
	#block-subbanner {
	display: block;
	max-width: 767px;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	}
	
	#block-subbanner img {
		width: 100%;
		height: auto;
	}
	
	.region-content {
		max-width: 767px;
		width: 100%;
		height: auto;
		background-color: #fff;
		padding: 0.5em;
	}

	#block-cunistblock {
		display: block;
		width: 100%;
		padding-top: 0px;
		float: left;
		clear: both;
		margin-left: 12px;
		}

	.usertools {
		overflow: visible;
		display: block;
		background: #000;
		/*min-height: 65px;
		height: auto;*/
		height: 10px;
		width: 100%;
		padding: 5px 5px 0 5px;
		color: #fff;
		}

	.usertools #block-usertools a {
		color: #fff;
		}

	.usertools .region-usertools {
		display: block;
		clear: both;
		max-width: 90%;
		width: auto;
		margin: 0 auto;
		padding: 0;
		}

	#block-searchform {
	 	display: inline;
	 	padding: 8px 4px 6px 0;
	 	width: 55%;
	 	float: right;
	 	margin-top: 4px;
	 	padding: 0;
 		}

	a.logo img {
		width: 60%;
		height: auto;
		margin: -80px 0 0 -10px;
		float: left;
		}

	.col-50 {
		display: block;
		width: 100%;
		height: auto;
		margin-right: 0px;
		padding: 10px;
		}

	a#superfish-main-toggle {
		display: block;
		text-align: center;
		text-decoration: none;
		font-size: 14pt;
		padding: 6px;
		background: #506132;
		color: #fff;
		margin: 8px auto;
		}

	a#superfish-main-toggle:hover {
		background: #94b261;
		text-decoration: none;
		}

	ul#superfish-main-accordion a {
		font-weight: bold;
		}

	#superfish-main-accordion li a {
		background: #94b261;
		color: #fff;
		border-bottom: 3px solid #fff;
		}

	#superfish-main-accordion .menuparent .sf-clone-parent a {
		display: none;
		}

	#superfish-main-accordion .menuparent .sf-depth-2 a {
		background: #f8f8f8;
		color: #4584ba;
		}

	#block-useraccountmenu .sf-accordion-toggle a {
		color: #fff;
		}

	#superfish-account-accordion li a {
		color: #fff;
		}

	.tools-menu {
		display: block;
		max-width: 600px;
		height: auto;
		float: right;
		text-align: right;
		margin: 0 3px;
		padding: 0;
		}

	ul.menu--account li {
		display: block;
		width: auto;
		float: left;
		margin: -25px 0 0 20px;
		padding-bottom: 10px;
		}
		
	#inner-container #navbar {
		display: block;
		padding: 0 0 1.0em 0;
	}

	.main-container {
		background: #fff url(none) right bottom;
		padding-bottom: 10px;
		min-height:100%;
		}

	.footer_buttons button a {
		color: #fff;
		text-decoration: none;
		font-size: 1.0em;
		font-weight: bold;
		}

	/* Bootstrap Displays */

    .bs-region--left {
      display: inline;
      max-width: 100%;
      height: auto;
      padding: 10px;
      margin: 5px 0;
      }

   .bs-region--right {
	   display: inline;
	   max-width: 100%;
	   height: auto;
	   padding: 10px;
	   margin: 5px 0;
	   overflow: hidden;
	   }

/**--- CONTENT TYPES--MOBILE ---**/

		/* Articles & News */

	.field--name-field-subtitle {
		font-size: 1.4em;
		line-height: 1.4em;
		color: #666;
		}

	.float-left-image,
	.float-left-image-thumbnail,
	.field field--name-field-caption,
	.field--name-field-image-credit {
		display: block;
		width: 100%;
		height: auto;
		}

	body.path-newsevents .view-research-highlights-all-rev .blazy--grid a img,
	body.path-newsevents .view-news-all .blazy--grid a img {
		float: left;
		margin: 0 10px 25px 0;
		}

	body.path-newsevents .view-research-highlights-all-rev p,
	body.path-newsevents .view-news-all p  {
		position: relative;
		display: inline;
		}

	body.path-newsevents .view-research-highlights-all-rev .views-more-link,
	body.path-newsevents .view-news-all .views-more-link,
	body.path-newsevents .view-research-highlights-all-rev .edit-node,
	body.path-newsevents .view-news-all .edit-node  {
		float: right;
		}


/**--- SECTIONS & PAGES--MOBILE ---**/

	/* Frontpage */
	
	#block-conferencebannermobilequantumworkshop {
		max-width: 767px;
		width: auto;
		height: auto;
	 	margin-bottom: 0;
	 	padding-bottom: 0;
 	}
 	
 	#block-conferencebannermobilequantumworkshop img {
		width: 100%;
		height: auto;
 	}


	#block-audiencelinks {
		display: block;
		background: #eee;
		width: 100%;
		height: auto;
		margin: -10px 0 8px 10px;
		}

	body.path-frontpage a.button {
		background-color: #93b35c;
		border: none;
		color: white;
		margin: 1px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 10px;
		border-radius: 8px;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
		}

	body.path-frontpage a.button:hover {
		background-color: #506132;
		}

	body.path-frontpage a.button .mobile {
		display: block;
		width: 100%;
		}

	#block-audiencelinks a {
		color: #fff;
		text-decoration: none;
		}

	body.path-frontpage .highlights .field--name-node-title p {
		font-size: 0.8em;
		line-height: .98em;
		text-align: center;
		margin-top: 12px;
		}

	.research-topics-mobile ul {
		list-style: none;
		margin-top: 4px;
		}

	.research-topics-mobile ul li {
		background: #fff url(../images/backgrounds/b_image_001.png) left bottom no-repeat;
		padding: 6px;
		border-bottom: 2px solid #fff;
		font-size: .85em;
		margin-left: -15px;
		}

	.view-content-events-listings-mobile td.views-field-field-event-date-1 {
		min-width: 90px;
		width: 25%;
		background: #333;
		color: #fff;
		font-weight: bold;
		}

	.view-content-events-listings-mobile td.views-field-title {
		font-size: .85em;
		}

	#block-views-block-news-block-1 .views-col {
		font-size: 80%;
		padding: 6px;
		}

	.node--view-mode-homepage-highlights p {
	 	height: 50px;
 		margin: 0;
 		padding: 6px 3px;
 		}

 	#block-views-block-news-block-1 .views-field-title {
	 	height: auto;
 		margin: 0;
 		padding: 6px 3px;
 		}

 	.node--view-mode-homepage-highlights p a,
 	#block-views-block-news-block-1 .views-field-title a {
	 	color: #000;
	 	}

/* Highlights Page */

.research-highlights-page .grid {
	border-bottom: 1px dotted #ccc;
	}

.research-highlights-page .grid--0 .field-content img {
	display: block;
	float: left;
	width: 100%;
	height: auto;
	}

.research-highlights-page .grid--0 .views-field-title {
	display: block;
	float: left;
	clear: left;
	width: 100%;
	height: auto;
	margin: 20px 0 0 10px;
	padding: 0;
	}

.research-highlights-page .grid--0 .views-field-teaser p {
	display: block;
	float: left;
	clear: left;
	width: 100%;
	height: auto;
	margin: 0 0 0 10px;
	padding: 0;
	}

.research-highlights-page .grid--0 .edit-node {
	clear: right;
}

	/* Travel Page */

	body.page--node-1666 .left,
	body.page--node-1666 .right {
		display: block;
		width: 100%;
		float: none;
		margin-bottom: 10px;
		}

	body.page--node-1666 .left img {
		max-width: 100%;
		height: auto;
		}

	body.page--node-1666 .right img {
		max-width: 190px;
		width: auto;
		height: auto;
		}

	/**--- DISPLAY ALL--MOBILE ---**/


	/**--- DISPLAY NONE--MOBILE  ---**/

	img.logo-desktop,
	body.path-frontpage #block-researchtopics,
	#block-views-block-content-events-listing-block-2,
	.terms--research .field--name-field-research-areas,
	#block-conferencebannerquantumworkshop
	 {
	 	display: none !important;
		}

	}


@media screen and (min-width:768px) {

/**--- GENERAL LAYOUT--TABLET ---**/


	#block-subbanner {
	display: block;
	max-width: 1140px;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	}
	
	#block-subbanner img {
		width: 100%;
		height: auto;
	}
	
	.region-content {
		max-width: 1140px;
		width: 100%;
		height: auto;
		margin: 0 0 0 0;
		padding: 1.0em;
		background-color: #fff;
	}
	
	body.path-frontpage .region-content {
		max-width: 1140px;
		width: 100%;
		height: auto;
		margin: -20px 0 0 0;
		padding: 1.0em;
		background-color: #fff;
	}

	.usertools {
		overflow: visible;
		display: block;
		background: #000;
		min-height: 10px;
		height: auto;
		width: 100%;
		margin: -15px 0 7px 0;
		padding: 5px 5px 0 5px;
		color: #fff;
		}

	.usertools #block-usertools a {
		color: #fff;
		}

	.usertools .region-usertools {
		display: block;
		clear: both;
		max-width: 90%;
		width: auto;
		margin: 0 auto;
		padding: 0;
		}

	#block-searchform {
	 	display: inline;
	 	padding: 8px 4px 6px 0;
	 	width: 45%;
	 	float: right;
	 	margin-top: 4px;
	 	padding: 0;
 		}

	a.logo img {
		width: 25%;
		height: auto;
		margin-top: -80px;
		}

	#block-cunistblock {
		display: block;
		width: 100%;
		padding-top: 0px;
		margin: -7px;
		}

	#block-useraccountmenu {
		margin-left: 90px;
		}

	#block-useraccountmenu	a {
		color: #fff;
		padding: 8px;
		}

	.main-container, .navbar.container {
		width: auto;
		max-width: 991px;
		padding: 0;
		}
		
	.main-container {
		padding: 1.0em;
		}

	#inner-container {
		background: transparent url(../images/backgrounds/quantum-workshop-back.png);
		background-attachment: fixed;
		background-size: cover;
		margin: -25px 0 -90px 0 !important;
		padding-bottom: 100px;
		}

	.footer_buttons button a {
		color: #fff;
		text-decoration: none;
		font-size: 1.5em;
		font-weight: bold;
		height: auto;
		}
		
	.col-50 {
		display: block;
		background: transparent url(../images/transwhite.png) repeat;
		width: 47%;
		min-height: 429px;
		height: auto;
		float: left;
		margin-right: 5px;
		padding: 10px;
		border: 1px solid #eee;
		border-radius: 10px;
		}


 /* Superfish Menu */

header.navbar ul.sf-menu.sf-style-none li ul {
	margin-top: 8px;
	}

header.navbar ul.sf-menu.sf-style-none a,
header.navbar ul.sf-menu.sf-style-none a:visited,
header.navbar ul.sf-menu.sf-style-none span.nolink {
  border: 0 none;
  color: #000;
  padding: 0.65em 0.10em;
  font-size: 0.7em;
}

header.navbar ul.sf-menu.sf-style-none {
  float: left;
  margin-bottom: 1em;
  padding: 0;
}
header.navbar ul.sf-menu.sf-style-none.sf-navbar {
  width: 100%;
}
header.navbar ul.sf-menu.sf-style-none ul {
  margin: 0;
  padding: 0;
}

header.navbar ul.sf-menu.sf-style-none li,
header.navbar ul.sf-menu.sf-style-none.sf-navbar {
  /*background: #fff;*/
}

header.navbar ul.sf-menu.sf-style-none li li,
header.navbar ul.sf-menu.sf-style-none.sf-navbar > li > ul {
  background: #fff;
}

header.navbar ul.sf-menu.sf-style-none li:hover,
header.navbar ul.sf-menu.sf-style-none li.sfHover,
header.navbar ul.sf-menu.sf-style-none a:focus,
header.navbar ul.sf-menu.sf-style-none a:hover,
header.navbar ul.sf-menu.sf-style-none span.nolink:hover {
  background: #eee;
  outline: 0;
  text-decoration: none;
}

 /* Superfish Arrows */

header.navbar ul.sf-menu .sf-sub-indicator  {
		line-height: 9999px;
		opacity: 0.75;
		position: absolute;
		right: 0;
		speak: none;
		text-indent: -9999px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 13px;
		height: 13px;
		font-size: 65%;
		}

header.navbar ul.sf-menu .sf-sub-indicator:after {
		content: "▼";
		left: 0;
		line-height: 1;
		position: absolute;
		text-indent: 0;
		top: 0;
		}

header.navbar ul.sf-menu ul .sf-sub-indicator:after {
		content: "►";
		}

	header.navbar ul.sf-menu a:focus > .sf-sub-indicator,
	header.navbar ul.sf-menu a:hover > .sf-sub-indicator,
	header.navbar ul.sf-menu a:active > .sf-sub-indicator,
	header.navbar ul.sf-menu li:hover > a > .sf-sub-indicator,
	header.navbar ul.sf-menu li.sfHover > a > .sf-sub-indicator,
	header.navbar ul.sf-menu span.nolink:hover > .sf-sub-indicator,
	header.navbar ul.sf-menu li:hover > span.nolink > .sf-sub-indicator,
	header.navbar ul.sf-menu li.sfHover > span.nolink > .sf-sub-indicator {
		opacity: 1;
		}

/**--- CONTENT TYPES--TABLET  ---**/

	/* Articles & News */

	body.terms--news-events  #block-views-block-news-block-2 .views-row {
		padding-bottom: 20px;
		}

	.float-left-image,
	.field field--name-field-caption {
		display: block;
		max-width: 325px;
		height: auto;
		}

	.float-left-image-thumbnail {
		display: block;
		max-width: 200px;
		height: auto;
		}

	body.path-newsevents .view-research-highlights-all-rev .blazy--grid a img,
	body.path-newsevents .view-news-all .blazy--grid a img {
		float: left;
		margin: 15px 10px 25px 0;
		}

	body.path-newsevents .view-research-highlights-all-rev p,
	body.path-newsevents .view-news-all p {
		position: relative;
		display: block;
		margin-left: 283px;
		}

	body.path-newsevents .view-research-highlights-all-rev .views-more-link,
	body.path-newsevents .view-news-all .views-more-link,
	body.path-newsevents .view-research-highlights-all-rev .edit-node,
	body.path-newsevents .view-news-all .edit-node  {
		float: right;
		}

/**--- SECTIONS & PAGES--TABLET  ---**/

	/* Frontpage */
	
    #block-conferencebannerquantumworkshop {
		max-width: 1140px;
		width: auto;
		height: auto;
	 	margin-bottom: 0;
	 	padding-bottom: 0;
 	}
 	
 	#block-conferencebannerquantumworkshop img {
		width: 100%;
		height: auto;
 	}


	#block-audiencelinks {
		display: block;
		background: #eee;
		width: 100%;
		height: auto;
		padding: 4px 0;
		}
 
 	.node--view-mode-homepage-highlights p {
	 	height: 70px;
 		margin: 0;
 		padding: 6px 3px;
 		}

 	body.path-frontpage .view-frontpage .field--name-field-teaser-media a img,
 	#block-views-block-news-block-1 .views-field-field-teaser-media img {
	 	padding: 5px 10px;
	 	transition: transform .2s; /* Animation */
 		}

 	body.path-frontpage .view-frontpage .field--name-field-teaser-media a img:hover,
 	#block-views-block-news-block-1 .views-field-field-teaser-media img:hover {
	 	 transform: scale(1.1);
 		}

 	body.path-frontpage .field--name-field-research-areas {
	 	text-align: center;
	 	font-style: italic;
 	}

	body.path-frontpage .view-frontpage {
		padding-top: 15px;
		}

	body.path-frontpage .view-footer {
		background: transparent;
		}

	/* Frontpage News */

	body.path-frontpage .block-views-blocknews-block-1 .grid {
		display: block;
		float: left;
		height: auto;
		}

	body.path-frontpage #block-views-block-news-block-1 .views-field-title {
	 	display: block;
	 	height: auto;
	 	min-height: 110px;
 		margin: 0;
 		padding: 6px 3px 0 3px;
 		}
/*
	body.path-frontpage .view-frontpage .view-content a,
	body.path-frontpage .block-views-blocknews-block-1 .view-content a {
		color: #000;
		font-size:  1.0em;
		}
	*/

/* Highlights Page */

.research-highlights-page .grid {
	border-bottom: 1px dotted #ccc;
	}

.research-highlights-page .grid--0 .field-content img {
	display: block;
	float: left;
	width: 65%;
	height: auto;
	}

.research-highlights-page .grid--0 .views-field-title {
	display: block;
	float: left;
	width: 33%;
	height: auto;
	margin: 20px 0 0 10px;
	padding: 0;
	}

.research-highlights-page .grid--0 .views-field-teaser p {
	display: block;
	float: left;
	width: 33%;
	height: auto;
	margin: 0 0 0 10px;
	padding: 0;
	}

.research-highlights-page .grid--0 .edit-node {
	clear: right;
}

	/**--- DISPLAY ALL--TABLET ---**/

	body.path-frontpage .view-frontpage,
	#block-views-block-news-block-1 {
		display: block !important;
	}

	/**--- DISPLAY NONE--TABLET  ---**/

	img.logo-desktop,
	.view-id-frontpage,
	body.path-frontpage #block-researchtopics,
	#block-views-block-content-events-listing-block-2,
	.terms--research .field--name-field-research-areas,
	#block-conferencebannermobilequantumworkshop {
	 	display: none !important;
		}

  	}



@media screen and (min-width:992px) {

/**--- GENERAL LAYOUT--DESKTOP SMALL  ---**/

	#block-searchform {
	 	display: inline;
	 	padding: 8px 4px 6px 0;
	 	width: 65%;
	 	float: right;
	 	margin-top: 4px;
	 	padding: 0;
 		}

	.main-container,
	.navbar.container {
		max-width: 1140px;
		}

	#navbar {
		background: transparent url(none);
 		}

	.usertools .region-usertools {
  	 	max-width: 1120px;
  	 	width: auto;
  	 	margin: auto;
		}

	#block-useraccountmenu {
		margin-left: 225px;
		}

  .institute-logos {
		display: inline;
		width: auto;
		height: auto;
		float: left;
		margin: 0;
		}

	.tools-menu {
		display: inline;
		max-width: 55%;
		width: auto;
		height: auto;
		margin: 0;
		float: right;
		clear: none !important;
		text-align: right;
		}

/* Superfish Menu Desktop */

	header.navbar ul.sf-menu.sf-style-none a,
	header.navbar ul.sf-menu.sf-style-none a:visited,
	header.navbar ul.sf-menu.sf-style-none span.nolink {
		border: 0 none;
		color: #000;
		padding: 0.75em 1em 0.75em 17px;
		font-size: 1.7em;
		}

	header.navbar ul.sf-menu.sf-style-none li ul {
		margin-top: 14px;
		}


/**--- SECTIONS & PAGES--DESKTOP SMALL ---**/

	/* Frontpage */

	body.path-frontpage #block-researchtopics {
		display: block;
		max-width: 100%;
		height: 100%;
		margin: -125px 0 0 0;
		padding-left: 30px;
		}

/*
	body.path-frontpage .region-header {
		display: block;
		background: transparent url(../images/backgrounds/conference-banner.png) no-repeat;
		background-size: 100%;
		max-width: 1140px;
		min-height: 300px;
		height: auto;
		margin: 0 0 20px 0;
		padding-bottom: 15px;
		overflow: visible;
		}
	*/

	#block-audiencelinks {
		display: block;
		background: #eee;
		width: 100%;
		height: auto;
		padding: 4px 0;
		margin: -10px 0 14px 20px;
		}

	body.path-frontpage a.button {
		background-color: #93b35c;
		border: none;
		color: white;
		padding: 7px 15px;
		margin-right: 5px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		border-radius: 8px;
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
		}

	body.path-frontpage a.button:hover {
		background-color: #506132;
		}

	#block-audiencelinks a {
		color: #fff;
		text-decoration: none;
		}

	#block-researchtopics .topic {
		display: block;
		width: 11%;
		float: left;
		margin: 10px 5px 3px 5px;
		}

	.topic a img {
		width: 100%;
		height: auto;
		}

	.view-frontpage .views-view-grid {
		display: block;
		width: 100%;
		height: auto;
		float: left;
 		}

 	.highlights {
	 	margin: 0 0 10px 0;
	 	padding: 0;
 		}

 	.view-frontpage .views-view-grid img,
 	.view-research-topic-highlights .views-view-grid img {
 		border: none;
 		}

 			/* Frontpage Events */

	 body.path-frontpage td.views-field-field-event-date-1 {
		min-width: 90px;
		color: #fff;
		font-weight: bold;
		}

	body.path-frontpage #block-views-block-content-events-listing-block-2 .views-field-title a {
		color: #000;
		font-size: 110%;
		}

	body.path-frontpage .view-content-events-listing .views-view-grid {
		display: table;
		width: 100%;
		}

	body.path-frontpage .view-content-events-listing .views-col {
		display: table-cell;
		padding: 6px;
		font-size: 80%;
		}

	body.path-frontpage .view-content-events-listing .views-field-field-event-date,
	body.path-frontpage .view-content-events-listing .views-field-field-event-date-1 {
		background: #000;
		color: #fff;
		font-weight: bold;
		padding: 6px 2px 2px 2px;
		text-align: center;
		}

	body.path-frontpage .view-content-events-listing .views-field-field-seminar-type {
		min-height: 50px;
		height: auto;
		background: #ccc;
		padding: 6px;
		font-size: 86%;
		line-height: 112%;
		}

	body.path-frontpage .view-content-events-listing	.views-field-field-location {
		font-style: italic;
		padding-bottom: 5px;
		}

	body.path-frontpage .view-content-events-listing	.views-field-field-speaker-name-s- .speaker-names {
		display: block;
		font-size: 120%;
		margin-top: 5px;
		}

 	/* Research */

 	#block-jilaresearchtopics ul li a {
		font-size: 100%;
		}

	/* Travel Page */

	body.page--node-1666 .left {
		display: block;
		width: 40%;
		float: left;
		margin-right: 10px;
	}

	body.page--node-1666 .right {
		display: block;
		width: 40%;
		float: right;
	}

	body.page--node-1666 .left img {
		max-width: 600px;
		width: auto;
		height: auto;
	}

	body.page--node-1666 .right img {
		max-width: 260px;
		width: auto;
		height: auto;
	}

	body.page--node-1666 .right table {
		width: 100%;
		height: auto;
	}

	/**--- DISPLAY ALL--DESTOP SMALL  ---**/

	.view-id-frontpage,
	body.path-frontpage #block-researchtopics,
	#block-views-block-content-events-listing-block-2,
	.block-views-blocknews-block-1 {
		display: block !important;
	}

	img.logo-desktop {
		display: inline !important;
	}

	/**--- DISPLAY NONE--DESTOP SMALL  ---**/

	img.logo-mobile,
	#block-views-block-news-highlights-mobile-block-2,
	body.path-frontpage #block-jilaresearchtopics-2,
	/*.block-views-blockcontent-events-listings-mobile-block-2,*/
	#block-views-block-content-events-listing-block-1,
	.block-views-blocknews-mobile-block-1 {
	 	display: none !important;
		}

	}