@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|PT+Sans:400,700&display=swap');
.link, a{text-decoration: none;}
	.link:hover, a:hover{text-decoration: none;}.link, a{font-weight: normal;}
#header #layout>.amh-row, #header>.amh-row{max-width: 1000px;}
#header #layout>.amh-row>.amh-block>.amh-content, #header>.amh-row>.amh-block>.amh-content{max-width: 1000px;}
#body #layout>.amh-row, #body>div>.amh-row{max-width: 1000px;}
#body #layout>.amh-row>.amh-block>.amh-content, #body>div>.amh-row>.amh-block>.amh-content{max-width: 1000px;}
.bodysize{max-width: 1000px;}
#footer #layout>.amh-row, #footer>.amh-row{max-width: 1000px;}
#footer #layout>.amh-row>.amh-block>.amh-content, #footer>.amh-row>.amh-block>.amh-content{max-width: 1000px;}
.linkcolour, .fc-header h2, .link, .eeventcoming i,.eedate:after,.date-icon:after, a{color: #00857d;}
.link:hover, a:hover{color: #463192;}
.widgetbg{background-color: #ffffff;}
.rssFeed .rssRow,.tweet_list li {border-bottom: 1px solid #cccaca;}
body{
		color: #444444;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #ffffff;
	}
.content{
		background-color: #ffffff;
	}
.searchbox{
		border: 3px solid #ffffff;
	}
#default_footer{
		margin-left:auto;
		margin-right:auto;
		text-align: center;
		font-size:10pt;
		padding-bottom:10px;
		color:#adadad;
	}
#default_footer a{
		text-decoration: underline;
		color:#adadad;
	}
.resource_item_header, .button, .button-strip a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #00857d;
	background: #00857d;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00857d), color-stop(50%,#00857d), color-stop(51%,#00857d), color-stop(100%,#00857d));
	background: -moz-linear-gradient(top,  #00857d 0%, #00857d 50%, #00857d 51%, #00857d 100%);
	background: -webkit-linear-gradient(top,  #00857d 0%,#00857d 50%,#00857d 51%,#00857d 100%);
	background: -o-linear-gradient(top,  #00857d 0%,#00857d 50%,#00857d 51%,#00857d 100%);
	background: -ms-linear-gradient(top,  #00857d 0%,#00857d 50%,#00857d 51%,#00857d 100%);
	background: linear-gradient(top,  #00857d 0%,#00857d 50%,#00857d 51%,#00857d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00857d', endColorstr='#00857d',GradientType=0 );
	border: 0px solid #000000;
	color: #ffffff;
}
.resource_item_header:hover, .button:hover, .button:focus, .button_open, .button-strip-active a, .button-strip a:hover{
	background: #463192;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#463192), color-stop(50%,#463192), color-stop(51%,#463192), color-stop(100%,#463192));
	background: -moz-linear-gradient(top,  #463192 0%, #463192 50%, #463192 51%, #463192 100%);
	background: -webkit-linear-gradient(top,  #463192 0%,#463192 50%,#463192 51%,#463192 100%);
	background: -o-linear-gradient(top,  #463192 0%,#463192 50%,#463192 51%,#463192 100%);
	background: -ms-linear-gradient(top,  #463192 0%,#463192 50%,#463192 51%,#463192 100%);
	background: linear-gradient(top,  #463192 0%,#463192 50%,#463192 51%,#463192 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#463192', endColorstr='#463192',GradientType=0 );
	border: 0px solid #000000;
	color: #ffffff;
}
.button a, .button-strip a{
	color: #ffffff;
	text-decoration:none;
}
.button-strip-active a{
	color: #ffffff;
	text-decoration:none;
}
.button:hover a, .button-strip:hover a{
	color: #ffffff;
	text-decoration:none;
}
.button-strip a{
	font-weight:normal;
}
.resource_item_open{
	border: 0px solid #000000;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.resource_item_open .resource_item_header{
	border: none;
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}
h1, h2, h3, h4, h5, h6, .heading1, .heading2, .heading3, .heading4, .heading5{
	color: #00857d;
	padding-bottom:2px;
	padding-top:2px;
	margin-bottom:0px;
	margin-top:0px;
	line-height: 1.3;
}
h1, h2, .heading1, .heading2{
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom:0px;
	margin-top:0px;
}
h1, .heading1{
	font-weight: bold;
	font-size: 3.667em;
}
h2, .heading2{
	font-weight: bold;
	font-size: 2.667em;
}
h3, .heading3{
	font-weight: bold;
	font-size: 1.833em;
}
h4, .heading4{
	font-size: 1.167em;
	font-weight: bold;
}
h5, .heading5{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.917em;
}
.widget_tab, .widget_tab_selected{
	background: #463192;
	color: #ffffff;
}
.widget_tab:hover, .widget_tab_selected{
	background: #00857d;
	color: #ffffff;
}
a.button-strip{
	width: 100%;
	display: block;
}
a.button-strip:hover{
	text-decoration:none;
}
.widget_tab, .widget_tab_selected{
	cursor: pointer;margin-left: auto;margin-right: 1px;padding: 5px;float: left;font-size: 1.083em;
}
.widget_tab_bar{
	height: 28px;
	border-bottom:1px solid #cccaca;
}
.tab, .tab_selected, .navbar-top, .nav-mobile{
	font-weight: normal;
	background: #00857d;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00857d), color-stop(50%,#00857d), color-stop(51%,#00857d), color-stop(100%,#00857d));
	background: -moz-linear-gradient(top,  #00857d 0%, #00857d 50%, #00857d 51%, #00857d 100%);
	background: -webkit-linear-gradient(top,  #00857d 0%,#00857d 50%,#00857d 51%,#00857d 100%);
	background: -o-linear-gradient(top,  #00857d 0%,#00857d 50%,#00857d 51%,#00857d 100%);
	background: -ms-linear-gradient(top,  #00857d 0%,#00857d 50%,#00857d 51%,#00857d 100%);
	background: linear-gradient(top,  #00857d 0%,#00857d 50%,#00857d 51%,#00857d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00857d', endColorstr='#00857d',GradientType=0 );
	color: #ffffff;
}
.vtab{
	font-weight: normal;
	background: #00857d;
	background: -webkit-gradient(linear, right, left, color-stop(0%,#00857d), color-stop(50%,#00857d), color-stop(51%,#00857d), color-stop(100%,#00857d));
	background: -moz-linear-gradient(-90deg,  #00857d 0%, #00857d 50%, #00857d 51%, #00857d 100%);
	background: -webkit-linear-gradient(-90deg,  #00857d 0%,#00857d 50%,#00857d 51%,#00857d 100%);
	background: -o-linear-gradient(-90deg,  #00857d 0%,#00857d 50%,#00857d 51%,#00857d 100%);
	background: -ms-linear-gradient(-90deg,  #00857d 0%,#00857d 50%,#00857d 51%,#00857d 100%);
	background: linear-gradient(-90deg,  #00857d 0%,#00857d 50%,#00857d 51%,#00857d 100%);
	color: #ffffff;
}
.vtab:hover, .vtab_selected{
	background: #463192;
	background: -webkit-gradient(linear, right, left, color-stop(0%,#463192), color-stop(50%,#463192), color-stop(51%,#463192), color-stop(100%,#463192));
	background: -moz-linear-gradient(-90deg,  #463192 0%, #463192 50%, #463192 51%, #463192 100%);
	background: -webkit-linear-gradient(-90deg,  #463192 0%,#463192 50%,#463192 51%,#463192 100%);
	background: -o-linear-gradient(-90deg,  #463192 0%,#463192 50%,#463192 51%,#463192 100%);
	background: -ms-linear-gradient(-90deg,  #463192 0%,#463192 50%,#463192 51%,#463192 100%);
	background: linear-gradient(-90deg,  #463192 0%,#463192 50%,#463192 51%,#463192 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#463192', endColorstr='#463192',GradientType=0 );
	color: #ffffff;
}
.navbar-top>div>ul>li>a, .navbar-top>div>ul>li>a:focus, .nav-mobile a{
	background: #00857d;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00857d), color-stop(50%,#00857d), color-stop(51%,#00857d), color-stop(100%,#00857d));
	background: -moz-linear-gradient(top,  #00857d 0%, #00857d 50%, #00857d 51%, #00857d 100%);
	background: -webkit-linear-gradient(top,  #00857d 0%,#00857d 50%,#00857d 51%,#00857d 100%);
	background: -o-linear-gradient(top,  #00857d 0%,#00857d 50%,#00857d 51%,#00857d 100%);
	background: -ms-linear-gradient(top,  #00857d 0%,#00857d 50%,#00857d 51%,#00857d 100%);
	background: linear-gradient(top,  #00857d 0%,#00857d 50%,#00857d 51%,#00857d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00857d', endColorstr='#00857d',GradientType=0 );

	color: #ffffff;
	border-right: 0px solid #000000;
	border-left: 0px solid #000000;
	border-top: 0px solid #000000;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}
.tab:hover, .tab_selected, .navbar-top .open>a, .navbar-top>div>ul>li>a:hover, .navbar-top a.current, .navbar-top>div>ul>li>a:focus{
	background: #463192;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#463192), color-stop(50%,#463192), color-stop(51%,#463192), color-stop(100%,#463192));
	background: -moz-linear-gradient(top,  #463192 0%, #463192 50%, #463192 51%, #463192 100%);
	background: -webkit-linear-gradient(top,  #463192 0%,#463192 50%,#463192 51%,#463192 100%);
	background: -o-linear-gradient(top,  #463192 0%,#463192 50%,#463192 51%,#463192 100%);
	background: -ms-linear-gradient(top,  #463192 0%,#463192 50%,#463192 51%,#463192 100%);
	background: linear-gradient(top,  #463192 0%,#463192 50%,#463192 51%,#463192 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#463192', endColorstr='#463192',GradientType=0 );
	color: #ffffff;
}
.tab a{
	color: #ffffff;
}
.tab a:hover, .navbar-top a.current:hover{
	color: #ffffff;
}
.tab-bar{
	border-bottom: 1px solid #000000;
}
@media (max-width: 767px) {
	.tab{
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.tab-bar{
		border: none;
	}
}
#responsiveheader{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,none), color-stop(50%,none), color-stop(51%,none), color-stop(100%,none));
	background: -moz-linear-gradient(top,  none 0%, none 50%, none 51%, none 100%);
	background: -webkit-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: -o-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: -ms-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='none', endColorstr='none',GradientType=0 );
	color: #ffffff;
}
#responsiveheaderimage{
	background-image: URL(/images/logos/calvertlibrary/);
}
#responsiveheadermessage p:before{
	content:'';
}
#responsiveheaderaltmessage p:before{
	content:'';
}
.widget{
	border: 7px solid #463192;
	background-color: #ffffff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 2px 2px 6px 3px rgba(0, 0, 0, 0.56);
	-moz-box-shadow: 2px 2px 6px 3px rgba(0, 0, 0, 0.56);
	box-shadow: 2px 2px 6px 3px rgba(0, 0, 0, 0.56);
}
.widgetheader{
	color: #ffffff;
	font-weight: bold;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	background: #463192;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#463192), color-stop(50%,#463192), color-stop(51%,#463192), color-stop(100%,#463192));
	background: -moz-linear-gradient(top,  #463192 0%, #463192 50%, #463192 51%, #463192 100%);
	background: -webkit-linear-gradient(top,  #463192 0%,#463192 50%,#463192 51%,#463192 100%);
	background: -o-linear-gradient(top,  #463192 0%,#463192 50%,#463192 51%,#463192 100%);
	background: -ms-linear-gradient(top,  #463192 0%,#463192 50%,#463192 51%,#463192 100%);
	background: linear-gradient(top,  #463192 0%,#463192 50%,#463192 51%,#463192 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#463192', endColorstr='#463192',GradientType=0 );
}
.widgetbody{
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 12px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}
.widgetbody p{
	margin-top:0px;
}
.widgetbody h1{
	color: #00857d;
}
.pagination>.active>a, .pagination>.active>a:hover{
	background-color: #00857d;
	border-color: #00857d;
}
.pagination>li>a, .pagination>li>a:hover{
	color: #00857d;
}
.polaris-nav-active i{
	color: #00857d;
}
.widgetbody hr{
	color: #cccaca;
	background-color: #cccaca;
	margin-top: 6px;
	margin-bottom: 8px;
	height: 1px;
	border: none;
}
.toprule{
	border-top: 1px solid #cccaca;
}
.bottomrule{
	border-bottom: 1px solid #cccaca;
}
.bodytext{color: #444444;}
.headingtext{color: #00857d;}
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|PT+Sans:400,700&display=swap');
#body>div>.amh-row>div#idQXbwR.amh-block>.amh-content {
    max-width: 100%;
}
* {-webkit-font-smoothing: antialiased;} 


#body {
  overflow: hidden; 
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}

.widget {
  overflow: scroll;
}

h3 {
  color: #00857D;
}

/*Makerspace Display Tabs*/
article.tabs {
    position: relative;
    display: block;
    width: auto;
    height: 15em; /*Height of the tabbed area*/
  	top: .4em;
}

article.tabs section {
    position: absolute;
    display: block;
    top: 1.8em; /*Push content below tabbed area*/
    left: 0;
    width: 100%;
    height: 754px; /*Fixed height for each tab content section*/
    padding: 0px 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.1);
    z-index: 0;
}

article.tabs section:first-child {
    z-index: 1;
}

/*Tab headers*/
article.tabs section h2 {
    position: absolute;
    font-size: 1.2em;
    font-weight: normal;
    width: auto;
    height: 1.8em;
    top: -1.6em; /*Position above the content area*/
    left: 5px; /*Initial left position*/
  	margin: -3px 0;
    padding: 5px 15px;
    color: #fff;
    background-color: #463192;
    border-radius: 5px 5px 0 0;
}

/*Adjust positions for each tab as needed*/
article.tabs section:nth-child(2) h2 {
    left: 1%;
}

article.tabs section:nth-child(3) h2 {
    left: 22.3%;
}

article.tabs section:nth-child(4) h2 {
    left: 43%;
}

article.tabs section:nth-child(5) h2 {
    left: 61.5%;
}

article.tabs section:nth-child(6) h2 {
    left: 80.5%;
}

article.tabs section h2 a {
    display: block;
    width: 100%;
    line-height: 1.8em;
    text-align: center;
    text-decoration: none;
    color: inherit;
    outline: 0 none;
}

/*Styling for active tab*/
article.tabs section:target,
article.tabs section:target h2 {
    color: #333;
    background-color: #fff;
    z-index: 2; /*Bring active tab to front*/
}

article.tabs section,
article.tabs section h2 {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

/*2 Columns default content display*/
.column-container {
    display: flex;
}

.column {
    width: 50%;
    padding: 0 10px;
}

.separator {
    width: 4.5px;
    background-color: #000;
    margin: 0 10px;
}

/*3 Columns content display on tabs 3 and 5*/
#tab3 .column,
#tab5 .column {
  width: 33%;
  float: left;
  padding: 0 10px;
  box-sizing: border-box;
  border-right: 5px solid #000;
}

#tab3 .column:nth-last-child(-n+2),
#tab5 .column:nth-last-child(-n+2) {
  border-right: none;
  margin-bottom: 20px;
}

/* Hide first tab, AKA home screen. Users can tap Communico Home button to display it, or it will automatically revert to it after display refresh */
article.tabs section:first-child h2 {
    display: none;
}

/* Aligning text and images for 3D printer tab */
#tab4 .content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

#tab4 .full-width-paragraph {
  width: 100%;
  margin-bottom: 20px;
}

#tab4 .text-container {
  flex: 1 0 calc(100% - 400px);
  margin-right: 20px;
}

#tab4 .qr-code-container {
  flex: 1;
  text-align: right;
}

/* Full-width image on tab1, sorry it's a mess lol */
.full-width-container {
    margin: 0;
    padding: 0;
}

.full-width-image {
    width: 100vw; /* Full viewport width */
    height: auto; /* Maintain aspect ratio */
    display: block; 
    margin: 0; 
    padding: 0;
    object-fit: cover; /* Ensures the image covers its container */
}

article.tabs, section#tab1, .full-width-container {
    margin: 0 !important; /* Override any conflicting margins */
    padding: 0 !important; /* Override any conflicting padding */
    width: 100% !important; /* Ensure full width */
}