/*
Theme Name: DDL Portal 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: 16px !important;
}
p {font-size:16px !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 ================================*/

.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: 1px solid;
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: 10px !important;
font-family: 'Open Sans Condensed', sans-serif;
}

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

.col-sm-5 {
padding:0px 0 0 0 !important;}

.hrstyle1 {
border-color: #c9dde6;
}
.lib-header {
background-color: #4f4782;
height: 130px;
background-position: left;
}

.lib-logo {
width: 290px;
height: 50px;
background-image: url(img/delliblogo.jpg);
background-repeat: no-repeat;
margin:5px 0 0 -10px;

}

.lib-footer-bar {
height: 10px;
background-image: url(img/colorbarstrip.jpg);
}

.lib-color-bar {
height: 10px;
background-image: url(img/colorbarstrip.jpg);
}

.lib-footer {
background-color: #f3f5e8;
min-height: 100px;
}

.footer-left p{
float:left;
color: #7b7b7b;
font-size: 11px !important;
padding-top: 5px;
}
.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;}


/*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-weight:normal;
margin-left:-5px;
margin-top:5px;
}

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

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

h4.lib-subtitle-green a {
color: #8cab34 !important;
}

h4.lib-subtitle-green a:hover {
color: #8cab34 !important;
text-decoration:underline;
}


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

h4.lib-subtitle-orange a {
color: #ed8f2e !important;
}

h4.lib-subtitle-orange a:hover {
color: #ed8f2e !important;
text-decoration:underline;
}

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

h4.lib-subtitle-white {
margin-top: 0px;
color: #ffffff;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 300;
font-size: 32px;
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-top:10px !important;float:right;}


.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:#52397d;
font-family:'Open Sans Condensed', sans-serif;
font-weight:300;
padding-bottom:5px;
padding-top:5px;
font-size: 35px;
}

h3 {
color: #52397d;
font-weight:300;
font-family:'Open Sans Condensed', sans-serif;
margin:5px 0 0 0;
}

h3.lib-subtitle-orange a {
color: #ed8f2e;
}

h3.my-first {
color: #52397d;
font-weight:500;
font-family:'Open Sans Condensed', sans-serif;
margin:5px 0 0 0;
}

h3.my-first {
color: #ed8f2e;
}


h4. lib-subtitle {
color: #ed8f2e;
font-family:'Open Sans Condensed', sans-serif;
margin:5px 0 0 0;
}

/*.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;
margin-top: -20px;
padding: 20px;
border-top: 2px solid #8db3ca;
}

.home-page-bottom {
height: auto;
margin-top: 10px;
margin-left:-15px !important;
margin-right:-15px !important;
}

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

}
.left-sidebar-interior {
height: auto;
margin:0 -10px 0 -15px;
margin-bottom: 10px;
padding: 5px;
}
.lib-right-home {
min-height: 300px;
margin-bottom: 5px;
padding: 10px;
font-family: 'Roboto', sans-serif;
font-weight:300;
font-size:17px;
}
.lib-right-home ul {
margin-left:-40px;
list-style-type:none;
margin-top:10px;
}
.lib-right-home ul li {
font-size:17px;
margin-bottom:18px;
}
.view-all-posts a{
color:#2b6b97;
text-decoration:underline;
}
.view-all-posts a:hover {
color:#53a1d6;
}
.lib-right-home ul li a {
display:block;
font-weight:400;
}
.lib-middle-home {
min-height: 400px;
margin-bottom: 10px;
padding: 10px;
font-family: 'Roboto', sans-serif;
font-weight:300;
}
.lib-middle-home ul {
margin-left:-20px;
list-style-type: square;
}
.lib-middle-home ul li {
font-size:17px;
margin-bottom:0px;
margin-top:10px;
}

.lib-middle-home 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: #eeeeee !important;
margin-bottom:0px;
}

.slider-area {
background-color: #ffffff;
margin-bottom: 10px;
max-height: 300px;
}

.home-text-area {
background-color: white;
padding:10px 10px 0px 5px;
margin-bottom: 5px;
min-height:300px;
font-size: 18px;
}


/*.home-text-area .btn-default {
color:#FFF;
background-color:#6f9ebe;
font-size:16px;
font-family: 'Open Sans Condensed', sans-serif;
border-radius:0px !important;
border:1px solid #5a89a8;
}
.home-text-area .btn-default button:hover {
background-color:#2b6b97 !important;
color:red !important;
}*/


.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;
}
.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-size:1.0em; padding:0 5px 0 0; }
.news_title {font-size:1.0em; padding:0 5px 0 0;}
.news_desc {font-size: 0.9em;}

