body {background: transparent}
body section article {padding-bottom:100px}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0;
}

.h2, h2 {
	font-size: 34px;
	line-height: 48px;
}

#step2 h5 {
	font-size: 18px;
}

#step2 h5 {color: #4a4a4a}

body.homepage #UTILITIES .span-6 {
		/* background: rgba(116,150,247,.8); */
		background: rgba(0,0,0,.2);
	}

/* body.homepage #HEADER #UTILITIES .location {
	width: 74%;
	}
body.homepage #HEADER .search {
	display: none;
	} */

/* #HEADER-IMAGE {
	padding-bottom: 23.333%;
} */

#CONTENT {
    padding-top: 10px;
}

#drawer > nav li.menu-mlid-7055 a {
	font-family: proxima-nova-bold;
	font-weight: 700;
	font-size: 16px;
	color: #484E80;
}

#drawer > nav .nav-main.section-links li.menu-mlid-6902 a {color: #484E80;}

body.theme-green .btn.btn-primary::before, body.theme-green .button.btn-primary::before, body.theme-green a.btn.btn-primary::before, body.theme-green button.btn-primary::before {
    background-color: #48805E;
}


/* body.theme-green article a:not(.btn):not(.chosen-single) {
    border-bottom-color: #c6daf2;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    color: #484E80;
    font-weight: 700;
} */

body.theme-green article a:not(.btn):not(.chosen-single):hover {
    border-bottom-color: #484E80;
}

body #sidebar .bkgd-primary h3, body #sidebar .bkgd-primary h4 {
    color: #fff;
    margin-bottom: 0;
}

.contain-secondary, .contain-secondary hr {
	border-color: #484E80;
}

#branch_info h3 a {border:0}

.hours-table {
    text-transform: uppercase;
    margin-top: 16px;
}

.hours-table td {
    padding: 4px 2px;
}

.inactive {
	filter: opacity(30%);
}

.loader-spin {
    display: inline;
    margin-right: 25px;
}
.rotate {
    font-size: 16px;
    position: absolute;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

#geoloc,
#outside-usa,
#school-other,
#txtlegalfirst,
#step2,
#step3,
#step4 {
	display: none;
}

#geoloc {
	background: #f0f0f0;
    border: 0;
    padding: 10px;
	color: inherit;
}

#geoloc .glyphicon {margin-right: 5px;}

/* form h2,
#whoisthecardhdr,
#tellushdr,
#havecardhdr {margin-top: 30px;} */

.checkbox-inline {padding-left: 20px}
.checkbox-inline input {margin-top: 5px}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#loader {
    min-height: 150px;
}


[id^=lblerror],
.error {
	color: #EC5840;
	cursor: default;
	font-size: 16px;
    line-height: 1.8;
	font-weight: bold;
}

#whoisthecard {
display: flex;
flex-flow: row wrap;
margin-bottom: 10px;
}



.onetime1-box label {
	font-size: 16px;
	border: 2px solid #ccc;
	padding: 8px 8px;
	border-radius: 4px;
	line-height: initial;
	width: 120px;
	/* height: 80px; */
	display: flex;
	/* justify-content: flex-end;
	text-align: center;
	flex-direction: column; */
	/* align-items: center; */
	margin-left: -12px;
	margin-right: 20px;
}

.child label {
	font-size: 14px;
	border: 2px solid #ccc;
	padding: 5px 15px 5px 13px;
	border-radius: 4px;
	text-align: center;
	margin-left: -22px;
}

.onetime1-box div {
	align-self: flex-end;
}

.onetime1-box span {
	font-size: 13px;
	color: #666;
	display: block;
}

.onetime1-box.nobrdr label {
	border: 0;
}

.onetime1-box i {
    font-size: 22px;
    display: block;
    margin-bottom: 3px;
    margin-top: 2px;
	align-self: flex-end;
	margin-right: 10px;
}

.onetime1-box.notice i {
    font-size: 32px;
}

/* .child input,
#onetime2-box input {display: none;} */

#onetime2-box label {
	font-size: 14px;
	border: 2px solid #ccc;
	text-align: center;
	padding: 8px 15px 8px 13px;
	border-radius: 30px;
	margin: 0 -10px 10px 0;
	line-height: 1;
}


#onetime2-box label:first-of-type {
	margin-left: -22px;;
}


.onetime1-box input:focus + label,
#onetime2-box input:focus + label,
.onetime1-box label:hover,
.onetime1-box label:focus,
.child input:focus + label,
.child label:hover + label,
.child label:focus + label,
.onetime1-box.notice label:hover,
.onetime1-box.notice label:focus,
#onetime2-box label:hover,
#onetime2-box label:focus {
    background-color: #7496F73B;
    border-color: #7496F73B;
	color: #4a4a4a;
}

