body, html {
  height: 100%;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

@media only screen and (max-width: 600px) {
	.col-md-6 {
	  padding-left:0px;
	  padding-right:0px;
	}
  }

.hero-image-colour {
	 background-color:#000;
	 background-position: center;
	 background-size: cover;
	 width: 100vw;
	 height: 40vh;
   }
.hero-image {
 /* background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/1511473111973.jpg'); */
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/visualization-walk-by.jpg'); 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  width: 100vw;
  height: 50vh;
}
.hero-image-alumni { /* added by PKR 5 June 2019*/
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/living-wall-both.jpg'); 
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	width: 100vw;
	height: 50vh;
} 
.hero-image-giving {
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/hero/20160920-Webster-Library-211-hero.jpg'); 
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	width: 100vw;
	height: 50vh;
}
.hero-image-preservation {
	background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6)), url('https://mapledrawhubb.com/library.concordia.ca/images/patrick-lindenberg-1iVKwElWrPA-unsplash.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	width: 100vw;
	height: 50vh;
}

.hero-image-rdm {
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/hero/20230218-RDM-strategy-hero.jpg'); 
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	width: 100vw;
	height: 50vh;
}

.hero-discovery {
	background-image: linear-gradient(#0072A8, #338eb9); 
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	width: 100vw;
	height: 40vh;
}

.hero-image-history {
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/about/history-of-concordia-project/34.jpg'); 
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	width: 100vw;
	height: 80vh;
}
.hero-image-alumni { 
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/living-wall-both.jpg'); 
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	width: 100vw;
	height: 50vh;
} 
.hero-image-bci { /* added by PKR 5 June 2019*/
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/shared-catalogue.jpg'); 
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	width: 100vw;
	height: 50vh;
} 
.hero-technology {
	 background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/visualization-montreal.jpg'); 
}
.hero-ai {
	 background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/bkgd-fabio-oyXis2kALVg-unsplash.jpg'); 
}
.hero-studio {
	 background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/visualization-crowd.jpg');
}
.hero-workshops {
	 background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/visualization-touch.jpg');
}
.hero-research {
	 background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/visualization-spoken.jpg');
}
.hero-sandbox-workshops {
	 background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/raspberry-pi-data-logging.png');
}
.hero-team {
	 background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/visualization-studio-proteus.jpg');
}
.hero-visit {
	 background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/webster-library-staircase.jpg');
}
.hero-tech {
	 background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://mapledrawhubb.com/library.concordia.ca/images/24-7-access.jpg');
}
.hero-borrow {
	 background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/interlibrary-loans.png');
}
.hero-online {
	 background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/5-awesome-library-services.jpg');
}
.hero-sandbox {
	 background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/sandbox-virtualreality.png');
}
.hero-instruction {
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/consultation-with-librarian.jpg');
}
.hero-equipment {
	 background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/sandbox-equipment.png');
}
.hero-space {
	 background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/sandbox-printing.png');
}
.hero-guide {
	 background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url('https://mapledrawhubb.com/library.concordia.ca/images/3d-printing-room.jpg');
}
.hero-team-sandbox {
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/sandbox-jasia-taylor.jpg');
}
.hero-exhibitions {
	background-color: #000;
}
.hero-art {
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/artists-book.jpg');
}
.hero-stairwell {
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://mapledrawhubb.com/library.concordia.ca/images/webster-library-staircase-large.jpg');
}
.hero-text-colour {
	text-align: center;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
  }
 .hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

 .hero-text > h1, .hero-text-colour > h1 {
  text-shadow:0 1px 0 rgba(0,0,0,0.5);
  font: 800 80px/86px 'gill-sans-nova-condensed';
  color: #fff;
}

 .hero-text > p, .hero-text > p > a {
  color:#fff;
  font-size:40px;
  line-height:46px;
  text-shadow:0 1px 0 rgba(0,0,0,0.5);
  font: 400 34px/42px 'gill-sans-nova';
  letter-spacing:1px;
}

/*for smaller screens (laptop)*/
@media screen and (min-width: 481px) and (max-width: 1680px) {
   .hero-text > h1 {
  	font-size: 60px;
	line-height: 64px;
  }
   .hero-text > p,  .hero-text > p > a {
	font: 400 24px/28px 'gill-sans-nova';
  }
}
/*for mobile*/
@media screen and (max-width: 480px) and (max-height: 900px) {
  .hero-text > h1 {
  	font-size: 40px;
	line-height: 45px;
  }
  .hero-text > p, .hero-text > p > a {
	font: 400 20px/22px 'gill-sans-nova';
  }
}

.hero-content {
	padding-bottom:40px;
}
.hero-content p {
	font: 400 21px/30px 'gill-sans-nova';
	line-height:30px;
}
.grey-bkgd {
  background-color: #F0F0F0;
}

.gold-bkgd {
	background-color: #E9E3D3;
}

.dark-grey-bkgd {
	background-color: #C8C8C8;
  }

.gold-bkgd p {
	font: 400 20px/28px 'gill-sans-nova';
	padding: 40px 10px;

}


.grey-bkgd li {
	margin-bottom: 20px;
}
.visualization {
	font:20px/36px 'Arial';
	margin-top:50px;
}
.visualization p {
	margin-bottom:20px;
}
.visualization td {
	padding:15px;
}
.visualization h3 {
	margin-top:30px;
}
.light-blue-bkgd {
	background-color:#D3E1E9;
	padding:1.5em 0; 
}

.blue-bkgd {
  background-color: #0072A8;
  margin:2em 0;
  padding:2em 0;
}

.blue-bkgd h2, .blue-bkgd h3 {
	color:#fff;
}



.green-bkgd {
  background-color: #69ae17;
  margin-bottom:50px;
}
.blue-bkgd p, .green-bkgd p {
	color: #fff;
}
.blue-bkgd a, .green-bkgd a {
color: #fff;
}

.blue-bkgd a:hover {
	color:#D3E1E9;
}

 .panel-default {
	border-radius:0px;
}
.panel-default:hover {
	border-color:#8c8f97;
	/*background-color: #333;*/
}
.col-md-4 .panel-body, .col-md-6 .panel-body, .col-md-8 .panel-body {
	height:250px;
}

.panel-seer {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/seer.png'); background-position: center; background-size: 400px;
}
.panel-re {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/amin-rehman-my-father.jpg'); background-position: center; background-size: 400px;
}
.panel-impressions {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/detail-lasting-impressions.png'); background-position: center; background-size: 400px;
}
.panel-journey {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/2023-travelogues-exhibition.png'); background-position: center; background-size: 400px;
}
.panel-flame {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/flame-keeping.png'); background-position: center; background-size: 400px;
}
.panel-polanyi {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/Polanyi_730x600.jpg'); background-position: center; background-size: 400px;
}
.panel-shrines {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/shrines.png'); background-position: center; background-size: 400px;
}
.panel-black-community {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/maison-haiti-ncc-500px.jpg'); background-position: center; background-size: 200px;
}
.panel-annotate {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/annotate-this.jpg'); background-position: center; background-size: 200px;
}
.panel-enveloppe {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/documentalists-walking-out.jpg'); background-position: center; background-size: 500px;
}
.panel-listening {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/listening-sound-agency.jpg'); background-position: center; background-size: 500px;
}
.panel-manual {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/2022-manual.jpg'); background-position: center; background-size: 500px;
}
.panel-mobilivre {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/mobilivre.jpg'); background-position: center; background-size: 500px;
}
.panel-athand {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/athand.jpg'); background-position: center; background-size: 300px;
}
.panel-stamped {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/stamped.jpg'); background-position: center; background-size: 500px;
}
.panel-zine-scene {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/zine-scene.jpg'); background-position: center; background-size: 500px;
}
.panel-rare-books {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/blumer.png'); background-position: center; background-size: 500px;
}
.panel-living-history {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/living-history.jpg'); background-position: center; background-size: 500px;
}
.panel-francois-houde {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/francois-houde.jpg'); background-position: center;
}
.panel-rose-marie-goulet {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/goulet1.jpg'); background-position: center;
}
.panel-sandbox-landing {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/sandbox-virtualreality.png'); background-position: center;
}
.panel-technology {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/visualization-montreal.jpg'); background-position: center;
}
.panel-studio {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/visualization-crowd.jpg'); background-position: center;
}
.panel-events {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/visualization-touch.jpg'); background-position: center;
}
.panel-research {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/visualization-spoken.jpg'); background-position: center;
}
.panel-team {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/visualization-studio-proteus.jpg'); background-position: center; 
}
.panel-sandbox {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/technology-sandbox2.png'); background-position: center;
}
.panel-guide {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/3d-printing-room.jpg'); background-position: center; background-size: 500px;
}
.panel-sandbox-computers {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/sandbox-computers.jpg'); background-position: center;
}
.panel-featured {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/3d-printed-lamp-jay-jennifer-han.jpg'); background-position: center;
}
.panel-gradproskills {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/grad-pro-skills4.png'); background-position: center;
}
.panel-connect {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/connect-laptop.jpg'); background-position: center;
}
.panel-borrow {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/grad-pro-skills4.png'); background-position: center;
}
.panel-borrow-page {
	background-color:black;
}
.panel-computers {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/24-7-access.jpg'); background-position: 85% 65%;
}
.panel-reproduction {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/dprint-copiers.png'); background-position: center;
}
.panel-group-study {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/group-study-rooms.png'); background-position: center right;
}
.panel-presentation-practice {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/presentation-practice-room.jpg'); background-position: left;
}
.panel-classrooms {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/classroom-lb-205.jpg'); background-position: left;
}
.panel-equipment {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/sandbox-equipment.png'); background-position: center right;
}
.panel-printing {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/sandbox-printing2.png'); background-position: center;
}
.panel-sandbox-workshops {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/Synthesizers.jpg'); background-position: center;
}
.panel-team-sandbox {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/sandbox-jasia-taylor.jpg'); background-position: center;
}
.panel-listen {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/listen.png'); background-position: center;
}
.panel-virtual-exhibitions {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/about/exhibitions/virtual/take-a-moment/george-who.jpg'); background-position: center;
}
.panel-visualization-exhibitions {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/visualization-studio-exhibitions.png'); background-position: center;
}
.panel-exhibitions {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/webster-library-exhibitions.png'); background-position: center;
}
.panel-bibliometrics {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/bibliometrics.png'); background-position: left;
}
.panel-press {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/press-bkgd.png'); background-position: left;
}
.panel-special-collections {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/special-collections-bkgd.png'); background-position: left;
}
.panel-thesis {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/thesis-bkgd.png'); background-position: left;
}
.panel-digital-scholarship {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/hero/20160920-Webster-Library-hero.jpg'); background-position: center;
}
.panel-copyright {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/copyright-bkgd.png'); background-position: left;
}
.panel-open-access {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/oa-bkgd.png'); background-position: left;
}
.panel-orcid {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/orcid-bkgd.png'); background-position: left;
}
.panel-data {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/data-bkgd.png'); background-position: left;
}
.panel-spectrum {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/spectrum-bkgd.png'); background-position: left;
}
.panel-webarchive {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/webarchive-bckrd.png'); background-position: left;
}
.panel-sofia {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/shared-catalogue.jpg'); background-position: center;
}
.panel-geoindex {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/city-of-montreal-special-collections.png'); background-position: left;
}
.panel-dataverse {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/data1.png'); background-position: left;
}
.panel-aiacknowledge {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/ai-lightbulb.jpg'); background-position: center;
}
.panel-spottingdeepfakes {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/Deepfakes-2.png'); background-position: center; ;
}

.panel-news1 {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/5-awesome-library-services.jpg'); background-position: right;
}
.panel-news2 {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/course-reserves-oer.jpg'); background-position: left;
}
.panel-news3 {
	background-image:url('https://mapledrawhubb.com/library.concordia.ca/images/data6.png'); background-position: center;
}

.panel:hover .overlay {
	 	width:100%;
    height:100%;
    background-color:#000;
    opacity:0.3;
}
.panel-body .overlay img {
	width:250px;
	margin-left:100px;
}

.sub-page {
	margin-top:100px;
}
.sub-page .panel-body {
	height:150px;
}
.panel .panel-footer {
  font: 400 26px/32px 'gill-sans-nova';
  letter-spacing:1px;
  height:180px;
  padding: 20px;
  background-color:#fff;
}
.panel .panel-footer .text {
  font: 400 20px/22px 'gill-sans-nova';
  letter-spacing:1px;
  height:180px;
padding-top:1em;
}

.panel-body {
	padding:0px;
}
.panel-collapse .panel-body {
	padding:20px;
}
.panel a {
	color:#000;
}
.panel p {
	margin-left:30px;
}
.panel-collapse a {
	color:#0072a8;
}
.main  .blue-bkgd .container .btn-ghost, .main .green-bkgd .container .btn-ghost {
	margin: 0px 20px 23px 20px;
	color: #fff;
	border-color: #fff;
	/*padding: 9px 12px;*/
	border: 1px solid;
	text-transform:uppercase;
	font:normal 18px 'gill-sans-nova';
	background:rgba(255,255,255,0.1);
	position:relative;
	display:inline-block;
	text-align:center;
}
.main  .blue-bkgd .container .btn-subscribe, .main  .green-bkgd .container .btn-subscribe {
	margin: 0px;
	color: #fff;
	border-color: #fff;
	border: 1px solid;
	text-transform:uppercase;
	font:400 18px 'gill-sans-nova';
	background:rgba(255,255,255,0.1);
	position:relative;
	display:inline-block;
	text-align:center;
}
.main  .blue-bkgd .container .btn-subscribe:hover {
	background: #ccc;
}

.main .blue-bkgd .container .box-subscribe {
	padding:3px;
}
.fast-facts {
	margin-bottom:80px;
	}
.team {
	padding:40px;
	border: 1px solid #eee;
	margin-bottom:50px;
	min-height:350px;
}
.team p {
	margin-left:30px;
}
.sub-page-navigation {
	margin:50px 0px;
	border:1px solid #e5e5e5;
}
.sub-page-navigation-alumni {
	margin:50px 0px;
	border:1px solid #e5e5e5;
	color:#932439; /* burgundy */
}
.sub-page-navigation-alumni a:hover {
	text-decoration: underline;
}
.book-now .btn-block  {
	border:0px;
}
.book-now .btn-block > a {
	color:#fff;
}
.panel-row .col-md-6:nth-child(1) {
	padding-left:0px;
}
.panel-row .col-md-6:nth-child(2) {
	padding-right:0px;
}

.grey-bkgd, .dark-grey-bkgd {
	padding:3em;
}

.grey-bkgd .card p {color:#000;font-family:Arial;font-size:20px;}
.consultation {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.73)), url('https://mapledrawhubb.com/library.concordia.ca/images/consultation-with-librarian.jpg');
	min-height:50vh;
	background-repeat:no-repeat;
	background-size:cover;
	color:#fff;
}
.card:hover {
	transition: all .1s ease;
	border: 1px solid #8c8f97;
}
.consultation-archives {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.73)), url('https://mapledrawhubb.com/library.concordia.ca/images/special-collections-room.jpg');
	min-height:50vh;
	background-repeat:no-repeat;
	background-size:cover;
	color:#fff;
}
.consultation h2, .consultation-archives h2{color:#fff;margin-top:30vh;}
.consultation-archives h2{color:#fff;margin-top:10vh;}
.consultation p, .consultation-archives p  {font-size:18px; color: #fff;}
.btn-ghost {
	border:1px solid #fff;
	background-color:initial;
	font-size:18px;
}
.btn-ghost:hover {
	background-color:rgba(255, 255, 255, 0.3);
}

a.btn-ghost-dark {
	letter-spacing:2px;
	text-transform:uppercase;
	color:#000;
	border:1px solid #000;
	font:400 18px/20px 'gill-sans-nova';
	padding:12px;
}

.btn-ghost-dark:hover {
	background-color:rgba(0,0,0, 0.3);
}
.container-fluid {padding:0px;}

.card-blue {
	background-color:#0072A8;
	height:100%;
}

.card-grey {
	background-color:#ccc;
	height:100%;
}
a .card-grey  p {
	color:#000;
}

.card-grey:hover {
	background-color:#ddd;
	height:100%;
}

.card-blue a h3, .card-blue a p {
	color:white;
}

.card-blue:hover {
	background-color: #338eb9;
	transition: opacity .2s;
}

.card-blue a > h3:hover  {
	color:white;
}

.dark-grey-bkgd .grid, .instruction .grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 20ch), 1fr));
	grid-gap:1rem;
}


