/*
Theme Name: Consortium Responsive WordPress Theme
Theme URI: https://gic.delaware.gov
Description: Bootstrap 3 responsive WordPress theme designed exclusively for the Delaware Division of Libraries -- In conjunction with GIC.
Author: Ben Kaminski
Author URI: https://gic.delaware.gov/
Version: 1.0
Tags: mobile first, responsive, Division of Libraries, Delaware.
*/
body { 
padding-top: 54px; 
padding-bottom: 0px; 
background-color: #ffffff !important;
color: #5f666d !important;
margin-top:0px !important;
font-size: 15px !important;
}
p {font-size:15px !important; margin-bottom:15px !important;}

/* Wordpress Specific Image Classes */
img.alignright {float:right; margin:0 0 1em 1em !important}
img.alignleft {float:left; margin:0 1em 1em 0 !important}
img.aligncenter {display: block; margin-left: auto; margin-right: auto !important}
a img.alignright {float:right; margin:0 0 1em 1em !important}
a img.alignleft {float:left; margin:0 1em 1em 0 !important}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto !important}
/* end WP image classes */

/*======================================= EVENT CALENDAR ================================*/
.panel-default>.panel-heading {
  color: #333;
  background-color: none;
  border-color: #a9c58a;
  padding-top: 15px;
  padding-bottom: 15px;
}
.panel-heading a:link {
font-size: 18px;
color: #666666;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.eme-location-map {
width: 100% !important;
height: 350px !important;
}
.eme-calendar-table {
font-size: 12px;
width:100%;
height:240px;
background-color:#2b6b97;
}
.month_name {
color:#FFF;
font-size: 20px;
font-weight:100;
}
.eme-calendar-table thead th {
font-size: 8px;
padding: 5px 0;
color: #666;
text-transform: uppercase;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
border-bottom: 1px solid #bbbbbb;
background: #f7f7f7;
/*background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f1f1f1));
background: -moz-linear-gradient(top,  #f7f7f7,  #f1f1f1);*/
}

.eme-calendar-table tbody td {
color: #666;
padding: 8px;
text-align: center;
border: none;
border-color: #fff #bbbbbb #bbbbbb #fff;
background: #ededed;
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dedede));
background: -moz-linear-gradient(top,  #ededed,  #dedede);
}
table.eme-calendar-table td {
padding:2px !important;
}
table.eme-calendar-table td.eventful a {
color:#61aadd !important;
font-weight:bold;
}

.prev-month {
color:#FFF;
font-size:10px;
}

.next-month {
color:#FFF;
font-size:10px;
}
/*======================================================== END CALENDAR ==================================*/

.col-sm-2.input-group {
float: right !important;
margin-top: 8px !important;
margin-right: 0px !important;
font-family: 'Open Sans Condensed', sans-serif;
width:40% !important;
}

.col-sm-9.input-group {
float: left !important;
margin-top: 5px !important;
margin-right: 0px !important;
width:40%;
}


.col-sm-6.pull-left {
padding:20px 0 0px 0px !important;
}

.col-sm-6.pull-right {
padding:10px 0px 0px 0px !important;
text-align:right;
}


.hrstyle1 {
border-color: #c9dde6;
}
.lib-header {
background-color: #f17b41;
height: 140px;
padding:0 0px !important;
}


.lib-logo {
width: 411px;
height: 83px;
background-image: url(img/ConsortiumLogo.jpg);
background-repeat: no-repeat;
margin:5px 0 0px -15px;
}

.lib-footer {
background-color: #efefef;
min-height: 100px;
width:100%;
}

.footer-left p{
float:left;
color: #7b7b7b;
font-size: 11px !important;
padding-top: 15px;
}
.footer-right p {
float:right;
padding-top: 5px;
text-align: right;
color: #7b7b7b;
font-size: 11px !important;
}