#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;}

#getsocial {margin:10px 0 0 0; text-align:center; color:#2e87b1; font-size:1.3em; padding:10px 0 0 0;}
.socialicons {margin:10px 0 0 0; display:inline;}
.socialicons2 {margin:10px 0px 0px 0; text-align:center;}


#didyouknow {background-color:#dc8519; width:100%; padding:10px; color:#ffffff; text-align:center;font-size:1.2em; margin:25px 0 15px 0;}
.didyouknowtext {font-size:0.9em;}
.didyouknowtext a {color:#ffffff;}
.didyouknowtext a:hover {text-decoration:underline;}
.didyouknowvideo {}
#didyouknow a {color:#ffffff;}
#didyouknow a:hover {text-decoration:underline;}

#footerddl {background-image:url(img/ddlfooter2.jpg); background-repeat:no-repeat; height:55px; width:200px; margin-top:5px; float:left;}
#footerimls {background-image:url(img/imlsfooter.png); background-repeat:no-repeat; height:60px; width:147px; float:right;}

#flwrapper {width:100%; margin:5px 0 10px 0;}
#firstlady {float:right;}


#beanleft {float:left;}
#beanright {float:right;}

#cardcamp {background-color:#eceec7; padding:15px; text-align:center;font-size:1.1em; margin:15px 10px; float:left;}
.cardcamptext {font-size:0.9em;}
.cardcamptext a {color:#a6ad34;}
.cardcamptext a:hover {text-decoration:underline;}

/*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;}

/*Inspiration Space Page */
.isblue {color: #0062a3;}
.isgrey {color: #7a8b6e;}
.ispurple {color: #525389;}
.isred {color: #a80303;}
.isorange {color: #f2600a;}
.isgreen {color: #9fbc3b;}

/*======== Dewey CSS ======*/

#menuwrapper {width:645px;}
#menutopwrap {display:inline;}

#dewey000 {float:left; background-image:url(img/000Computers.jpg); 
background-repeat:no-repeat; width:123px; height:168px;padding: 0 7px 4px 0;}
#dewey100 {float:left; background-image:url(img/100PhiloPysch.jpg); 
background-repeat:no-repeat; width:123px; height:168px; padding: 0px 7px 4px 0;}
#dewey200 {float:left; background-image:url(img/200WorldReligions.jpg); 
background-repeat:no-repeat; width:123px; height:166px; padding: 0px 7px 4px 0;}
#dewey300 {float:left; background-image:url(img/300SocialService.jpg); 
background-repeat:no-repeat; width:123px; height:166px; padding: 0 7px 4px 0;}
#dewey400 {background-image:url(img/400Language.jpg); 
background-repeat:no-repeat; width:123px; height:166px; float:left;}

#menubottomwrap {display:inline;}

#dewey500 {float:left;background-image:url(img/500Science.jpg); 
background-repeat:no-repeat; width:123px; height:166px; padding: 0 7px 4px 0;}
#dewey600 {float:left;background-image:url(img/600AppliedScience.jpg); 
background-repeat:no-repeat; width:123px; height:166px;padding: 0 7px 4px 0;}
#dewey700 {float:left;background-image:url(img/700Arts.jpg); 
background-repeat:no-repeat; width:123px; height:166px;padding: 0 7px 4px 0;}
#dewey800 {float:left;background-image:url(img/800Literature.jpg); 
background-repeat:no-repeat; width:123px; height:166px;padding: 0 7px 4px 0;}
#dewey900 {background-image:url(img/900HistoryGeog.jpg); 
background-repeat:no-repeat; float:left; width:125px; height:166px;}

