/*
Theme Name: Corbit-Calloway Public Library 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: GIC & DDL
Author URI: https://gic.delaware.gov/
Version: 1.0
Tags: mobile first, responsive, Corbit-Calloway Public Library.
*/
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:#ffffff;
height: 125px;
background-position: left;
}

.lib-logo {
width: 450px;
height: 97px;
background-image: url(img/Corbit-CallowayL.png);
background-repeat: no-repeat;
margin:5px 0 0 -10px;

}

#colorbar {
background-image: url(img/corbitbar.jpg);
height: 15px;
}

.lib-footer-bar {
height: 10px;
background-color:#285b7f;
margin: 0 -15px;
}


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

.footer-left p{
float:left;
color: #8a8585;
font-size: 11px !important;
margin:15px 0 0 0px;
}
.footer-right p {
float:right;
margin:15px 0 0 0px;
text-align: right;
color: #8a8585;
font-size: 11px !important;
}

.footer-right a {color:#2a6289;}
.footer-left a {color:#2a6289;}
.footerbottom {text-align: center; 
font-family: 'Open Sans Condensed', sans-serif;
font-size:12px;}
.footerbottom a {color:#2a6289;}
.footerbottom a:hover {text-decoration:underline;}


#uppersubnav {color:#696969; font-size: 0.8em;}
#uppersubnav a {color:#696969;}
#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:-10px;
margin-top:5px;
}

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

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

h4.lib-subtitle-blue a {
color: #394e6f !important;
margin-bottom:10px;
}

h4.lib-subtitle-blue a:hover {
color: #394e6f !important;
text-decoration:underline;
}

h4.lib-subtitle {
margin-top: 0px;
color: #394e6f;
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 {
padding-left: 15px;
margin-top: 12px !important;
font-family: 'Open Sans', sans-serif;
color:#ffffff;
}

.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:#394e6f;
font-weight:bold;
padding-bottom:5px;
padding-top:5px;
font-size: 30px;
font-family:'Open Sans Condensed', sans-serif;
}

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

h3.lib-subtitle-blue a {
color: #394e6f;
}

h3.lib-subtitle-white a {
color: #ffffff;
}

h3.lib-subtitle-white {
color: #ffffff;
}

h4 {
color: #394e6f;
font-weight:300;
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:0px;
padding:10px 20px;
}

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

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

.lib-right-home ul li a {
display:block;
font-weight:400;
}
.view-all-posts a{
color:#2b6b97;
text-decoration:underline;
}
.view-all-posts a:hover {
color:#53a1d6;
}
.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: #dfe8ed !important;
margin-top:20px;
}

.slider-area {
background-color: #dfe8ed;
margin: 5px 0 0 0px;
max-height: 360px;
}
.home-text-area {
background-color: white;
margin:5px 10px 0px 0px;
min-height:305px;
}


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

.get-posts-class {
min-height: 300px;
margin-bottom: 5px;
padding: 10px;
font-family: 'Roboto', sans-serif;
font-weight:300;
font-size:17px;
}
.get-posts-class ul {
margin-left:-40px;
list-style-type:none;
margin-top:10px;
}
.get-posts-class ul li {
font-size:17px;
margin-bottom:18px;
}

.get-posts-class ul li a {
display:block;
font-weight:400;
}

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

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

.nivoSlider {
max-height: 385px;
}
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: #456fa0 !important;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #353535 !important;
font-family: 'Open Sans Condensed', sans-serif;
font-size:18px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
background-color: #e8eaeb !important;
}
.navbar-default .navbar-nav>.open>a {
background-color: #d6c7a3 !important;
color:#353535; 
}
.nav {
padding-top: 0px;
}
.navbar-default .navbar-toggle {
background-color: #ffffff;
border-color: #d6d6d6 !important;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #bdbdbd !important;
}
.navbar-nav {
margin-left: -15px !important;
}
.form-control {
border-radius: 0px !important;
}
.navbar-default .navbar-nav>.active>a {
background-color: #d6c7a3 !important;
color: #ffffff !important;
}
.navbar-default .navbar-nav>li>a {
color: #ffffff !important;
font-size:18px !important;
font-family: 'Open Sans Condensed', sans-serif;
font-weight:bold;
}
.navbar-default .navbar-nav>li>a:hover {
background-color: #d6c7a3 !important;
color:#353535;
}
.navbar-collapse {
background-color:#456fa0;
}