/* aces fix  */

.child input,
#onetime2-box input,
.onetime1-box input {
	opacity: 0;
}

.btn:focus {
    outline: 2px solid #484e80 !important;
    outline-offset: 2px;
}

.onetime1-box label.active,
.onetime1-box input:checked + label,
.onetime1-box input:checked + label span,
.child input:checked + label,
.onetime1-box.notice input:checked + label,
#onetime2-box input:checked + label {
    background-color: #c6daf2;
    border-color: #484E80;
    color: #484e80;
}

.child input:focus + label,
#onetime2-box input:focus + label,
.onetime1-box input:focus + label,
.child input:checked:focus + label,
#onetime2-box input:checked:focus + label,
.onetime1-box input:checked:focus + label {
	outline: 2px solid #484e80;
	outline-offset: 2px;
}


#thanks-box {
	background-color: #484E80;
	max-width: 500px;
	border-radius: 8px;
	padding: 20px;
	margin: 20px 0;
}

#thanks-box p {
	font-size: 22px;
}

#thanks-box p + p {
	margin-top: .8em;
  }

/*
Search Elements
*/
#HOMEPAGE-SEARCH {
    position: absolute;
    z-index: 2;
    top: 50%;
    padding-left: 230px;
    padding-right: 30px;
}
body.homepage .header-search {
	height: 50px;
	margin: -25px auto 0px 0px;
	}
body.homepage .header-search .form-group {
	margin: 0 auto;
	position: relative;
	width: 75%;
	}
.homepage .header-search .form-group button {
	position: absolute;
	z-index: 3;
	right: 15px;
	top: 30%;
	min-width: auto;
	min-height: auto;
	padding: 0px 0px;
	background-color: transparent;
	}
.homepage .header-search .form-group button::before {
	background-color: transparent;
	}
.homepage .header-search .form-group .icon-search {
	font-size: 25px;
	}
.homepage .header-search input[type="text"] {
	border: 3px solid #fff;
	font-size: 26px;
	font-weight: normal;
	height: 67px;
	margin-bottom: 2px;
	padding-right: 60px;
	}
.homepage .header-search small {
	width: 100%;
	color: #fff;
	font-size: 14px;
	text-align: right;
	display: block;
	}
.homepage .header-search a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
	}

#cardtype {
		margin: 0 1.81em 0 0;

 }

 .staff {display: none;}
 .submit {border: 0; margin-bottom: 30px;}


 .table td, .views-table td {font-size: 16px;}
 .table tbody tr:nth-child(odd), .views-table tbody tr:nth-child(odd) {
    background-color: #fff;
}

#forsubmit {margin-top: 20px;}

 .gly-spin {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
  }
  @-moz-keyframes spin {
	0% {
	  -moz-transform: rotate(0deg);
	}
	100% {
	  -moz-transform: rotate(359deg);
	}
  }
  @-webkit-keyframes spin {
	0% {
	  -webkit-transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(359deg);
	}
  }
  @-o-keyframes spin {
	0% {
	  -o-transform: rotate(0deg);
	}
	100% {
	  -o-transform: rotate(359deg);
	}
  }
  @keyframes spin {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(359deg);
	  transform: rotate(359deg);
	}
  }


@media (max-width: 1080px) {
	.full-width-module .container{bottom:0}
	.full-width-module .btn {padding:5px 0; border:0; font-size:14px}
	.full-width-module h1 {font-size:30px;}
	.full-width-module.full-ped .btn.btn-primary {margin-top: 0;}

    #HEADER-TITLE {
        width: 100%;
        bottom: 10px;
    }
}

@media (max-width: 768px) {

	/*.container .row [class^="span-"] {
		padding: 0;
	}*/
	#HEADER-TITLE p.lead {display: none;}

    #nav-borrow-link span,
    #nav-learn-link span,
    #nav-attend-link span,
    #nav-more-link span {
        display: block;
        margin-bottom: 7px;
    }

    #HEADER #HEADER-TITLE h1 {
        font-size: 40px;
    }

    body.homepage #HEADER a.search {
        display: block;
    }
	body.homepage .header-search {
		display: none;
		}
	body.homepage #HEADER #UTILITIES .location {
		width: 10%;
		}
		/* huh!, why center align? */
