/*
Delaware City Lib 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, Delaware City Library.
*/
body { 
padding-top: 54px; 
padding-bottom: 0px; 
background-color: #fefdf4 !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: #296c97;
height: 140px;
width:100%;
background-position: left;
}

.lib-header-left {}

.lib-logo {
	background-image:url(img/dclogoweb.jpg);
	background-repeat: no-repeat;
width: 396px;
height:98px;
padding-bottom:0px;
margin-top:10px;
}

.lib-footer-bar {
height: 5px;
background-color:#dde6c7;
}

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

.footer-left p{
float:left;
color: #ffffff;
font-size: 12px !important;
padding-top: 5px;
}
.footer-right p {
float:right;
padding-top: 5px;
text-align: right;
color: #ffffff;
font-size: 12px !important;
}

.footer-right a {color:#cfdcba;}
.footer-left a {color:#cfdcba;}


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

h2.lib-subtitle {
margin-top: 0px;
color: #ed8f2e;
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: 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-subtitle-bold {
margin: 8px 0 5px 0;
font-family: 'Open Sans Condensed', sans-serif;
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-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: #377ca5;
font-weight:300;
font-family:'Open Sans Condensed', sans-serif;
margin:5px 0 0 0;
padding-bottom:5px;
padding-top:5px;
font-size: 30px;
}
h3 {
color: #377ca5;
font-weight:300;
font-family:'Open Sans Condensed', sans-serif;
margin:5px 0 0 0;
}

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;
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:#296c97;
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: #eef6e3 !important;
margin-bottom:0px;
}

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

.home-text-area {
background-color: #ffffff;
margin: 0 15px;
margin-bottom: 5px;
}


/*.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: #636464 !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: #8cad57 !important;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #8cad57 !important;
}
.navbar-nav {
margin-left: -15px !important;
}
.form-control {
border-radius: 0px !important;
}
.navbar-default .navbar-nav>.active>a {
background-color: #8cad57 !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: #8cad57 !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 ==================================*/

#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 5px 0px 0; display:inline;}

#hours {background-color:#5f4b85; width:100%; padding:10px;}
.hourstitle {color:#ffffff; font-size:1.2em;}
.hourstext {color:#ffffff;font-size:0.9em}

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

#howdoi {background-color:#9bbc66; width:100%; padding:10px;}
.howdoitext {font-size:0.9em;}
.howdoitext a {color:#ffffff;}
.howdoitext a:hover {text-decoration:underline;}
.howdoivideo {}

#announcementtext {font-size:0.8em;}


/*colors for htags*/
.green{color: #8cad57;}

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

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

#searchwrapper {border: 1px solid #bcd39e; background-color: #bcd39e; padding:0px 0; margin:30px 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 {
	background-image:url(img/dclogoweb.jpg);
	background-repeat: no-repeat;
width: 396px;
height:98px;
padding-bottom:0px;
margin-top:10px;
}

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

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

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

.home-text-area {
background-color: white;
padding:5px 5px;
margin-bottom: 5px;
}

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

}


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


#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: 120px;

}

.lib-logo {
width: 300px;
height: 74px;
background-image: url(img/dclogowebmed.jpg);
margin:10px 0 0 10px;
}

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

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


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

}


/*============= 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:-9px;
margin-top:0px;
}

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: 200px;
height: 49px;
background-image: url(img/dclogowebtab.jpg);
margin:5px 0 0 10px;
}


#FlipsterContainer {
	display:none;
}

.lib-header {height: 100px; padding:10px 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 {
height: auto;
margin-left: 15px !important;
}

.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;
}
#left {float:none !important; width:100%;}
#right {float:none !important; width:100%;}

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



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