.footer-right a {color:#584f8b;}
.footer-left a {color:#584f8b;}
.footerbottom {text-align: center; 
font-family: 'Open Sans Condensed', sans-serif;
font-size:11px;}
.footerbottom a {color:#108da4;}
.footerbottom a:hover {text-decoration:underline;}

/*border-top: 2px solid #efc799;*/
}

.uppersubnav {color:#ffffff; font-size: 0.8em;}
.uppersubnav a {color:#ffffff;}
.uppersubnav a:hover {color:#cce2b0 !important;}
.uppersubnav a:visited {color:#ffffff;}


.lib-title h1 {
color: #ffffff;
font-size: 34px !important;
font-family: 'Open Sans Condensed', sans-serif;
font-weight:normal;
margin-left:-10px;
margin-top:5px;
}

h2 {font-family: 'Open Sans Condensed', sans-serif;}
h3 {font-family: 'Open Sans Condensed', sans-serif;}

h3.lib-subtitle {
font-family: 'Open Sans Condensed', sans-serif;
color: #ed8f2e;
font-weight:bold;
}

h2.lib-subtitle {
margin-top: 0px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 300;
}

h4.lib-subtitle-orange {
margin-top: 0px;
color: #ed8f2e;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 300;
font-size: 28px;
font-weight:bold;
}

h4.lib-subtitle-orange a {
color: #ed8f2e !important;
font-family: 'Open Sans Condensed', sans-serif;
}

h4.lib-subtitle-orange a:hover {
color: #ed8f2e !important;
text-decoration:underline;
font-family: 'Open Sans Condensed', sans-serif;
}

h4.lib-subtitle {
margin-top: 0px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 300;
font-size: 28px;
}

h4.lib-subtitle-white {
margin-top: 0px;
color: #ffffff;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 300;
font-size: 28px;
font-weight:bold;
}

.lib-tagline {
font-size: 24px !important;
margin-top: -20px;
color: #566d7c;
font-family: 'Open Sans Condensed', sans-serif;
margin-left:-35px;
text-transform: uppercase;
}

.lib-menu-title {
color: gray;
padding-left: 15px;
margin-top: 12px !important;
font-family: 'Open Sans', sans-serif;
}

.nav-search {
margin:5px;
border:1px solid #6b9d8b;
float:right;
}

.input-group {margin:5px -5px 0 0 !important;float:right;}


.btn-ddl {
background-color: transparent !important;
border-radius: 0px !important;
color:#ffffff !important;
font-size:16px;
font-family: 'Open Sans Condensed', sans-serif;
margin-top:-10px;
}
.btn-ddl:hover {
color:#e0eac3 !important;
}

.btn-search {
background-color: #3a7ea7;
height: 32px;
border-radius: 0px !important;
}
.btn-search a:hover {
background-color: #2e688d !important;
}
h2.interior-heading {
margin-top: 0px !important;
color:#ed8f2e;
font-weight:bold;
padding-bottom:5px;
padding-top:5px;
font-size: 35px;
}

h3.lib-subtitle-orange a {
color: #ed8f2e;
}
/*.page h3 {
font-family:'Open Sans Condensed', sans-serif;
color:#377ca5;
margin-top:10px;
font-weight:bold;
}*/
li.page_item a:hover {
color: #5492b2 !important;
background-color: #c5dae5 !important;
}
li.page_item a {
color: white !important;
}

.main-body {
/*background-color: #cfdee6;*/
background-color:#FFF;
height: auto;
padding:10px;
}

.home-page-bottom {
height: auto;
margin-top: 5px;
}

.left-sidebar-home {
height: auto;
margin-left: -2px;
margin-bottom: 10px;
padding: 5px;

}
.left-sidebar-interior {
height: auto;
margin:0 0px 0px -20px;
padding: 5px;
}
.left-sidebar-interior ul {
margin:0 0 5px -10px;

}
.left-sidebar-interior ul li {
margin-bottom:5px;
}
.home_right {
margin-bottom:10px;
padding: 5px;
}
.home_right ul {
margin:0 5px;
}
.home_right ul li {
margin-bottom:5px;
}
.view-all-posts a{
color:#2b6b97;
text-decoration:underline;
}
.view-all-posts a:hover {
color:#53a1d6;
}

.home_middle {
height: auto;
margin-bottom: 10px;
padding: 5px;
}
.home_middle ul {
margin-left:-5px;
}
.home_middle ul li {
font-size:17px;
margin-bottom:0px;
margin-top:10px;
}

.home_middle p {
margin-bottom:20px;
font-size:16px;
font-weight:400;
}
.view-all-events a{
color:#2b6b97;
text-decoration:underline;
}

.view-all-events a:hover {
color:#53a1d6;
}

.vert-line {
min-height: 470px;
border-right: 2px solid #eef4f7;
position: absolute;
margin-left: 660px;
}

.slider-text-wrapper {
background-color: #ffffff;
margin:20px 0 0 -25px;
}



/*================================flippy boxes=============================*/
.flip-container {
-webkit-perspective: 1000;
-moz-perspective: 1000;
-o-perspective: 1000;
perspective: 1000;
}
.flip-container, .front, .back {
width: 260px;
height: 220px;
}
.flipper {
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
position: relative;
}
.front, .back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: 0.6s;
-webkit-transform-style: preserve-3d;
-moz-transition: 0.6s;
-moz-transform-style: preserve-3d;
-o-transition: 0.6s;
-o-transform-style: preserve-3d;
-ms-transition: 0.6s;
-ms-transform-style: preserve-3d;
transition: 0.6s;
transform-style: preserve-3d;
position: absolute;
top: 0;
left: 0;
}
.back {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.flip-container:hover .back, .flip-container.hover .back {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.flip-container:hover .front, .flip-container.hover .front {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.front {
z-index: 2;
}
.animated {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-80%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
.container .boxes {
margin-left: -115px !important;
}

/*======Box one =========*/

.box-one {
background-color: #4b4784;
height: 200px;
padding: 10px 15px;
color: white;
position: relative;
text-align:center;
}
.back .box-one {
background-color: #605c98;
}

h2.box-one-text {
color: white;
margin-top: 25px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:35px;
text-align:center;
}
h3.box-one-text {
color: white;
margin-top: 10px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:25px;
text-align:center;
}
.box-one p {
font-family: 'Open Sans Condensed', sans-serif;
font-size:16px !important;
color:#ffffff;
text-align:center;
}

/*======Box Two =========*/

.box-two {
background-color: #9db843;
height: 200px;
padding: 10px 15px;
color: white;
position: relative;
text-align:center;
}

h2.box-two-text {
color: white;
margin-top: 35px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:35px;
text-align:center;
}

h3.box-two-text {
color: white;
margin-top: 10px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:25px;
text-align:center;
}
.box-two p {
font-family: 'Open Sans Condensed', sans-serif;
font-size:18px !important;
text-align:center;
}
.back .box-two {
background-color: #acc751;
}
.box-two ul li a {
color: white;
}
.box-two ul {
padding-left:30px;
list-style:none;
margin-top: 0px;
}
.box-two li { margin-bottom:10px; }
.box-two ul li:before {
font-family: 'FontAwesome';
content: '\f0a9';
color:white;
margin:0 5px 0 -25px;
}

/*======Box three =========*/

.box-three {
background-color: #f27616;
height: 200px;
padding: 10px;
color: white;
position: relative;
text-align:center;
}
.back .box-three {
background-color: #fb903d;
}
.box-three p {
font-family: 'Open Sans Condensed', sans-serif;
font-size:18px !important;
text-align:center;
}

h2.box-three-text {
color: white;
margin-top: 40px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:35px;
text-align:center;
}

h3.box-three-text {
color: white;
margin-top: 10px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:25px;
text-align:center;
}

.box-three ul li a {
color: white;
}
.box-three ul {
padding-left:30px;
list-style:none;
margin-top: 0px;
}
.box-three li { margin-bottom:0px; }
.box-three ul li:before {
font-family: 'FontAwesome';
content: '\f0a9';
color:white;
margin:0 5px 0 -25px;
}

/*======Box Four =========*/

.box-four {
background-color: #228bc2;
height: 200px;
padding: 10px 15px;
color: white;
position: relative;
text-align:center;
}

.back .box-four {
background-color: #3ea0d3;
}

.box-four p {
font-family: 'Open Sans Condensed', sans-serif;
font-size:18px !important;
text-align:center;
}

h2.box-four-text {
color: white;
margin-top: 50px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:35px;
text-align:center;
}

h3.box-four-text {
color: white;
margin-top: 10px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:25px;
text-align:center;
}

.box-four ul li a {
color: white;
}

/*Added CSS to line up font awesome bullets*/
.box-four ul {
padding-left:40px;
margin-top: 0px;
list-style:none;
}
.box-four li {margin-bottom:10px;}
.box-four ul li:before {
font-family: 'Open Sans Condensed', sans-serif;
content:"\f0a9";
margin:0 5px 0 -20px;
}

/*======Box Five =========*/

.box-five {
background-color: #228bc2;
height: 200px;
padding: 10px 15px;
color: white;
position: relative;
text-align:center;
}

h2.box-five-text {
color: white;
margin-top: 30px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:35px;
text-align:center;
}

h3.box-five-text {
color: white;
margin-top: 10px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:25px;
text-align:center;
}

.back .box-five {
background-color: #3ea0d3;
}

.box-five p {
font-family: 'Open Sans Condensed', sans-serif;
font-size:18px !important;
color:#ffffff;
text-align:center;
}

.box-five ul li a {
color: white;
}
.box-five ul {
padding-left:30px;
list-style:bullet;
margin-top: 0px;
color:white;
}
.box-five li { margin-bottom:0px; }
.box-five ul li:before {
color:white;
margin:0 5px 0 25px;
}

/*======Box Six =========*/

.box-six {
background-color: #eb7f40;
height: 200px;
padding: 10px 15px;
color: white;
position: relative;
text-align:center;
}
}
.back .box-six {
background-color: #ef8d54;
}

h2.box-six-text {
color:#ffffff;
margin-top: 20px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:35px;
text-align:center;
}

.box-six p {
font-family: 'Open Sans Condensed', sans-serif;
font-size:16px !important;
color:#ffffff;
text-align:center;
}

h3.box-six-text {
color: white;
margin-top: 10px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:25px;
text-align:center;
}

.box-six ul li a {
color: white;
}
.box-six ul {
padding-left:30px;
list-style:none;
margin-top: 0px;
}
.box-six li { margin-bottom:0px; }
.box-six ul li:before {
font-family: 'FontAwesome';
content: '\f0a9';
color:white;
margin:0 5px 0 -25px;
}

/*======Box Seven =========*/

.box-seven {
background-color: #9db843;
height: 200px;
padding: 10px;
color: white;
position: relative;
text-align:center;
}
}
.back .box-seven {
background-color: #acc751;
}
.box-seven p {
font-family: 'Open Sans Condensed', sans-serif;
font-size:16px !important;
color:#ffffff;
text-align:center;
}

h2.box-seven-text {
color: white;
margin-top: 40px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:35px;
text-align:center;
}

h3.box-seven-text {
color: white;
margin-top: 10px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:25px;
text-align:center;
}

.box-seven ul li a {
color: white;
}
.box-seven ul {
padding-left:30px;
list-style:none;
margin-top: 0px;
}
.box-seven li { margin-bottom:0px; }
.box-seven ul li:before {
font-family: 'FontAwesome';
content: '\f0a9';
color:white;
margin:0 5px 0 -25px;
}


/*======Box Eight =========*/

.box-eight {
background-color: #4b4784;
height: 200px;
padding: 10px;
color: white;
position: relative;
text-align:center;
}
}
.back .box-eight {
background-color: #605c98;
}

h2.box-eight-text {
color: white;
margin-top: 35px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:35px;
text-align:center;
}

h3.box-eight-text {
color: white;
margin-top: 10px;
font-family: 'Open Sans Condensed', sans-serif;
font-size:25px;
text-align:center;
}

.box-eight p {
font-family: 'Open Sans Condensed', sans-serif;
font-size:16px !important;
color:#ffffff;
text-align:center;
}

.box-eight ul li a {
color: white;
}
/*Added CSS to line up font awesome bullets*/
.box-eight ul {
padding-left:40px;
margin-top: 0px;
list-style:none;
}
.box-eight li {margin-bottom:10px;}
.box-eight ul li:before {
font-family:'FontAwesome';
content:"\f0a9";
margin:0 5px 0 -20px;
}

.usr-img {
margin-left: auto;
margin-right: auto;
}

.bottom-border {
height: 8px;
background-color: #b7dc90;
}

/*=============================End Flippy Boxes ==========================*/


.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color:#c5d8e5 !important;}

/*================================== META SLIDER ===================================*/

.nivoSlider {
max-height: 300px;
}
img.nivo-main-image {
display: block;
}
.nivo-caption {
background: #486477 !important;
}

/*======================= BOOTSTRAP OVERRIDES ========================================*/
.navbar {
border-radius: 0px !important;
border: 0px solid !important;
height: 52px !important;
-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}
.navbar-default {
background-color: #f7f7f7 !important;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #343536 !important;
font-family: 'Open Sans Condensed', sans-serif;
font-size:18px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
background-color: #d0e1c1 !important;
}
.navbar-default .navbar-nav>.open>a {
background-color: #d0e1c1 !important;
color: white; 
}
.nav {
padding-top: 0px;
}
.navbar-default .navbar-toggle {
background-color: #d0e1c1;
border-color: #92a878 !important;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #92a878 !important;
}
.navbar-nav {
margin-left: -15px !important;
}
.form-control {
border-radius: 0px !important;
}
.navbar-default .navbar-nav>.active>a {
background-color: #92a878 !important;
color: white !important;
}
.navbar-default .navbar-nav>li>a {
color: #696969 !important;
font-size:18px !important;
font-family: 'Open Sans Condensed', sans-serif;
font-weight:bold;
}
.navbar-default .navbar-nav>li>a:hover {
background-color: #d0e1c1 !important;
}
.navbar-collapse {
background-color:#f7f7f7;
}

.btn-default {
background-color: #92a878 !important;
color: white;
border-radius: 0px !important;
font-size:16px;
font-family: 'Open Sans Condensed', sans-serif;
margin: 0px 0 0px 0 !important;
}

/*=========================== additional CSS for Stuff ==================================*/

.news_date {font-weight:bold; padding:0 5px 0 0; }
.news_title {font-weight:bold; padding:0 5px 0 0;}
.news_desc {font-size: 1.0em;}

#SearchSelectors {display: inline-block;
width:100%;
    margin-bottom: 5px;
    color: #ffffff;
    font-weight:normal;
    font-size: .8em;
    }
    
#heritageOptionLabel1 {padding: 2px 15px 0 5px;}
#catelogOptionLabel2 {padding: 2px 15px 0 5px;}
#thissiteOptionLabel3 {padding: 2px 15px 0 5px;}

#footerimls {background-image:url(img/DelawareIconLogogrey.jpg); background-repeat:no-repeat; height:60px; width:200px; float:right; margin-top:15px;}

#top {width:100%;}
#right {float:right; width:45%;}
#left {float:left; width:40%;}

/*colors for htags*/
.green{color: #7c9a22;}

.blue{color: #4e80aa !important;}

.orange{color: #fe8127 !important;}

.purple {color:#39004f;}

.white {color:#ffffff;}

.red {color:#780817 !important;}
.redgeek {color:#980808 !important; padding:0;}
.brown {color:#4a2f23 !important; padding-bottom:10px;}

.purpletitle {color:#39004f; padding-bottom:5px;}
.purpletitle2 {color:#39004f; padding-bottom:5px; padding-top:10px;}


.tinytext {font-size:.8em;}


/*====================== MEDIA QUERIES ================================================*/

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

.lib-logo {
width: 411px;
height: 83px;
background-image: url(img/ConsortiumLogo.jpg);
background-repeat: no-repeat;
margin:0px 0 0px -15px;
}

.lib-title h1 {
color: #ffffff;
font-size: 34px !important;
font-weight:normal;
margin-left:-9px;
margin-top:10px;
}

.lib-header {
height: 110px !important;
margin-bottom:0px;
}


/*========flippy boxes*========*/
.flip-container, .front, .back {
width:95%;
height:170px;
}
/*====== flippy boxes======*/
.box-one {
height:90%;
margin-bottom:5px;
}
h2.box-one-text {
margin-top: 10px;
font-size:25px;
}
h3.box-one-text {
margin-top: 5px;
font-size:20px;
}
.box-one p {
font-size:12px !important;

}

.box-two {
height:90%;
margin-bottom:5px;
}
h2.box-two-text {
margin-top: 10px;
font-size:25px;
}
h3.box-two-text {
margin-top: 5px;
font-size:20px;
}
.box-two p {
font-size:12px !important;
}


.box-three {
height:90%;
margin-bottom:5px;
}
h2.box-three-text {
margin-top: 20px;
font-size:25px;
}
h3.box-three-text {
margin-top: 2px;
font-size:20px;
}
.box-three p {
font-size:12px !important;
}
.box-three ul li a {
color: white;
font-size:12px;
}
.box-three ul {
padding-left:30px;
list-style:none;
margin-top: 0px;
}
.box-three li { margin-bottom:0px; font-size:12px; }
.box-three ul li:before {
font-family: 'FontAwesome';
content: '\f0a9';
color:white;
font-size:12px;
margin:0 5px 0 -25px;
}

.box-four {
height:90%;
margin-bottom:5px;
}
h2.box-four-text {
margin-top: 30px;
font-size:25px;
}
h3.box-four-text {
margin-top: 5px;
font-size:20px;
}
.box-four p {
font-size:12px !important;
}

.box-five {
height:90%;
margin-bottom:5px;
}
h2.box-five-text {
margin-top: 20px;
font-size:25px;
}
h3.box-five-text {
margin-top: 5px;
font-size:20px;
}
.box-five p {
font-size:12px !important;
}

.box-six {
height:90%;
margin-bottom:5px;
}
h2.box-six-text {
margin-top: 5px;
font-size:25px;
}
h3.box-six-text {
margin-top: 5px;
font-size:20px;
}
.box-six p {
font-size:12px !important;
}


.box-seven {
height:90%;
margin-bottom:5px;
}
h2.box-seven-text {
margin-top: 15px;
font-size:25px;
}
h3.box-seven-text {
margin-top: 5px;
font-size:20px;
}
.box-seven p {
font-size:12px !important;
}

.box-seven ul li a {
color: white;
font-size:12px;
}
.box-seven ul {
padding-left:30px;
list-style:none;
margin-top: 0px;
}
.box-seven li { margin-bottom:0px; font-size:12px; }
.box-seven ul li:before {
font-family: 'FontAwesome';
content: '\f0a9';
color:white;
font-size:12px;
margin:0 5px 0 -25px;
}

.box-eight {
height:90%;
margin-bottom:5px;
}
h2.box-eight-text {
margin-top: 25px;
font-size:25px;
}
h3.box-eight-text {
margin-top: 5px;
font-size:20px;
}
.box-eight p {
font-size:12px !important;
}

}


/*========= Media Min-Width: 768 Max-width:991 ==========*/

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

.home_right {
margin-left: 10px;
margin-right: -10px;
}

#wp-calendar #next a {
font-size: 10px;
margin-top: 15px;meetingsb
}
#wp-calendar #prev a {
font-size: 10px;
margin-top: 15px;
}

#footerimls {background-image:url(img/DelawareIconLogogrey.jpg); background-repeat:no-repeat; height:60px; width:200px; float:right; margin-top:15px;}

.home-text-area p {
font-size: 12px !important;
}
.home-text-area {
margin:-5px 0 0 0;
padding:0px 0px 3px 0px;
max-height:190px;
}

.uppersubnav {margin:0px 0 0 0px; font-size: 0.8em;}

#left {float: left; width:100%; margin:0px 0px 0 0;}
#right {float:left; width:100%; margin:10px 0px 0 0px; border-top:1px solid #dcdcdc;}
#rightmyaccount {float:left; width:100%; margin:10px 0px 0 0px;}

.col-sm-9.input-group {
display:none;
}


.navbar-default .navbar-nav>li>a {
font-size:13px !important;
padding-right:5px !important;
color:#696969 !important;
}
.home_right .lib-subtitle  {
font-size:22px;
}

.home_middle .lib-subtitle  {
font-size:22px;
}

.lib-header {
height: 110px !important;
}

.lib-logo {
width: 300px;
height: 61px;
background-image: url(img/ConsortiumLogomed.jpg);
background-repeat: no-repeat;
margin:0px 0 0px -15px;
}

.lib-title h1 {
font-size: 24px !important;
margin-left:-9px;
margin-top:5px;
}

h4.lib-subtitle-white {
font-size: 22px;
}


#searchButton {width:18% !important;}
#searchwrapper input {width:100%; margin:0px 2px 0 0;}

.left-sidebar-interior h4.lib-subtitle-white {font-size: 22px;}
.left-sidebar-interior h4.lib-subtitle {font-size: 22px;}

.btn-default {
font-size:12px;
font-family: 'Open Sans Condensed', sans-serif;
margin:-10px 0 5px 0 !important;
}
/*========flippy boxes*========*/
.flip-container, .front, .back {
width:95%;
height:170px;
}
/*====== flippy boxes======*/
.box-one {
height:90%;
margin-bottom:5px;
}
h2.box-one-text {
margin-top: 10px;
font-size:25px;
}
h3.box-one-text {
margin-top: 5px;
font-size:20px;
}
.box-one p {
font-size:12px !important;

}

.box-two {
height:90%;
margin-bottom:5px;
}
h2.box-two-text {
margin-top: 10px;
font-size:25px;
}
h3.box-two-text {
margin-top: 5px;
font-size:20px;
}
.box-two p {
font-size:12px !important;
}


.box-three {
height:90%;
margin-bottom:5px;
}
h2.box-three-text {
margin-top: 20px;
font-size:25px;
}
h3.box-three-text {
margin-top: 5px;
font-size:20px;
}
.box-three p {
font-size:12px !important;
}

.box-four {
height:90%;
margin-bottom:5px;
}
h2.box-four-text {
margin-top: 30px;
font-size:25px;
}
h3.box-four-text {
margin-top: 5px;
font-size:20px;
}
.box-four p {
font-size:12px !important;
}

.box-five {
height:90%;
margin-bottom:5px;
}
h2.box-five-text {
margin-top: 20px;
font-size:25px;
}
h3.box-five-text {
margin-top: 5px;
font-size:20px;
}
.box-five p {
font-size:12px !important;
}

.box-six {
height:90%;
margin-bottom:5px;
}
h2.box-six-text {
margin-top: 5px;
font-size:25px;
}
h3.box-six-text {
margin-top: 5px;
font-size:20px;
}
.box-six p {
font-size:12px !important;
}


.box-seven {
height:90%;
margin-bottom:5px;
}
h2.box-seven-text {
margin-top: 15px;
font-size:25px;
}
h3.box-seven-text {
margin-top: 5px;
font-size:20px;
}
.box-seven p {
font-size:12px !important;
}

.box-seven ul li a {
color: white;
font-size:12px;
}
.box-seven ul {
padding-left:30px;
list-style:none;
margin-top: 0px;
}
.box-seven li { margin-bottom:0px; font-size:12px; }
.box-seven ul li:before {
font-family: 'FontAwesome';
content: '\f0a9';
color:white;
font-size:12px;
margin:0 5px 0 -25px;
}

.box-eight {
height:90%;
margin-bottom:5px;
}
h2.box-eight-text {
margin-top: 25px;
font-size:25px;
}
h3.box-eight-text {
margin-top: 5px;
font-size:20px;
}
.box-eight p {
font-size:12px !important;
}

}

/*============= Media max width: 767px =========*/
@media (max-width: 767px) {
body {
margin-top:0px !important;
}

.main-body {
padding-bottom: 10px;
}

#left {float: left; width:100%; margin:0px 0px 0 0;}
#right {float:left; width:100%; margin:10px 0px 0 0px; border-top:1px solid #dcdcdc;}
#rightmyaccount {float:left; width:100%; margin:10px 0px 0 0px;}

h4.lib-subtitle-white {
font-size: 22px;
}

.lib-header {height: 80px; padding:0px 0 0 0;}

.lib-logo {
width: 200px;
height: 40px;
background-image: url(img/ConsortiumLogosm.jpg);
background-repeat: no-repeat;
margin:0px 0 0px 0px;
}

.lib-title h1 {
font-size: 20px !important;
margin-left:-9px;
margin-top:0px;
}


#footerimls {background-image:url(img/DelawareIconLogogreysm.jpg); background-repeat:no-repeat; height:45px; width:150px; float:right; margin-top:15px;}
.footerbottom {font-size:9px;}

#FlipsterContainer {
	display:none;
}

.home_middle {
min-height:200px !important;
margin-left: 5px;
margin-right: 5px !important;
}
.home_right {
margin-left: 5px;
margin-right: 5px;
}

.left-sidebar-interior {
display:none;
}

.left-sidebar-home {
display:none;
}

a:hover {
text-decoration:none !important;
}

.navbar-ex1-collapse {
padding-bottom:10px;
}
.navbar-collapse {
background-color:#f7f7f7;
max-height:350px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-bottom:2px solid #3a7ea7;
}

.uppersubnav {display:none;}

#searchwrapper {display:none;}
#searchwrapper input {display:none;}
#searchButton {display:none:}

.sidlc {}
.siis {}
.silc {}
.siapp {display:none;}
.siapp2 {display:none;}
.siod {}
.siflip {}
.siask {}

.aalchattext {font-size:.9em; padding:10px 0 0 0;}

.ngg-navigation {margin-bottom:20px;}

/*====== flippy boxes======*/
.box-one {
height:90%;
margin-bottom:5px;
}
h2.box-one-text {
margin-top: 15px;
font-size:25px;
}

.box-two {
height:90%;
margin-bottom:5px;
}
h2.box-two-text {
margin-top: 15px;
font-size:25px;
}
.box-three {
height:90%;
margin-bottom:5px;
}
h2.box-three-text {
margin-top: 15px;
font-size:25px;
}
.box-four {
height:90%;
margin-bottom:5px;
}
h2.box-four-text {
margin-top: 15px;
font-size:25px;
}
.box-five {
height:90%;
margin-bottom:5px;
}
h2.box-five-text {
margin-top: 15px;
font-size:25px;
}
.box-six {
height:90%;
margin-bottom:5px;
}
h2.box-six-text {
margin-top: 15px;
font-size:25px;
}

.box-seven {
height:90%;
margin-bottom:5px;
}
h2.box-seven-text {
margin-top: 15px;
font-size:25px;
}


.box-eight {
height:90%;
margin-bottom:5px;
}
h2.box-eight-text {
margin-top: 15px;
font-size:25px;
}
}

/*============ Media Min-Width: 240px ============*/


/* RESPONSIVE CONTACT FORM 7 */
@media only screen and (min-width : 240px) {
   .wpcf7-textarea,
   .wpcf7-text,
   .wpcf7-captchar {
     max-width: 100%;
     padding: 10px 1px !important;
}}


/*======================= FONT AWESOME ==================================================*/
.fa-search {
color: white !important;
}
/****FIREFOX SEARCH FIX****/
@-moz-document url-prefix() { 
  .nav-search {
     margin-top: 8px !important;
     width:auto !important;
}
.ngg-navigation {margin-bottom:20px;}
}
/*============================================== Justified Home Nav ===================================*/
/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 0px;
  margin-top: 10px;
}
.nav-justified > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 18px;
  color: white;
  text-align: center;
  background-color: #6f9ebe;
  font-family: 'Open Sans Condensed', sans-serif;
}
.nav-justified > li > a:hover {
/*background-color: #b3cbdb !important;*/
background-color:#81b0d0;

}
.nav-justified > li:first-child > a {
  border-radius: 0px 0px 0 0;
}
.nav-justified > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 0px 0px;
}

@media (min-width: 768px) and (max-width: 991px) {
.nav-justified > li > a {
font-size: 14px;
}}

@media (min-width: 767px) {
  .nav-justified {
    max-height: 40px;
	background-color: #3a7ea7 !important;}
  .nav-justified > li > a {
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #fff;}
  .nav-justified > li:first-child > a {
    border-left: 0;
    border-radius: 0px 0 0 0px;
    margin-left: -21px;}
  .nav-justified > li:last-child > a {
    border-right: 0;
    border-radius: 0 0px 0px 0;
    margin-right: -21px;}
}


/*** -Sticky Post Padding- ***/
.sticky-post {
padding-bottom:10px;
}

/********** -Interior Page Styles- **********/
.eme_events_list {
margin-top:10px;
}
.eme_events_list li {
margin-bottom:5px;
}
.eme_events_list a {
font-weight:normal;
}
.interior-sidebar-wrapper {
background-color:#CC3;
}

/****** FaceBook Icon ******/
div.fb-alert.alert.alert-info{
padding: 10px 5px 5px 5px !important;
margin-bottom:0px !important;
}
div.fb-alert.alert.alert-warning{
padding: 10px 5px 5px 5px !important;
margin-bottom:0px !important;
}
.fa-facebook-square {
color:#3f63b6;
font-size:2.2em !important;
}
/**Town Facebook Icon**/
.fb-alert p {
margin-top:-25px;
margin-left:35px;
line-height:16px;
font-size:16px !important;
}

/********** CSS for LibCal note tcam is library name ******/

/*other calls-displaying the following date tdat - time ttim - title of event ttit - Room location tloc- Registration treg*/
td {border: none !important;}
/*Header*/
.s-lc-ea-h3 {display:none !important;}

/*title of event*/
.s-lc-ea-ttit {font-weight:bold !important; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.2em;}

/*location-room*/
.s-lc-ea-tloc {padding-bottom: 5px !important;}

/*library*/
.tcam {display:none !important;} 

/*Label */ 
.s-lc-ea-l {display:none !important;}

/*Category-audience*/
.s-lc-ea-tcat {display: none !important; }

.s-lc-ea-tcat {display: none !important; }

/*description*/
.s-lc-ea-tdes {display: none !important; }

/*Presenter*/
.s-lc-ea-tpre {display: none !important; }

/*registration*/
.s-lc-ea-treg {display: none !important; }

/*table*/
.s-lc-ea-tb {margin: 10px 0 !important; width:100% !important; font-family: 'Open Sans Condensed', sans-serif !important; font-size: 1.2em !important; border-bottom: 1px solid #c4c4c4 !important;}

.s-lc-ea-tr {padding: 0 0 3px 0 !important; margin-bottom: 3px !important;}

.caltext {padding:10pxpx 0; width:100%; display:inline;}