.grid {
	margin-bottom:1rem;
}

.grid-center {
	display:grid;
	place-content:center;
}

.grid-2 {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 40ch), 1fr));
	grid-gap:1rem;
}

.grey-bkgd .grid, .reads .grid, .white-bkgd .grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 30ch), 1fr));
	grid-gap:1rem;
}

.grey-bkgd .grid .card, .white-bkgd .grid .card {
	display:grid;
	grid-template-rows: auto 100px 170px 100px;
	background-color:white;
}

.reads .grid .card {
	display:grid;
	grid-template-rows: auto;
	background-color:white;
}

.reads .grid .card img {
	width: 80%;
	height:auto;
    margin: 20px;
    margin-left: auto;
    margin-right: auto;
}

.reads .grid .card h2 {
	font-size:1.5em;
	line-height:1.5em;
}

.reads .grid .card h2 a {
	color:#000;
	
}



.reads .grid .card {
	display:grid;
	grid-template-rows: auto;
	background-color:white;
}

.orange-bkgd {
	background: linear-gradient(217deg, rgba(243,125,33,0.8), rgba(218,58,22,0.8));
	padding:2em;
	margin-top:20px;
}

.orange-bkgd h2 {
	color:white;
}
.orange-bkgd .grid .large-text > *:not(:first-child) {
	padding-top:15px;
}

.orange-bkgd a:not(.btn-ghost) {
	color:#000;
	text-decoration: underline;
}

.orange-bkgd a:hover {
	color:#000;
}

.large-text h2 {
	font-size:3em;
}

.large-text p {
	font-size:1.5em;
}

 p.date {
	font-size:1.2em;
	text-transform: uppercase;
}