.btn-default {
background-color: #d6c7a3 !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 ==================================*/



#wirelessprint {background-color:#770435; width:100%; padding:10px; color:#ffffff; font-size:1.1em; padding:5px;}
#wirelessprint a:link {color:#ffffff !important;}

#top {width:100%; min-height:1000px; padding-bottom: 20px;}
#right {float:right; width:45%;}
#left {float:left; width:45%;}

#bottom {width:100%;}
#bottoml {float:left; width:50%; min-height:160px;}

#bleft1 {float:left; width:50%;}
#bleft2 {float:right; width:45%;}

#bottomr {float:right; width:45%; min-height:160px;} 

#bright1 {float:left; width:50%;}
#bright2 {float:right; width:45%}

.meetstaff-text {width:100%; text-align:center; font-size: 1em; padding:0 0 10px 0;}

#BlueHenLarge {width:100%;}

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

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

#right ul li a {display:block; list-style:none;}

.get-posts-class ul {
    margin-left: -30px;
    margin-top: 10px;}

.sbicon {float: left; height:70px; padding:10px 5px 0px 10px;}
.sbtitle {font-size:1.9em; color:#ffffff; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif; padding:10px 0 5px 5px; margin:0 0 0 0px;}
.sbtext {font-size:0.9em; color:#ffffff; font-family: 'Open Sans Condensed', sans-serif; padding:0px 0px 0 5px; margin:0 0 0 10px;}
.sbtitle a {color:#ffffff;}
#sbdonate {height:75px; width:100%; background-color:#384f6f;}
#sbprint {height:75px; width:100%; background-color:#6c2a22;}
#sbcollection {height:75px; width:100%; background-color:#5e9caf;}

.left-sidebar-interior .sbtitle {line-height: 1em;}

#hours {background-color:#ebdebc; width:100%; padding:10px;}
.hourstitle {color:#171717; font-size:1.9em; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;}
.hourstext {color:#171717;font-size:1.2em}


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




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



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

#searchwrapper {border: 1px solid #dedbd0; background-color: #dedbd0; padding:0px 0; margin:40px 0 0 0px !important;}
#searchwrapper input {border: 1px solid #cecabf; width:82%; margin:0px 3px 0 0; font-size:0.9em; padding:5px 5px; color:#9e9f9f;}
#searchwrapper fieldset {border:1px solid #9e9f9f; float:left;}
#searchwrapper #searchButton {float:right; background:#2a6289; font-size:0.8em; width:15%; color:#ffffff; border:1px solid #2a6289;}
#searchwrapper textarea { border:1px solid #9e9f9f; 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: 275px;
height: 69px;
background-image: url(img/Corbit-CallowayM.png);
background-repeat: no-repeat;
margin:3px 0 0 -10px;
}

#bottom {width:100%;}
#bottoml {float:left; width:50%; min-height:160px;}

#bleft1 {float:left; width:50%;}
#bleft2 {float:right; width:45%;}

#bottomr {float:right; width:50%; min-height:160px;} 

#bright1 {float:left;}
#bright2 {float:right;}

.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:20px;
}

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

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

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

}


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



.sbtitle {font-size:1.7em; color:#ffffff; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif; padding:10px 0 5px 5px; margin:0 0 0 0px; line-height: 1em;}

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

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

.home-text-area {
background-color: white;
margin:0px 10px 0px 0px;
min-height:220px;
}

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


.navbar-default .navbar-nav>li>a {
font-size:13px !important;
padding-right:5px !important;
color:#ffffff !important;
}

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

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

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

.lib-logo {
width: 275px;
height: 69px;
background-image:url(img/Corbit-CallowayM.png);
background-repeat: no-repeat;
margin:2px 0 0 10px;
}

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

h4.lib-subtitle-white {
font-size: 22px;
}
.home-text-area p {
font-size: 14px !important;
}

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

.home-text-area {
margin:20px 10px;
min-height:245px;
}


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

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

}


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

#FlipsterContainer {
	display:none;
}

#bottoml {float:none; width:100%; min-height:160px;}
#bottomr {float:none; width:100%; min-height:160px;}
#bright1 {float:left;}
#bright2 {float:right;}

#bleft1 {float:left; width:50%}
#bleft2 {float:right; width:45%}

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

.lib-logo {
width: 275px;
height: 69px;
background-image:url(img/Corbit-CallowayM.png);
background-repeat: no-repeat;
margin:2px 0 0 -10px;
}

#right {float:none;}
#left {float:none;}

.lib-header {height: 90px; padding:0px 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;
}

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

.home-text-area {
margin:10px 10px 5px 10px;
min-height:210px;
}

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


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

.navbar-default .navbar-nav>li>a {
color: #696969 !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;
}

.socialicons {margin:0px 0 10px 0;}

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


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

/*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-to {display:none !important;}
.s-lc-ea-tr {padding: 0 0 3px 0 !important; margin-bottom: 3px !important;}

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



/*CAPTCHA*/
@media (max-width: 480px) {
.g-recaptcha>div>div {
width:inherit !important;
position:relative;
display:block;
padding:0;
overflow:hidden;
max-width:302px;
border-right:1px solid #d3d3d3;
border-radius:4px;
box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
-webkit-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
-moz-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);
} 
.g-recaptcha iframe {
position:absolute;
top:0;
bottom:0;
left:0;
width:100%;
height:100%;
border:0;
} 
.g-recaptcha>div {
position:relative;
} 
.g-recaptcha>div:before {
content:'Loading captcha...';
position:absolute;
top:38%;
left:0;
} 
.g-recaptcha:empty:before {
content:'Something went wrong, please try refreshing your browser.';
}}