/*
Theme Name: alleganycountylibrary
Theme URI: http://demo.com/themes/alleganycountylibrary
Author: the alleganycountylibrary team
Author URI: http://demo.com/
Description: The alleganycountylibrary theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alleganycountylibrary
*/
/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

*{margin:0; padding:0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; }
 h1{ font-size:33px; line-height:83px;font-family: 'bitterbold'; }
 h2{font-size:26px; line-height:52px; font-family: 'bitterbold'; }
 h3{font-size:26px; line-height:52px;font-family: 'bitterbold'; color:#00589a}
 h4{font-size:24px; line-height:44px; font-family: 'bitterbold';}
 h5{font-size:24px; line-height:44px;font-family: 'bitterbold'; color:#00589a}
 h6{font-size:22px; line-height:52px;font-family: 'bitterbold';}
 h7{font-size:22px; line-height:52px;font-family: 'bitterbold'; color:#00589a}
 p{ font-size:17px; line-height:24px; padding-bottom:18px; color:#000;}
 h4.heading{ font-size:33px; line-height:38px; margin-top:40px}
 ul{ padding: 0 0 0 20px}
 ol{ padding: 0 0 0 20px}
 ul li{ font-size:18px; line-height:32px}
 ol li{ font-size:18px; line-height:32px}
 ul{ list-style: disc}
 menu, ol, ul{ padding: 0 0 0 17px; margin: 0 0 50px 0}
 p a{ color:#5167d5}
 p a:hover{ text-decoration:underline}
 img, fieldset{ border:none; }
 a{ text-decoration:none; outline:none; transition:all 0.2s ease-in-out 0s ; -webkit-transition:all 0.2s ease-in-out 0s}
 :focus{outline:none;}
 body{font-size:14px; line-height:19px;-webkit-text-size-adjust: none; -webkit-font-smoothing:antialiased; transition:all 0.5s ease-in-out; background:#fff }
 img{ max-width:100%; height:auto; vertical-align: middle}
 .wrapper { max-width:1170px; margin:0 auto; }
 #main{ float:left; width:100%; overflow:hidden}

 #main_sec{ float:left; width:100%;  transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; }
 #main_sec.add{transform: translateY(60px);}
 #main_sec.add.fixed{ transform:none}
 header{ float:left; width:100%; position: absolute; z-index:9999;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; -webkit-box-shadow: 2px 9px 24px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 9px 24px 0px rgba(0,0,0,0.75);
box-shadow: 2px 9px 24px 0px rgba(0,0,0,0.75);    }
header.fixed{ position:fixed}
header .logo{  float:left ; margin:10px 0 0 0px ;/*transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;*/ width:auto; z-index:99; left:0px; width: auto; text-align:center; max-width: 300px;}

header.fixed .red_bar{ display:none}

header.fixed .logo{ width:300px; margin-top:5px}
header.fixed #menu-toggle{ margin:12px 0 0 0; background-size:100%; width:53px; height:63px; font-size:11px; position:relative; right:10px}

header.fixed .link{top:13px}
header.fixed .link li a img{ width:45px; max-width: 100%;}
header.fixed #nav_box{top:92px}

header .logo img{ position:relative; top:6px; z-index:9}
header .logo.down{ /*top:99px*/}
.top_mainsec{ float:left; width:100%; position:relative}
.top_mainsec header{ /*position:absolute;*/ left:0; padding:0 0 0 0; /*min-height:115px*/}
header a.close{ display:none}
.mobilemenu{ display:none}
.header_bottom{ float:left; width:100%; position:relative; background:#fff}
#menu-toggle{ float:right; font-family: 'copperplatebold'; background:url(images/hamburger_icon.png) no-repeat 1px 22px; background-size: 90%; width:60px; height:60px; margin: 15px 0 0 0; padding:0 0 0 0; text-align:center; font-size:13px; line-height:20px; color:#000; cursor:pointer; letter-spacing:2px; transition:none;}
#nav_box{ transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;  text-align: right; margin:0 0 0 0; background:#a3cae7; position:absolute; top:99px; width:100%; text-align:center; padding:0 0 0 0; left:0px ;opacity: 0; right:0px;

  /*  transform: translate(-50%, 90%);*/
    transition: all 0s ease 0s, all 0.4s ease 0s;
    visibility: hidden;
    z-index: 9999;}
#nav_box.intro{  opacity: 1;
   /* transform: translate(-50%, 100%);*/
    visibility: visible;
    z-index: 999;}
#nav_box .nav_col{ position:relative}
#nav_box .nav_col::before {
    border-bottom: 17px solid #a3cae7;
    border-left: 17px solid transparent;
    border-right: 19px solid transparent;
    content: "";
    height: 0;
  right:0px;
    position: absolute;
    top: -16px;
    transform: translateX(-50%);
    width: 0;
}


/* header.fixed nav{ position:fixed; left:0px; background:#936; background:#fff;  -webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.75);}*/
header.fixed nav li{ /*margin:25px 23px 0*/}
header.fixed nav li a{ padding-bottom:18px; padding-bottom:0px}
header.fixed nav li ul li{ margin:0px}
.header_details{ float:left; width:100%; position:relative ; padding:0 0 20px 0 }
header.fixed .header_bottom{ position:fixed; float:left; width:100%; background:#fff ;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75); padding-bottom:10px}
header.fixed .header_bottom .logo img{ /*width:200px*/}
header.fixed  nav{ margin:0px}
 header.fixed .header_bottom .header_details{ padding-bottom:5px}

 header.fixed nav li a::before{ top:-30px}

.red_bar{ float:left; width:100%; background:#b40000; font-size:16px; line-height:18px; position:relative; top:0px; left:0px; text-align:center; color:#ffdb94 ;font-family: 'Roboto', sans-serif; padding:12px 0 9px 0; text-transform:uppercase; z-index:9999}
.link{ float:right; width:auto; margin:0px; padding:0px; position:absolute; right:125px; top:15px; list-style:none ;font-family: 'PT Sans', sans-serif;}
.link li{ float:left; width:auto; margin-left:30px; text-align:center}
.link li a{font-size:15px; line-height:20px;  color:#4e4e4e}
.link li a:hover img{ opacity:0.7}
.link li a img {max-width: 70%;}
.link li small{font-size:13px; line-height:20px;  color:#4e4e4e; font-weight:700; display:block; text-align:center}
.search_bar{ float:left; width:36%; /*border: 2px solid #e4e4e4;*/ padding:10px 0 0; height:66px; text-align:center; margin: 13px 0 0 65px;}
#body_container{ float:left; width:100%; margin:125px 0 0 0}
#slide_container{ float:left; width:100%; height:409px; position:relative}
#slide_container.loading { background:#c7c2c2 url(images/gif-load.gif) no-repeat  center 45%; z-index: 9999; position: relative; width:100%; height:409px; background-size:50px; bottom:0px; left:0px; z-index:999999 }
#slide_container.loading h2{ display:none}
#slide_container .slider_box ul.slides{ list-style:none; margin:0px; padding:0px; height:409px ;overflow:hidden; position:relative}
#slide_container .slider_box ul.slides li{ height:409px; background-size:cover!important; background-repeat:no-repeat!important; }
#slide_container .slider_box ul.slides h2{ font-size:100px; line-height:105px; color:#ffffff ; font-family: 'corinthiaregular'; font-weight:normal}
#slide_container .slider_box ul.slides li .details{ padding:114px 0 0 66px}
.banner_container{ float:left; width:100%; background:#c7c2c2 ;}
.slider_box ol.flex-control-paging{ display:none}
.slider_box ul.flex-direction-nav{ margin:0px; padding:0px; position:absolute;top:44%; left:0px; right:0px; list-style:none}
.slider_box .flex-prev{ position:absolute; top:50%; z-index:9; left:-65px; background:url(images/left_arrow.png) no-repeat 0 0; width:28px; height:47px; font-size:0px; opacity:0.5; }
.slider_box .flex-prev:hover{ opacity:1}
.slider_box .flex-next{ position:absolute; top:50%; z-index:9; right:-65px ; background:url(images/right_arrow.png) no-repeat 0 0; width:28px; height:47px; font-size:0px;opacity:0.5; }
.slider_box .flex-next:hover{opacity:1}


.slider_box{   height:409px}
.block_container{ float:left; width:100%; padding:52px 0 40px 0}
.block_container .box{ float:left; width:31%; margin: 0 3.5% 3.3% 20px}
.block_container .box .box_details{ float:left; width:100%; position:relative; overflow:hidden}
.block_container .box .box_details img{ -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}

  .block_container .box:hover img{ -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);}


.block_container .box .box_details h3{ font-size:31px; line-height:37px; font-family: 'PT Sans', sans-serif; font-weight:700; color:#fff ;background-color:rgba(0, 0, 0, 0.3); position:absolute; left:0px; bottom:0px; width:100%; padding:19px 23px 13px 23px; text-decoration:underline}
.block_container .box .box_details:hover h3{ text-decoration:none; }
.block_container .box:nth-of-type(1n){ margin-left:0px}
.block_container .box:nth-of-type(3n){ margin-right:0px}

 header nav { }
 header nav ul{ text-align:center; list-style:none; margin:0 0 0 0; padding:0px; position:relative; z-index:9999; }
 header nav li{ position:relative; font-size:21px; line-height:26px; color:#10407a; display:inline-block; vertical-align:top;  text-transform:uppercase;   float: none; font-weight:500 ;  font-weight:700 ;font-family: 'PT Sans', sans-serif; margin: 0 25px; padding: 20px 0 20px 0}
/*  header nav li.current-menu-item::before { background: #1f8eff; top:-47px; content: ""; height: 3px; left: 0px; position: absolute; right: 0px; transition-duration: 0.2s; transition-property: left, right; transition-timing-function:ease-out; z-index:99999; color:#0661a9}
    header nav li.current-menu-ancestor::before { background: #1f8eff; top:-47px; content: ""; height: 3px; left: 0px; position: absolute; right: 0px; transition-duration: 0.2s; transition-property: left, right; transition-timing-function:ease-out; z-index:99999; color:#0f86ff}*/
  header nav li.current-menu-ancestor > a{color:#0f86ff}

 header nav li a { color:#000; display:block;  }
 header nav li a:hover{ color:#10407a;}
 header nav li.current-menu-item > a{color:#10407a;  }

  header nav li li.current-menu-item > a{color:#10407a; }
  header nav li li.current-menu-item::before{ display:none}

  header nav li .sub-menu {
    background: #78a1c0;
    bottom: 0;
    left: 75%;
    min-width: 342px;
    opacity: 0;
    padding: 30px 35px 18px 35px;
    position: absolute;
    transform: translate(-50%, 90%);
    transition: all 0s ease 0s, all 0.4s ease 0s;
    visibility: hidden;
    z-index: 9999; -webkit-box-shadow: 3px 8px 11px 0px rgba(49,50,51,1);
-moz-box-shadow: 3px 8px 11px 0px rgba(49,50,51,1);
box-shadow: 3px 8px 11px 0px rgba(49,50,51,1);
}
header nav li .sub-menu::before {
    border-bottom: 10px solid #78a1c0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    left: 14%;
    position: absolute;
    top: -10px;
    transform: translateX(-50%);
    width: 0;
}
header nav li:hover .sub-menu {
    opacity: 1;
    transform: translate(-50%, 100%);
    visibility: visible;
    z-index: 999;
}

/* header nav li a::before { background: #1f8eff; top:-47px; content: ""; height: 3px; left: 50%; position: absolute; right: 50%; transition-duration: 0.2s; transition-property: left, right; transition-timing-function:ease-out; z-index:99999; color:#0661a9}*/
/*header nav li a:hover::before{ color:#0661a9s; left:0px; right:0px;}*/


 header nav li li{ float:left; width:100%; padding-left:0px; text-align:left; line-height:26px; background:none; font-size:21px; line-height:21px; text-align:left;  padding-bottom:17px; margin:0px; font-weight:500; padding-top:0px; text-transform:none}
  header nav li li a::before{ display:none}
 header nav li li a{  color:#fff; float:left; width:100%; padding-left:10px; padding-bottom:0px}
 header nav li li.current-menu-item > a{color:#e7b81f;  }
 header nav li li:after{ display:none}
 header nav li li a:hover{color:#003677;}
 header.header_fix{ position:fixed; box-shadow: 0px 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1)}
 header.header_fix .logo{ width:200px}
 header.header_fix .header_right{ padding-left:185px}
 header.header_fix nav{padding-left:185px}


.header_top { float:left; width:100%; border-bottom: solid 1px #d5d5d5; font-size:14px; line-height:19px; font-weight:600; padding:11px 0; }
.header_top a{ color:#565656}
.header_top p{font-size:13px}
.header_top .mail{ float:right; width:auto; background:url(images/message_icon.png) no-repeat 0 center; padding: 0 0 0 25px; margin: 0 0 0 57px ;color:#e7b81f; }
.header_top .mail a:hover{color:#0f86ff}
.header_top .call{ float:right; width:auto; background:url(images/call_icon.png) no-repeat 0 center; padding: 0 0 0 25px ;color:#e7b81f }
.header_top .call a:hover{ color:#000; cursor:default}
.header_top p br{ display:none}

 /*header{ height:168px; background:url(images/inner_header_bg.jpg) no-repeat 0 0; background-size:cover}
 .home header{ height:auto}*/
 .inner_top{height:168px; background:url(images/inner_header_bg.jpg) no-repeat 0 0; background-size:cover; float:left; width:100%; border-top: solid 2px #fff}
 ul.list{ float:right; width:auto; list-style:none; margin:0px; padding:0px}
 ul.list li{ float:left; width:auto; padding-left:10px}
 ul.list li img{ float:left; -moz-box-shadow: -2px 0 15px #282828; -webkit-box-shadow: -2px 0 15px #282828; box-shadow: -2px 0 15px #282828; border-radius:50% }

 .backto_top{position:absolute; right:15px; bottom:25px;display:none; width:30px; height:30px;}
 .backto_top::after{ position:absolute; left:5px; top:10px; content:"";border:3px solid #fff; border-right:none; border-bottom:none;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg); width:20px; height:20px;}
 .inner_banner.no_banner{ background:#ff7700}


 /* .inner_container{  float:left; width:100%; margin-top:0px;  border-top: solid 2px #fff; padding-top:25px; position:relative; background: url(images/shadow.png) no-repeat center 2px; padding-bottom:30px}*/

  .inner_container.middle{ text-align:left}
  .inner_container.middle p{ text-align:left}
  .inner_container.middle h1{ }
  .inner_container  td p{ text-align:left}
 /* .inner_container ol + h4 + p { text-align:left}*/
  /* Alignment */
  .alignleft {
    display: inline;
    float: left;
    margin-right: 1em !important;
  }
  .alignright {
    display: inline;
    float: right;
    margin-left: 1em !important;
  }
  .aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  img.alignleft,  img.alignright,  img.aligncenter {
    margin-bottom: 1.625em;
  }
  table,  th,  td {
    border: none
  }
  table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.6em;
    table-layout: fixed; /* Prevents HTML tables from becoming too wide */
    width: 100%;
  }
  caption,  th,  td {
    font-weight: normal;
    text-align: left;
  }
  th {
    border-width: 0 1px 1px 0;

  }
  td {
    border-width: 0 1px 1px 0; vertical-align:top;
  }
  td  img{ width:100%; max-width:100%; vertical-align:top; margin:0px}
  th, td {
    padding: 0.4em;
  }
  th {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 21px;
  }
  td img.alignnone{ margin:0px}
  blockquote {
    /*font-style: italic;*/
    font-weight: normal;
    margin: 0 1em;
  }
  blockquote em, blockquote i, blockquote cite {
    font-style: normal;
  }
  blockquote cite {
    color: #666;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }
  blockquote:before, blockquote:after,  q:before, q:after {
    content: "";
  }
  blockquote, q {
    quotes: "" "";}
  #blogWrapper { /*width: 1170px;*/ margin: 0 auto; clear: both; padding:30px 0 0 0 }
  #blogWrapper h1{ line-height:50px}
  /* blog container */
  .patners_box{ float:left; width:100%; text-align:center; padding:20px}
  #BlogCntr { width: 100%; position: relative; overflow: hidden; margin: 0 0 0 0; padding-bottom:50px }
  /* left blog box */
  .leftBlogBox { width: 72%; float: left; padding-right:20px; border-right: 1px solid #031634; min-height:500px; text-align:left}
  .leftBlogBox h1 {}
  .single .leftBlogBox h1 { padding-bottom: 5px; text-transform: capitalize ; text-align:left}
  .single .leftBlogBox p { display: block ; text-align:left}
  .leftBlogBox ul.dateBar { list-style: none; margin: 0 0 10px 0; padding:0px}
  .single .leftBlogBox ul.dateBar { margin: 0 0 15px 0; padding-left:0px }
  .leftBlogBox ul.dateBar li { font-size: 14px; }
  .leftBlogBox ul.dateBar li strong { color: #000; }
  .leftBlogBox p { padding-bottom: 15px; display: inline }
  .leftBlogBox .postLoop { width: 100%; overflow: hidden; padding: 15px 0; margin: 0px; border-bottom: 1px solid #7b7b7b; }
  .leftBlogBox .postLoop:last-child, .leftBlogBox .postLoop:last-of-type { border-bottom: none; }
  .leftBlogBox .postLoop .image { float: left; margin: 5px 15px 5px 0; }
  .leftBlogBox .postLoop h2 { text-transform: capitalize; margin: 0px; }
  .leftBlogBox .postLoop h2 a { color: #000; text-decoration: none }
  .leftBlogBox .postLoop a.read-more { display: inline-block; /*margin-left: 5px;*/ color: #000; text-decoration: none; text-transform:capitalize  }
  .leftBlogBox .postLoop a.read-more:hover {  color:#bd0102; }
  .leftBlogBox h4.title {  font-size: 16px; font-weight: normal; padding-top: 15px; color: #000; text-transform: capitalize; }
  /* comment form */
  .leftBlogBox #commentform { width: 100%; }
  .leftBlogBox #commentform input[type="text"], .leftBlogBox #commentform input[type="email"], .leftBlogBox #commentform textarea { border: 1px solid #000; padding: 5px 10px; box-sizing: border-box; color: #000; font-size: 14px; border-radius:0px ;-webkit-appearance:none; -webkit-border-radius:0px; }
  .leftBlogBox #commentform input[type="submit"] { width: auto; padding: 5px; border: none; background: #ea0000; color: #fff; cursor: pointer }
  .leftBlogBox #commentform input[type="submit"]:hover, .leftBlogBox #commentform p.form-submit input[type="submit"]:hover { background: #c70500; }
  .leftBlogBox #commentform p.form-submit input[type="submit"] { width: auto; padding: 5px 15px; border: none; background: #ea0000; color: #fff; cursor: pointer; margin-left: 100px; }
  .leftBlogBox #respond h3 { padding-bottom: 20px; }
  .leftBlogBox #commentform input[type="text"].error, .leftBlogBox #commentform input[type="email"].error, .leftBlogBox #commentform textarea.error { border: 1px solid #f00!important }
  .leftBlogBox div.error { display: none !important }
  .leftBlogBox h3#comments, .leftBlogBox #respond h3, h2.comments-title, h3#reply-title { border-bottom: 1px solid #000; font-size: 24px; font-weight: normal; line-height: 29px; margin-bottom: 10px; padding-bottom: 10px; color: #000; }
  .leftBlogBox #comments { clear: both;  margin-bottom:10px }
  .leftBlogBox #comments h3{ text-align: left}
  .leftBlogBox #comments footer{ border:none}
  .leftBlogBox .commentlist, .leftBlogBox .comment-list { list-style: outside none none; margin-top: 10px !important; margin-bottom: 10px; }
  .leftBlogBox .commentlist li { color: #34343f; font-size: 20px; line-height: 30px; list-style: outside none none; overflow: hidden; }
  .leftBlogBox .comment-list li { color: #34343f; font-size: 20px; line-height: 20px; list-style: outside none none; overflow: hidden; }
  .leftBlogBox img.avatar { float: left;margin: 3px 10px 10px 0; width: 50px; border: 1px solid #cccccc; max-width: 100%; height: auto; display: block }
  .leftBlogBox .commentlist cite.fn, .leftBlogBox cite.fn { color: #ea0000; font-size: 16px; }
  .leftBlogBox span.says { font-size: 16px; }
  .leftBlogBox .commentlist a.url, .leftBlogBox .commentlist cite.fn, .leftBlogBox a.url, .leftBlogBox cite.fn { font-style: normal; text-decoration: none; font-size: 20px; }
  .leftBlogBox .comment-awaiting-moderation { font-size: 16px; line-height: 21px; color:#000; font-style:normal }
  .leftBlogBox .commentmetadata a { color: #000; cursor: default !important; font-size: 13px; line-height: 16px; }
  .leftBlogBox .commentlist p, .leftBlogBox .comment-list p { clear: both; font-size: 16px; line-height: 19px; }
  .comment-content p { padding-bottom: 5px; }
  #commentform p { padding-bottom: 15px !important; font-size: 17px; }
  .leftBlogBox .comment-list .comment-metadata { font-size: 16px; color: #000; }
  .leftBlogBox .comment-reply-link {  font-size: 16px; text-decoration: none; color:#000 }
  .leftBlogBox .comment-reply-link:hover { text-decoration: none; }
  #cancel-comment-reply-link { color: #000; text-decoration: none; font-size: 20px; line-height:25px }
  #cancel-comment-reply-link:hover { text-decoration: underline }
  .leftBlogBox .reply { padding: 0px 0 15px; }
  .leftBlogBox #respond { margin-top: 10px; /*overflow: hidden;*/ width: auto; padding:0px}
  .leftBlogBox #cancel-comment-reply-link:hover { color: #8494c9; text-decoration:none }
  .leftBlogBox .commentlist ul.children, .leftBlogBox .comment-list ol.children { /*margin-left: 25px;*/ /*float:left*/ }
  .leftBlogBox label.screen-reader-text { display: none }
  .leftBlogBox #searchform { width: 100%; margin: 0 auto; }
  #commentform label { float: left; width: 100px; font-size:16px; line-height:21px }
  #commentform label.error{ display:none!important}
  /* pagination */
  .leftBlogBox .wp-pagenavi { margin: 25px 0 50px 0; }
  .leftBlogBox .wp-pagenavi a, .wp-pagenavi span { font-size: 16px ;  color: #000; border: 1px solid #7b7b7b }
  .wp-pagenavi a, .wp-pagenavi span { border-color: #7b7b7b; padding:5px 10px  }
  .wp-pagenavi span.current { border-color: #8494c9 ; font-weight: normal ; color: #fff ; background:#8494c9 }
  .leftBlogBox .wp-pagenavi a:hover, .wp-pagenavi  a:hover { background:#8494c9; color:#fff ; border-color: #8494c9; }
  .wp-pagenavi span.pages:hover { border-color: #8494c9 ; }
  /* right blog box */

  .rightBlogBox { width: 26%; float: right;  /*padding-top:20px*/ }
  .rightBlogBox ul { width: auto;  padding-left:18px ;list-style:disc }
  .rightBlogBox .widget { text-align: center; margin-bottom: 25px; overflow: hidden }
  .rightBlogBox h3.widgettitle { margin-bottom: 10px; text-align: center; color: #000;  font-size: 25px;  text-align: left; text-transform: capitalize; line-height:29px; padding-bottom:0px; font-weight:normal }
  .rightBlogBox label.screen-reader-text { display: none; }
  .rightBlogBox #searchform { width: 100%; margin: 0 auto; }
  .rightBlogBox #searchform input#s { width: 65%; border: 1px solid #7b7b7b; height: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; padding: 5px; float: left; margin-right: 5px; color: #7b7b7b; }
  .rightBlogBox #searchform input#searchsubmit { width: 27%; background: #ea0000; color: #fff; border: none; height: 30px; text-transform: capitalize; font-weight: bold; cursor: pointer; float: left; }
  .rightBlogBox #searchform input#searchsubmit:hover { background: #c70505; }
  .rightBlogBox ul{ list-style:disc; margin-top:0px}
  .rightBlogBox ul li { width: 100%; text-align: left; padding: 2px 0;   color: #000; font-size: 16px; line-height: 19px;  }
  .rightBlogBox ul li a { color: #000; text-decoration: none; text-transform: capitalize; outline: none }
  .rightBlogBox ul li.current-cat a { color:#8494c9; }
  .rightBlogBox ul li a:hover { text-decoration: none;color:#8494c9; }
  .mobilesidebar { display: none; }
  .desktopsidebar { display: block }
  /* single page */
  .search-form .screen-reader-text{ display:none}
  .search-form input[type='Search'] { border-radius:0px; padding:5px; font-size:14px; line-height:19px; float:left; border: solid 1px #000; color:#000; width:62% ;-webkit-appearance:none; -webkit-border-radius:0px; }
  .search-form input[type='submit']{ float:left; background:#b9a86d ; border-radius:0px; font-size:16px; line-height:23px; border:none; color:#fff; cursor:pointer ;-webkit-appearance:none; -webkit-border-radius:0px; padding:4px 15px;margin-right:0px}
  .search-form input[type='submit']:hover{ background:#8494c9; border:none!important}


  .leftBlogBox .singleimage { width: 100%; margin-bottom: 15px; }
  .leftBlogBox .singleimage img { max-width: 100%; height: auto ; width:100%}
   @media (min-width: 768px) and (max-width:1240px) {
  #blogWrapper { width: 100%;  }
  .leftBlogBox .postLoop { padding: 15px 0; }
  }
   @media only screen and (max-width: 1023px) {
  }
   @media only screen and (max-width: 767px) {
  .leftBlogBox h1 { font-size: 25px }
  #blogWrapper { width:100%;  }
  .leftBlogBox .widget { margin-bottom: 10px; }
  .leftBlogBox { width: 100%; float: none; margin-top: 30px; }
  .rightBlogBox { width: 100%; float: none }
  .leftBlogBox .postLoop { padding: 10px 0; }
  .mobilesidebar { display: block; }
  .mobilesidebar h3.widgettitle { display: none }
  .leftBlogBox .widget { margin-bottom: 15px; overflow: hidden; }
  .leftBlogBox h1.pagetitle { padding-bottom: 15px; }
  .leftBlogBox #searchform input#s { border: 1px solid #7b7b7b; box-sizing: border-box; float: left; height: 30px; margin-right: 4px; padding: 5px; width: 200px; color: #7b7b7b; }
  .leftBlogBox #searchform input#searchsubmit { background: #ea0000 none repeat scroll 0 0; border: medium none; color: #fff; cursor: pointer; float: left; font-weight: bold; height: 30px; text-transform: capitalize; width: 76px; }
  .leftBlogBox #searchform input#searchsubmit:hover { background: #c70505; }
  .desktopsidebar { display: none; }
  .leftBlogBox #cat { padding: 4px 2px; width: 300px; margin-top: 3px; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: #fff url(images/drop_arrow.png) no-repeat 98% 7px; -webkit-appearance: none; border-radius: 0; border: 1px solid #000; float: left; width: 100%; color: #000; font-size:14px; line-height:19px; background-size:27px; max-width:100%; font-family:Arial, Helvetica, sans-serif  }
  }
  .leftBlogBox #cat option { padding: 2px 5px; font-size: 13px; color: #000; font-family:Arial, Helvetica, sans-serif }
  .leftBlogBox #cat option { padding: 2px 5px; font-size: 13px; }
  .leftBlogBox #searchform input#s { width: 200px; }
  .wp-pagenavi { margin-bottom: 50px; }
  .leftBlogBox .widget_search h3.widgettitle, .leftBlogBox .widget_categories h3.widgettitle { display: none }
  .leftBlogBox h1.pagetitle { }
  .leftBlogBox #commentform input[type="text"], .leftBlogBox #commentform input[type="email"], .leftBlogBox #commentform textarea , #commentform input[type="url"] { /*width:430px;*/ border-radius:0px; padding:7px; resize:none;  font-size:16px; line-height:21px  ;-webkit-appearance:none; -webkit-border-radius:0px;}
  .leftBlogBox h3#comments, .leftBlogBox #respond h3, h2.comments-title { line-height: 18px; font-style:normal }
  .leftBlogBox #commentform { margin-top: 30px; }
  .leftBlogBox p { padding-bottom: 20px; }
  .leftBlogBox h3#comments, .leftBlogBox #respond h3 { font-size: 18px; }
  #reply-title { font-size: 29px !important; line-height: 30px !important; }
  .leftBlogBox #commentform p.form-submit input[type="submit"] { margin-left: 0px; background:#b9a86d; color:#fff; border-radius:0px; font-size:16px; line-height:21px; margin-left:100px ;-webkit-appearance:none; -webkit-border-radius:0px; padding:8px 15px}
  .leftBlogBox #commentform p.form-submit input[type="submit"]:hover{ background:#8494c9}

  }
   @media only screen and (max-width: 666px) {
  .leftBlogBox #searchform input#s { width: 86%; }
  .leftBlogBox #searchform input#searchsubmit { width: 13%; }
  .leftBlogBox #cat { width: 100%; }
  }
   @media only screen and (max-width: 533px) {
  .leftBlogBox #searchform input#s { width: 85%; }
  }
   @media only screen and (max-width: 479px) {
  .leftBlogBox .image { width: 100%; float: none; margin-bottom: 15px; }
  .leftBlogBox .image img { width: 100%; max-width: 100%; height: auto }
  .leftBlogBox .wp-pagenavi { margin: 30px 0; }
  .leftBlogBox #searchform input#s { width: 78%; }
  .leftBlogBox #searchform input#searchsubmit { width: 20%; }
  }
   @media only screen and (max-width: 400px) {
  .alignleft, .alignnone, .alignright, .aligncenter { float: none; margin: 0 0 10px 0 !important; max-width: 100%; height: auto; display: block; clear: both }
  .wp-caption { width: 98% !important; }
  .wp-caption.alignleft, .wp-caption.alignnone, .wp-caption.lignright, .wp-caption.aligncenter { float: none; margin: 0 0 10px 0 !important; }
  .wp-caption.alignleft img, .wp-caption.alignnone img, .wp-caption.lignright img, .wp-caption.aligncenter img { max-width: 96%; height: auto; width: 96%; }
  .wp-caption img { width: 96%; }
  .wp-caption p { padding: 3px !important }
  }
  .leftBlogBox .postLoop h2 { padding-bottom: 5px; font-size: 23px; color: #000; line-height: 28px;  text-transform: capitalize;  }
  .leftBlogBox h1 {   }
  .leftBlogBox ul.dateBar { font-size: 15px;  line-height: 20px;  }
  .leftBlogBox ul.dateBar strong { }
  .leftBlogBox .postLoop h2 a { text-decoration: none; }
  .leftBlogBox .postLoop h2 a:hover{ }
  .leftBlogBox ul.dateBar strong {  }
  .leftBlogBox ul.dateBar + span { line-height: 26px; color: #f00; font-size: 16px;  }
  .leftBlogBox .postLoop { padding: 20px 0; border-bottom: 1px solid #031634; }
  .thumbs-rating-container  {   color: #fff; font-size: 16px; line-height: 24px; }
  .thumbs-rating-container .thumbs-rating-up, .thumbs-rating-container .thumbs-rating-down { padding: 8px 15px !important; margin: 0 8px 0 0; display: inline-block; vertical-align: top; float: none; }
  .thumbs-rating-container .thumbs-rating-up:hover { background: #006600; opacity: 1; color: #fff; }
  .thumbs-rating-container .thumbs-rating-down:hover { opacity: 1; background: #f00; color: #fff; }
  .thumbs-rating-container .thumbs-rating-already-voted { padding: 20px 0 0 !important; color: #060; line-height: 26px !important; font-size: 16px !important;  }
  .thumbs-rating-container .thumbs-rating-already-voted:hover { opacity: 1; color: #060; }
  .leftBlogBox ul.dateBar li { font-size: 16px; line-height: 26px; color:#000 }
  .thumbs-rating-container { padding: 0px !important; }
  #collage { margin-top: 10px; border: 1px solid #333; -webkit-appearance: none; appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; background: url(images/select-arrow.png) 94% 50% no-repeat;  color: #333; padding: 0 40px 2px 5px; height: 35px; padding: 0 10px; font-size: 14px; cursor: pointer; }
  header.page-header{ background:none;  height:auto; position:relative}

  #back-to-top{ background:url(images/back_top_arrow.png) no-repeat 0 0; width:38px; height:39px; display:block; position: absolute;  right:0px; z-index:999; top:-40px; right:0px; transition:none   }
  #back-to-top:hover{ background:url(images/back_top_arrow.png) no-repeat 0 -41px}
  .search-no-results .leftBlogBox .search-form{ display:none}
  footer.comment-meta{ background:none ; text-align:left}
  footer.comment-meta::after{ display:none;}
  footer.comment-meta .fn{ color:#000; font-size:17px}
  footer.comment-meta .fn
  .comment-list li .reply a{ color:#000}
  .comment-list li p{ padding-bottom:10px}
  h2.comments-title{ padding-bottom:17px; margin-bottom:17px}
  .inner_container p a{}
  h1.logo{ padding-top:90px; color:#fff;}
  .full_404{min-height:500px; float:left; width:100%}
  #email-notes{ font-size:21px; line-height:26px}
  .required{ color:#f00; font-size:15px; line-height:20px}
  #commentform .comment-notes{ display:none}
  #comments h3#reply-title{ border-bottom:none}
  #wowslider-container1{ border:none}
  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#000; opacity:1;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color: #000; opacity:1;
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: #000; opacity:1;
  }
  :-moz-placeholder { /* Firefox 18- */
    color: #000;opacity:1;
  }
  input[type="search"]::-webkit-search-decoration,
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-results-button,
  input[type="search"]::-webkit-search-results-decoration { display: none; }



  .search-no-results .leftBlogBox .search-form{ display:none}
  footer.comment-meta{ background:none ; text-align:left; padding:0px}
  footer.comment-meta::after{ display:none;}
  footer.comment-meta .fn{ color:#000; font-size:17px}
  footer.comment-meta .fn
  .comment-list li .reply a{ color:#000}
  .comment-list li p{ padding-bottom:10px}
  h2.comments-title{ padding-bottom:17px; margin-bottom:17px}
  .inner_container p a{}
  h1.logo{ padding-top:90px; color:#fff;}
  .full_404{min-height:500px; float:left; width:100%}
  #email-notes{ font-size:21px; line-height:26px}
  .required{ color:#f00; font-size:15px; line-height:20px}
  #commentform .comment-notes{ display:none}
  #comments h3#reply-title{ border-bottom:none}



  header.page-header::after{ background:none; border:none}
 .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"]{ max-width:100%!important; border: solid 1px #000!important;}

 .search.search-no-results.single-author .inner_page.left{ text-align:center}
 .page-id-13  .inner_page{ text-align:left}
 .error404 .inner_page{ padding-top:200px}


footer{ float:left; width:100%; position:relative;  padding:0 0; position:relative; background:#f5f5f5; border-top: solid 20px #031634 }
.footer_details{ position:relative}
.footer_right{ float:right; width:57%; border-left: solid 3px #fff; padding:40px 0 40px 14px}
.footer_right ul{ float:left; width:100%; list-style:none; margin:0px}
.footer_right .widget ul{ padding-top:40px}
.footer_right ul li{ float:left; width:33% ;font-family: 'bitterregular';}
.footer_right ul li{ font-size:19px; line-height:23px; color:#000}
.footer_right ul li a{ color:#000; text-decoration:none}
.footer_right .blank-link > a:hover{ text-decoration:none}
.footer_right ul li.current-menu-item a{ text-decoration:underline}
.footer_right ul li a:hover{ text-decoration: underline}
.footer_right ul li:nth-of-type(2){ width:33%}
.footer_right ul li:nth-of-type(3){ width:33%}
.footer_right ul li:nth-of-type(4){ width:21%}
.footer_right ul li ul{ margin:14px 0 0 0; padding:0px}
.footer_right ul li ul li{ font-size:14px; line-height:19px; margin-bottom:14px; width:100%!important}
.footer_right ul li.choose-civility {
    padding-top: 70px;
    padding-bottom: 25px;
}
.what-to-read {
    padding-top: 45px;
}
.what-to-read a img{
    padding-top: 30px;
    padding-bottom: 30px;
}
.footer_right ul li.choose-civility a {
   display: block;

  height: 200px;
  text-decoration: none !important;
  background-image: url('/wp-content/uploads/2018/06/choose-civility.png');
  background-repeat: no-repeat;
  color: transparent;
  background-position: center;

}
/* .footer_right ul li:nth-of-type(2) ul li{ font-size:19px; line-height:23px} */
.footer_right .widget ul li{ font-size:16px; line-height:21px; width:auto; margin: 0 15px 0 15px; position:relative}
.footer_right .widget ul li:after{ position:absolute; left:-17px; width:2px; height:12px; background:#616161; content:''; top:6px}
.footer_right .widget ul li:first-child{ margin-left:0px}
.footer_right .widget ul li:first-child:after{ display:none}
.footer_right .widget ul li a:hover{ text-decoration: underline}
.footer_left{ float:left; width:42.3%; padding:40px 25px 0 0; text-align:center}
.footer_left .social ul{ list-style:none; margin:0px;  width:100%; text-align:center; padding:0 0 0 10px}
.footer_left .social ul li{  float:none; display:inline-block; margin: 0 10px}
.footer_left .social ul li a i{font-size:53px; line-height:58px;}
.footer_left .social ul li:nth-of-type(1) a i{ color:#8595c1}
.footer_left .social ul li:nth-of-type(1) a:hover i{ color:#2e4b99}
.footer_left .social ul li:nth-of-type(2) a i{ color:#7ecff3}
.footer_left .social ul li:nth-of-type(2) a:hover i{ color:#4997b8}
.footer_left .social ul li:nth-of-type(3) a i{ color:#de7662}
.footer_left .social ul li:nth-of-type(3) a:hover i{ color:#b63f29}
.footer_logo{ margin:40px 0; display:inline-block}
.footer_left .widget ul{ list-style:none; margin:55px 0 0 0; padding:0px}
.footer_left .widget ul li{ font-size:14px; line-height:19px; color:#616161}
.footer_left .widget ul li a{ text-decoration:underline; color:#000}
.footer_left .widget ul li a:hover{ text-decoration:none}
.inner_container{ float:left; width:100%; padding:26px 0 100px 0}
.inner_container_books {padding:0 0 0 0 !important ;}
.inner_container_books  img {padding-top: 15px; padding-bottom: 15px; display: block; margin: auto;}
.inner_container h2{ margin-top:20px}
.table_container table {
    border: 2px solid #c2c6b8;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 15px;
    line-height: 1.5;
    width: 75%; font-family:Arial, Helvetica, sans-serif; margin-top:14px;
}
/*.table_container table {
    border: 2px solid #c2c6b8;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 16px;
    line-height: 2;
    margin: 0 auto;
    width: 850px; font-family:Arial, Helvetica, sans-serif; margin-top:70px;
}*/
.table_container table thead {
    background: #8494c9 none repeat scroll 0 0;
    color: #fff;
}
.table_container table td{ text-align:center ;border-right: solid 2px #c2c6b8; color:#5c5c5c; padding:5px}
.table_container th {
    font-weight: bold;
    text-align: center; text-transform:none; border-right: solid 2px #c2c6b8; letter-spacing:-0.5px}
.table_container tbody tr:nth-child(2n+1) {
    background: #fff none repeat scroll 0 0;
    color: #a45437;
}
.table_container tbody tr:nth-child(2n) {
    background: #edf1f3 none repeat scroll 0 0;
    color: #2d2d2d;
}
.form_container {
    float: left;
    margin: 73px 0 0 59px;
    width: 100%;
}
.form_container .row:nth-of-type(1) {
    width: 20%;
}
.form_container .row {
    display: inline-block;
    width: 33%;
}
.btn {
    font-size: 18px;
    padding: 17px 19px;
    text-transform: uppercase; background:#b9a86d; font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; border-radius:5px; letter-spacing:-0.5px;
}
.btn:hover{ background:#8494c9}

.btn2 {
    font-size: 14px;
    padding: 9px 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 8px;
    float: left;
    text-transform: uppercase; background:#b9a86d; font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; border-radius:5px; letter-spacing:-0.5px;
}
.btn2:hover{ background:#8494c9}


.form_container .row {
    display: inline-block;
    width: 33%;
}
.form_container .row label {
    color: #000;
    display: inline-block;
     font-family: 'PT Sans', sans-serif;
    font-size: 16px;
   font-weight:bold;

    line-height: 19px;
    padding: 13px 9px 0 0;
    width: auto;
}
.form_container .row input[type="text"] {
    border: 2px solid #c2c6b8;
    border-radius: 0;
    color: #414ca0;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
  background:#edf1f3;

    line-height: 21px;
    padding: 5px 10px;
    width: 228px; -webkit-appearance:none;
}
.form_container .row {
    display: inline-block;
    width: 33%;
}
.form_container .row #cat {
    -moz-appearance: none; -webkit-appearance: none;
    background: #edf1f3 url("images/select_drop.png") no-repeat scroll 96% 50%;
    border: 2px solid #c2c6b8;
    border-radius: 0px;
    color: #414ca0;
    cursor: pointer;
    display: inline-block;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;

    height: 38px;
    line-height: 21px;
    margin: 0;
    padding: 0 5px;
    width: 228px;
}
blockquote span{ text-align:right; float:right; color:#b9a86d; font-style:normal; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:19px}
blockquote{ font-family: 'bitteritalic'; font-size:14px; line-height:19px; font-style:normal }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#414ca0; opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
 color:#414ca0; opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
 color:#414ca0; opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
  color:#414ca0; opacity:1;
}
footer .search-form  input[type="submit"]{ float:right}
footer .search-form  input[type="button"].catalog{  background:#f2f2f2; border:none; border-radius:0px; color:#000; float:left; padding:12px 10px; font-size:12px; font-weight:bold; margin-right:3px ;height:36px}
footer .search-form  input[type="button"].catalog:hover{-webkit-box-shadow: inset 2px 3px 6px 0px rgba(141,141,141,1);
-moz-box-shadow: inset 2px 3px 6px 0px rgba(141,141,141,1);
box-shadow: inset 2px 3px 6px 0px rgba(141,141,141,1);}
footer .search-form  input[type="button"].site{ background:url("images/search_btn.png") no-repeat 0 0; width:37px; height:36px; font-size:0px; line-height:0px; border-radius:0px; border:none; margin-left:0px; margin-right:0px; float:right; padding:0px}
footer .search-form  input[type="button"].site:hover{background:url("images/search_btn.png") no-repeat 0 -37px}
footer .search-form  input[type="submit"]{ background:#f2f2f2; border:none; border-radius:0px; color:#000; float:left; padding:12px 11px; font-size:12px; font-weight:bold; height:36px; line-height:13px; margin-right:0px}
footer .search-form  input[type="submit"]:hover{-webkit-box-shadow: inset 2px 3px 6px 0px rgba(141,141,141,1);
-moz-box-shadow: inset 2px 3px 6px 0px rgba(141,141,141,1);
box-shadow: inset 2px 3px 6px 0px rgba(141,141,141,1); background:#fff;}





footer .search-form { background:#d1d1d0; padding:10px 10px 10px 11px; border-radius:10px; float:left; width:100%; width:100%; position:relative }
footer .search-form .col{ position:absolute; right:10px; top:10px; width:150px}
footer .search-form input[type="Search"]{ width:297px ;border:none; border-radius: 5px 0 0 5px; padding:13px 10px 10px 15px; height:44px; max-width:100%; font-style:italic}
.search_bar .search-form{ width: auto; float:none; display:flex}
.search_bar .search-form input[type="button"].catalog{  background:#f2f2f2; border:none; border-radius:0px; color:#000; float:left; padding:12px 22px; font-size:14px; font-weight:bold; margin-right:3px ;height:44px}
.search_bar .search-form input[type="button"].catalog:hover{-webkit-box-shadow: inset 2px 3px 6px 0px rgba(141,141,141,1);
-moz-box-shadow: inset 2px 3px 6px 0px rgba(141,141,141,1);
box-shadow: inset 2px 3px 6px 0px rgba(141,141,141,1); background:#cccaca}
.search_bar .search-form input[type="button"].site{  background:url("images/search_btn_top1.png") no-repeat 0 0; width:57px; height:44px; font-size:0px; line-height:0px; border:none; border-radius:0px}
.search_bar .search-form input[type="button"].site:hover{background:url("images/search_btn_top1_over.png") no-repeat 0 0px}


.search_bar .search-form input[type="submit"]{ background:#f2f2f2; border:none; border-radius:0px; color:#000; float:left; padding:12px 22px; font-size:14px; font-weight:bold; height:44px }
.search_bar .search-form input[type="submit"]:hover{-webkit-box-shadow: inset 2px 3px 6px 0px rgba(141,141,141,1);
-moz-box-shadow: inset 2px 3px 6px 0px rgba(141,141,141,1);
box-shadow: inset 2px 3px 6px 0px rgba(141,141,141,1); background:#cccaca}


.search_bar .search-form input[type="Search"]{ width:70% ;border: 2px solid #e4e4e4; border-radius: 5px 0 0 5px; padding:13px 10px 10px 5px; height:44px; font-size:16px; line-height:21px; font-style:italic}



.read{ font-weight:bold}
footer ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#000; opacity:1;
}
footer ::-moz-placeholder { /* Firefox 19+ */
 color:#000; opacity:1;
}
footer :-ms-input-placeholder { /* IE 10+ */
 color:#000; opacity:1;
}
footer :-moz-placeholder { /* Firefox 18- */
  color:#000; opacity:1;
}

img.alignright{ margin:12px 12px 5px 12px!important}

.location {
    width: 120px;
    border: 2px solid #e4e4e4;
    display: inline;
    border-radius: 2px 2px 2px 2px;
    padding: 10px 10px 10px 5px;
    height: 44px;
    font-size: 16px;
    line-height: 21px;
    font-style: italic;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(images/drop_arrow.png) no-repeat 98% 7px;
    background-position: 90% center;
    background-size: 20px;
}
.search-button {padding-top: 15px;}
.search_bar ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#000; opacity:1;}

.search_bar ::-moz-placeholder { /* Firefox 19+ */
 color:#000; opacity:1;
}
.search_bar :-ms-input-placeholder { /* IE 10+ */
 color:#000; opacity:1;
}
.search_bar :-moz-placeholder { /* Firefox 18- */
  color:#000; opacity:1;
}

.display-container {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

.book-sponsor {

}

.story-time {
    padding: 10px 10px 10px 10px;
}

.middle-books a img{
    margin: auto !important;
}

.location-hours {
    padding: 20px 20px;
}

.border-hr {
    border-color: #e9dcb0 !important;
}

ul li ul li{
    list-style-type: circle;
}

ul li ul li ul li{
    list-style-type: square;
}
header.page-header{ box-shadow:none}


 /*--------------------- MOBILE -----------------*/

@media (max-width: 1024px) {
    /* CSS that should be displayed if width is equal to or less than 1024px goes here */
    .table_container table {
        width: 100%;
    }
}

.location-hours a {
	font-size: 23px;
}