/* 	body.homepage #HEADER #UTILITIES .location .location-dropdown {
		text-align: center;
		} */
	body.homepage #HEADER #HEADER-TITLE {
		position: absolute;
		background-size: 20px;
		bottom: 0;
		display: block;
		padding: 8px 15px;
		width: 100%;
		min-height: auto;
		}
	body.homepage  #HEADER-TITLE .row:first-child .span-6 {
		padding-left: 10px;
		}
	body.homepage #HEADER-TITLE p {
		font-size: 12px;
		}
	body.homepage #HEADER-TITLE .icon-arrow-back {
		font-size: 15px;
		vertical-align: baseline;
    	bottom: 16px;
	    top: auto;
		}
	body.homepage #HEADER #HEADER-IMAGE {
		position: static;
		display: block;
		min-height: 240px;
		min-height: 100%;
		}

	body.homepage #CONTENT {
    	margin-top: 0;
		}

	.full-width-module .btn {cursor:pointer}
	.full-width-module {margin-top:10px}

        h2 {
            line-height: 1.2;
            font-size: 30px;
        }


	#onetime2-box label img {float: left; display: inline-block !important;}
	#onetime2-box label br {display: none;}

}

@media (max-width: 480px) {
	.full-width-module h1,
	.full-width-module.full-ped h1.h1 {font-size:20px;}

    table.radioWithProperWrap input {
        float: left;
        margin-top: 8px;
    }

    table.radioWithProperWrap label {
        margin-left: 25px;
        display: block;
    }

}

/*
COLORS - The homepage uses the default pallet, but shifts the use primary and accent colors...
*/
body.homepage .primary, body.theme-default .primary {
    color: #484E80;
	}
body.homepage .bkgd-primary, body.theme-default .bkgd-primary {
    background-color: #484E80;
	}
body.homepage h1, body.homepage h2, body.homepage h3, body.homepage h4, body.homepage h5, body.homepage h6, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, body.homepage li:before, li:before, button.btn-link.btn-primary, .btn.btn-link.btn-primary, body a.btn.btn-link.btn-primary, #drawer>nav .nav-main.menu-sub.section-navigation li:not(.launch) a,
body.theme-default h1, body.theme-default h2, body.theme-default h3, body.theme-default h4, body.theme-default h5, body.theme-default h6, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, body.theme-default li:before, li:before, button.btn-link.btn-primary, .btn.btn-link.btn-primary, body a.btn.btn-link.btn-primary, #drawer>nav .nav-main.menu-sub.section-navigation li:not(.launch) a {
    color: #484E80;
	}

.pane-node-field-booklist .carousel-cell img {max-width:170px }



div.modal-card div {
	color: #4A4A4A;
}

button.close-card-modal-button {
	color: #1a1a1a!important;
	float: right!important;
	font-size: 38px!important;
	font-weight: bold!important;
	background-color: transparent!important;
	border: none;
	min-height: 0px;
	min-width: 0px;
	padding: 0px;
}

.modal-card button:focus, .modal-card input[type=submit]:focus, .modal-card a:focus {
	outline: 2px solid #484e80!important;
	outline-offset: 2px!important;
}

.modal-card {
	display: none;
	position: fixed;
	z-index: 9998;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

.modal-card-content {
	background-color: #fefefe;
	margin: 5% auto;
	padding: 40px;
	border: 1px solid #ccc;
	max-width: 500px;
	color: #4A4A4A;
	animation-name: animatetop;
	animation-duration: .6s;
}

#card-modal .modal-card-content {
	background-color: #fff;
	color: #fff;
	margin: 5% auto;
	max-width: 600px;
	border: none;
}

.modal-footer {padding: 15px 0 0;}



.onepage h2 {
    font-size: 30px;
    line-height: 45px;
}

.onepage #whohdr {
	margin-top: 20px;
}

.onepage  #CONTENT .container .row {
    margin-top: 0;
}

[type=text]:focus,
[type=tel]:focus,
[type=time]:focus,
[type=url]:focus,
[type=color]:focus,
[type=text].active,
[type=password]:focus,
[type=file]:focus,
[type=date]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=month]:focus,
[type=week]:focus,
[type=email]:focus,
[type=number]:focus,
[type=search]:focus,
textarea:focus,
select:focus {
 border:1px solid #8a8a8a;
 border:2px solid #484E80;
 background-color:#fefefe;
 outline:0;
 transition:box-shadow .5s,border-color .25s ease-in-out
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.align-right {
	float: right;
	margin: 0;
  }

  a:focus, a:hover {
	text-decoration: none;
  }

  @media (max-width: 1200px) {
	#navbar-main .navbar-brand {
	  position: absolute;
	  z-index: 99;
	  margin-top: 58px;
	  left: 12px !important;
	}
  }