.deweymenutitle {padding:5px 0 0 8px; color:#39004f; font-size:14px; line-height:16px;font-weight:bold;}
.deweymenutext {padding:0 5px 0 8px;font-size:10px;}

#ebookblock {width:100%; height:180px; display:inline-block; margin: 10px 0 0 0;}
#ebooksbutton1 {float:left;width:210px; margin:0 10px 10px 0px;}
#ebooksbutton2 {float:left;width:210px; margin:0 10px 10px 0px;}
#ebooksbutton3 {float:left;width:210px; margin:0 10px 10px 0px;}

#passion-icon000 {float:left;background-image:url(img/dewey000iconh.png); background-repeat:no-repeat; width:115px; height:140px;}
#passion-icon100 {float:left;background-image:url(img/dewey100iconh.png); background-repeat:no-repeat; width:115px; height:140px;}
#passion-icon200 {float:left;background-image:url(img/dewey200iconh.png); background-repeat:no-repeat; width:115px; height:140px;}
#passion-icon300 {float:left;background-image:url(img/dewey300iconh.png); background-repeat:no-repeat; width:115px; height:140px;}
#passion-icon400 {float:left;background-image:url(img/dewey400iconh.png); background-repeat:no-repeat; width:115px; height:140px;}
#passion-icon500 {float:left;background-image:url(img/dewey500iconh.png); background-repeat:no-repeat; width:115px; height:140px;}
#passion-icon600 {float:left;background-image:url(img/dewey600iconh.png); background-repeat:no-repeat; width:115px; height:140px;}
#passion-icon700 {float:left;background-image:url(img/dewey700iconh.png); background-repeat:no-repeat; width:115px; height:140px;}
#passion-icon800 {float:left;background-image:url(img/dewey800iconh.png); background-repeat:no-repeat; width:115px; height:140px;}
#passion-icon900 {float:left;background-image:url(img/dewey900iconh.png); background-repeat:no-repeat; width:115px; height:140px;}

.passion-text {font-size:.9em; color:#888888; text-align:center; margin:110px 0 0 0; font-family: 'Open Sans Condensed', sans-serif;}
.tinytext {font-size:.8em;}

/*======= Inspiration Space Page =========*/
#ishomeimg {float:left;}
.ishometext {font-size:.8em;}
#iswrapperh {display:inline; height:200px;}

.isblue {color: #0062a3;}
.isgrey {color: #7a8b6e;}
.ispurple {color: #525389;}
.isred {color: #a80303;}
.isorange {color: #f2600a;}
.isgreen {color: #9fbc3b;}


/*======= menu subject guide ======= */
#mgdescription {background-image:url(images/mgdescriptbox.jpg); backgound-repeat:repeat-x; height:90px;}
.mgdescripttitle {font-size:20px; line-height:23px; font-weight:bold;color:#d8f497; padding:8px 0 0 5px;}
.mgdescripttext a {color:#eef9d3;text-decoration:underline;}
.mgdescripttext a:hover {color:#ffffff; text-decoration:underline;}
.mgdescripttext {color:#ffffff; padding: 5px 5px 0 10px;}
#mgheaders {padding: 5px 0; border-bottom:solid 1px #CCC; width:650px; margin:10px 0 0 0; display:inline-block;}
#mgheaderssj {font-size:20px; color:#799e13;padding: 5px 0; border-bottom:solid 1px #CCC; width:650px; margin:10px 0 0 0; display:inline-block;}
.mgheaderstxt {float:left;font-size:20px; color:#799e13;margin-right:65px;}https://lib.dev.gic.dos.state.de.us/services-resources/is/
.mgtopic {float:left;font-size:12px; color:#799e13;}
#menuguide {width:700px; margin:10px 0 0 0;}
#menuguidetop {display:inline; }
#menuguidebottom {width:700px; }
#subjectguidelist {width:690px; margin:10px 0;}
.mgtitle {font-size:16px; width:150px; float:left; padding-right:5px;}
.mgimage {width:50px; float:left; margin-right:5px;}
.mgtitle a {color:#523b7f;}
.mglinks {width:350px; float:right; padding:5px 0 5px 5px; border-left:1px solid #ccc;}
#subjectguides {border-bottom: 1px solid #CCC; padding:5px 0;display:inline-block; }

/*======= Job Center CSS=========*/
#jobcenterlocation {width:515px; padding-left:20px;}
#jobcenterleft {float:left; width:205px;}
#jobcenterright {float:right; width:205px;}
#jobcenterleft2 {float:left; width:480px;}

#jobcenterrightws {float:right; width:209px; margin:0 0 0 10px; padding-left:5px; border-left:1px solid #222222;}
#jobcenterleftws {float:left; width:465px; margin-bottom:10px;}
.jclibguide {font-size:14px; padding:0 0 10px 20px;}
#leftcolumnjc {float: left; width:434px; padding:10px 5px 0px 0px;}
#rightcolumnjc {float: right; width:230px; padding:0px 0px 0px 5px;}


#jcresource {float:left; width:210px; border-left:solid 1px #e0e0e0; padding:0 5px;}
#jclocation {float:right; width:210px; padding:0 5px; margin:0 5px 0 0;}
#jcworkshop {float:left; width:210px; padding:0 5px;}

#jcdisclaimer {font-size:8px; width:660px; padding:10px 5px; float:left;}
.disclaimer {font-size:9px; padding:0 10px 0 10px; width:400px;}
.menudisclaimer {font-size:8px; padding:5px 10px 0 8px;}





/*===== Flipster =====*/

#FlipsterContainer {
	width:100% !important;/* Change this width to your needs. 750px works well for 4 titles.*/
	height:270px;
	overflow:hidden;
}
.EBSCOcarouselContainer {width:100% !important; height:300px;}

/*==============Dewey Icons Home Page==============*/

#passion {}
.passion-icon {}

/*========== Search DDL catalog ========*/

#searchwrapper {border: 1px solid #bcd39e; background-color: #bcd39e; padding:0px 0; margin:10px 0 0 0px !important;}
#searchwrapper input {border: 1px solid #e0e9d8; width:82%; margin:0px 3px 0 0; font-size:0.9em; padding:5px 5px; color:#9e9f9f;}
#searchwrapper fieldset {border:1px solid #bbd6e3; float:left;}
#searchwrapper #searchButton {float:right; background:#5d98bf; font-size:0.8em; width:15%; color:#ffffff; border:1px solid #bb6e3;}
#searchwrapper textarea { border:1px solid #2d84ad; color:#2d84ad; margin:0px; padding:0px; width:100%; }
select {padding:3px; margin:3px; color:#ccdcb3; }
#ddl_catalog_search {margin:5px 5px;}


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

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

.lib-logo {
width: 290px;
height: 50px;
background-image: url(img/delliblogo.jpg);
background-repeat: no-repeat;
margin:0px 0 0 -10px;
}

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

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

.home-text-area p {
font-size: 14px !important;
}

.fb-alert p {
margin-top:-33px !important;
}

.home-text-area {
margin:-15px 0 0 0;
padding:0px 0px 5px 0px;
min-height:255px;

}

#beanleft {float:left;}
#beanright {float:right;}

.slider-area {
background-color: #ffffff;
margin-bottom: 0px;
max-height: 220px;

}

#getsocial {margin:0 0 0 0; font-size:1.0em;}
.socialicons {margin:10px 0 0 0;}
.socialicons2 {margin:10px 0px 0px 0;}

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


.aalchattext {font-size:1.0em; padding:5px 0 0 75px;}

#passion-icon000 {float:left;background-image:url(img/000med.png); background-repeat:no-repeat; width:90px; height:120px;}
#passion-icon100 {float:left;background-image:url(img/100med.png); background-repeat:no-repeat; width:90px; height:120px;}
#passion-icon200 {float:left;background-image:url(img/200med.png); background-repeat:no-repeat; width:90px; height:115px;}
#passion-icon300 {float:left;background-image:url(img/300med.png); background-repeat:no-repeat; width:90px; height:115px;}
#passion-icon400 {float:left;background-image:url(img/400med.png); background-repeat:no-repeat; width:90px; height:115px;}
#passion-icon500 {float:left;background-image:url(img/500med.png); background-repeat:no-repeat; width:90px; height:115px;}
#passion-icon600 {float:left;background-image:url(img/600med.png); background-repeat:no-repeat; width:90px; height:115px;}
#passion-icon700 {float:left;background-image:url(img/700med.png); background-repeat:no-repeat; width:90px; height:115px;}
#passion-icon800 {float:left;background-image:url(img/800med.png); background-repeat:no-repeat; width:90px; height:115px;}
#passion-icon900 {float:left;background-image:url(img/900med.png); background-repeat:no-repeat; width:90px; height:115px;}

.passion-text {font-size:.8em; margin:90px 0 0 0; line-height:1.0em;}

}


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

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

.lib-right-home {
margin-left: 10px;
margin-right: -10px;
}

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

#footerddl {background-image:url(img/ddlfootersm2.jpg); background-repeat:no-repeat; height:28px; width:100px;}
#footerimls {background-image:url(img/imlsfootersm.png); background-repeat:no-repeat; height:40px; width:103px;}

.slider-area {
background-color: #ffffff;
margin-bottom: 0px;
max-height: 220px;
}


#ishomeimg {float:left; padding:0 5px 0 0;}
.ishometext {font-size:.8em;}
#iswrapperh {display:inline; height:130px;}

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

#getsocial h4 {font-size:1.0em;}
.socialicons {margin:0px 0 0 0;}
.socialicons2 {margin:0px 0 0px 0;}

#getsocial {margin:0px 0 0 0;}

#uppersubnav {margin:5px -5px 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;
}


#FlipsterContainer {
	width:100% !important;/* Change this width to your needs. 750px works well for 4 titles.*/
	height:250px;
	overflow:hidden;
}
#FlipsterCarousel {
	width:80%;/* If the right-side arrow starts getting cut off the more narrow you make the container,
				adjust this width percentage to a smaller value. */
	height:190px;
}
.flipstermagazine{/*Use this to change style of magazine covers*/
	height:167px;
	Width:123px;
	margin:0 5px 0 0;
	border:1px solid #BFBFBF;
}


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

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

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

}

.lib-logo {
width: 200px;
height: 36px;
background-image: url(img/delliblogo200.jpg);
margin:0px 0 0 -10px;
}

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

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

#beanleft {float:left; width:50%;}
#beanright {float:right; width:50%;}

.didyouknowtext {font-size:0.7em;}


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

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

.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;
}

#passion-icon000 {float:left;background-image:url(img/000sm.png); background-repeat:no-repeat; width:69px; height:90px;}
#passion-icon100 {float:left;background-image:url(img/100sm.png); background-repeat:no-repeat; width:69px; height:90px;}
#passion-icon200 {float:left;background-image:url(img/200sm.png); background-repeat:no-repeat; width:69px; height:90px;}
#passion-icon300 {float:left;background-image:url(img/300sm.png); background-repeat:no-repeat; width:69px; height:90px;}
#passion-icon400 {float:left;background-image:url(img/400sm.png); background-repeat:no-repeat; width:69px; height:90px;}
#passion-icon500 {float:left;background-image:url(img/500sm.png); background-repeat:no-repeat; width:69px; height:90px;}
#passion-icon600 {float:left;background-image:url(img/600sm.png); background-repeat:no-repeat; width:69px; height:90px;}
#passion-icon700 {float:left;background-image:url(img/700sm.png); background-repeat:no-repeat; width:69px; height:90px;}
#passion-icon800 {float:left;background-image:url(img/800sm.png); background-repeat:no-repeat; width:69px; height:90px;}
#passion-icon900 {float:left;background-image:url(img/900sm.png); background-repeat:no-repeat; width:69px; height:90px;}

.passion-text {font-size:.6em; margin:68px 0 0 0;line-height:.9em;}

}


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

#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;}


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

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

.didyouknowvideo {display:none;}

#footerddl {background-image:url(img/ddlfootersm2.png); background-repeat:no-repeat; height:34px; width:120px; margin-top:-5px;}
#footerimls {background-image:url(img/imlsfootersm2.png); background-repeat:no-repeat; height:34px; width:88px; margin-top:-5px;}


.lib-logo {
width: 175px;
height: 34px;
background-image: url(img/delliblogo175.jpg);
margin:0px 0 0 -5px;
}

#FlipsterContainer {
	display:none;
}

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

.lib-middle-home {
min-height:200px !important;
margin-left: -15px;
margin-right: -15px !important;
}
.lib-right-home {
margin-left: -15px;
margin-right: -15px;
}

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

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

#beanleft {float:none;}
#beanright {float:none;}

.main-body {
padding-bottom: 10px;
}
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;
}

.home-text-area {
margin:0px 15px;
min-height:100px;}
.socialicons {margin:0px 0 10px 0;}
.socialicons2 {display:none;}

#getsocial {margin:0px 0 0 0; padding:5px 0 0 0;}

#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;}
}

/*============ 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;
}

/********* Library Evanced Events *********/
#eventheader {color:#dc8d39; font-size:20px; margin:10px 0 0 0;}


.eventsinfo
{	/*overflow:auto;*/
	font-size:14px;
	padding:0px;
	margin:0px;
	margin-left:0px;
	margin-right: 0px;
	
}
.eventsinfo #eventlibrary {
margin-left: 0px;
margin-top: 2px;
margin-bottom: 3px;
color: #666;
padding-bottom: 10px;
font-size: 14px;
text-align: left;
border-bottom: 1px solid #dfe5e6;
}
.eventsinfo #eventtitle
{
	font-size: 16px;
	margin-right: 0px;
	margin-left: 0px;
	top:0mm;
	width:100%;
	padding-top: 5px;
	float:left;	/* Set float so eventtime DIV will appear to the right of event title */
	color: #068ca4;
	padding-left: 0px;
	padding-bottom: 5px;
	text-align: left;
	font-weight: normal;
}
.eventsinfo #eventdate
{text-align: left;
	color: #666;
	margin-left: 0px;
	font-size: 14px;
	padding-left: 0px;
	line-height: 100%;
	float: left;}

.eventsinfo #eventtime 
{text-align: right;
color: #666;
margin-right: 10px;
font-size: 14px;
padding-left: 5px;
position: relative;
bottom: 2px;
float: right;}

.eventsinfo #eventdescription

{display:none;
}

.eventsinfo #eventlocation
{clear:both;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 2px;
color: #666;
padding-bottom: 0px;
font-size: 14px;
text-align: left;
position: relative;}



.eventsinfo #eventtitle a:hover {text-decoration: underline;}