html {
  overflow-x: hidden;
  overflow-y: auto;
}

* {
  line-height: normal;
}

body {
  background-color: #fff;
  color: #333;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 21px;
  margin: 0;
  position: absolute;
  height: 100%;
  width: 100%;
}

/* Fonts */
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Black.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Bold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Medium.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Book.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #005088;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 1.1;
  text-rendering: optimizeLegibility;
}

h1 {
  font-size: 30px;
  font-weight: 800;
  margin: 0 0 0.4375em;
}

h2 {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 0.65625em;
}

h3 {
  font-size: 24px;
  font-weight: 300;
  margin: 0 0 0.80769em;
}

h4 {
  font-size: 1.25em;
  font-weight: 600;
  margin: 0 0 1.05em;
}

h5 {
  font-size: 1.25em;
  font-weight: 600;
  margin: 0 0 1.05em;
}

h6 {
  font-size: 0.875em;
  font-weight: normal;
  margin: 0 0 1.5em;
  color: #333;
}

/* Links */
a {
  color: #005088;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: bold;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

a:hover {
  color: #009f9d;
}

a:active {
  color: #009f9d;
}

/* Blockquote */
blockquote {
  font-size: 1em;
}

/* Paragraphs */
/*p {
  color: #333;
  margin: 0 0 1.3125em;
}*/
p {
  font-size: 16px;
  font-family: Arial, sans-serif;
  color: #4b4f53;
  margin: 0 0 1.3125em;
}

/* Images */
img {
  max-width: 100%;
  height: auto;
  border: 0 none;
}

hr {
  border-top: 1px solid #ddd;
  border-bottom: none;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  margin-bottom: 16px;
}

ul {
  font-size: 16px;
  font-family: Arial, sans-serif;
  color: #4b4f53;
  margin: 0 0 1.3125em;
}

ol {
  font-size: 16px;
  font-family: Arial, sans-serif;
  color: #4b4f53;
  margin: 0 0 1.3125em;
}

/* hr:after {
  border-top: 1px solid #005088;
  content: "";
  position: absolute;
  top: -1px;
  right: 30%;
  bottom: 0;
  left: 30%;
} */
#content-wrapper,
#inner-content-wrapper {
  background-color: #f3f3f3;
}

.rpl-home-list {
  width: 100%;
  height: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.rpl-home-list:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
}

.rpl-home-list-title {
  position: relative
}

/* #inner-content-bottom {
  background: url(/themes/rpl_refreshed/img/open-book-divider-light.png) no-repeat center top;
  background-color: #fff;
  height: 32px;
  margin-bottom: -32px;
} */

#content-area>.row>.col-md-3,
#content-area>.row>.col-md-9,
.content-area-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}

#content-area h2,
.content-area h2 {
  color: #005088;
  font-weight: 600;
  margin-top: 40px;
}

#content-area h1.text-center,
.content-area h1.text-center {
  margin-top: 60px;
  margin-bottom: 20px;
}

/* Header */
header {
  font-family: "Open Sans", Arial, sans-serif;
  /*background-color: #fff;*/
  padding-top: 20px;
  font-size: 14px;
  color: #333;
  line-height: 1.2;
}

#header-breadcrumbs {
  background-color: #005088;
  font-size: 15px;
  font-family: "Open Sans", Arial, sans-serif;
  color: #fff;
  font-weight: 600;
}

#header-breadcrumbs a {
  font-size: 15px;
  font-family: "Open Sans", Arial, sans-serif;
  color: #fff;
  font-weight: 600;
}

/* changed by raman */
#header-breadcrumbs .row>div {
  /* margin-bottom: -10px; */
}

#header-breadcrumbs ol {
  list-style-type: none;
  padding: 0;
}

#header-breadcrumbs ol li {
  display: inline;
  padding: 0 5px 0 0;
}

#header-breadcrumbs #block-breadcrumbs {
  display: inline-block;
  padding: 16px 0;
}

#block-pagetitle,
#block-pagetitle div,
#block-pagetitle h2 {
  display: inline-block;
  font-size: 15px;
  font-family: "Open Sans", Arial, sans-serif;
  color: #fff;
  font-weight: 600;
  margin: 0;
}

#block-pagetitle h2 {
  white-space: nowrap;
  /*overflow: hidden; */
  text-overflow: ellipsis;
  width: 550px;
}

header p {
  color: #333;
}

/* Header Top */
.header-top {
  height: 30px;
  border-bottom: 1px solid #EBEBEB;
  border-top: 2px solid #005088;
}

#header-top-links {
  margin-top: 20px;
  padding-left: 10px;
}

#header-top-links a {
  color: #333;
  padding: 0 10px;
  cursor: pointer;
  transition: none;
  font-size: 14px;
}

#header-top-links a:hover,
#header-top-links a:active,
#header-top-links a:focus {
  font-weight: bold;
  text-decoration: none;
  color: #009f9d;
}

/* Header Nav */
.header-nav {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (max-width: 48em) {
  .header-nav {
    padding-bottom: 0;
  }
}

.navbar-default {
  background: none;
  box-shadow: none;
  background-color: transparent !important;
}

.navbar-default .navbar-nav .dropdown-toggle {
  font-size: 17px;
  font-weight: 900;
  width: 100%;
  color: #005088 !important;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.open>a {
  background: none;
  box-shadow: none;
}

.nav.navbar-nav .glyphicon-chevron-down {
  margin: 4px 0 0 10px;
  color: #009f9d;
}

.navbar-header .logo {
  margin: 22px 0 0;
}

/* Sticky Header */
.sticky {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1001;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  border-top: 2px solid #005088;
}

.sticky .header-top {
  display: none;
}

/* Header Search */
/*
#block-rplsearchsearchfield {
	position: absolute;
    top: 2px;
    right: 0;
    z-index: 100;
}
*/
#header-search form {
  position: absolute;
  top: 2px;
  right: 0;
  z-index: 100;
}

#header-search {
  height: 22px;
}

#header-search input {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  width: 200px;
  height: 40px;
  padding-left: 16px;
  border: 1px solid #ddd;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
}

#header-search input:active,
#header-search input:focus {
  outline: none;
  width: 400px;
}

/*#header-search button {
	position: absolute;
	width: 39px;
	height: 39px;
	background-color: #009f9d;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	right: 0;
	top: 1px;
}

#header-search button:active, #header-search button:focus, #header-search button:hover {
	background-color: #005088;
	outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#header-search button:before {
	content: "\f002";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 6px;
    left: 11px;
}*/
#header-search-btn button {
  position: absolute;
  width: 140px;
  height: 39px;
  background-color: #009f9d;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  right: 0;
  top: 2px;
  color: #FFF;
  background-image: linear-gradient(to bottom right, transparent, rgba(38, 50, 56, .4)) !important;
  z-index: 600;
}

.header-search-box {
  width: 100%;
  /* height: 350px; */
  position: absolute;
  background: #005088;
  z-index: 599;
  display: none;
  padding-bottom: 50px;
}

/* Footer */
footer {
  font-family: "Open Sans", Arial, sans-serif;
  background-color: #005088;
}

#footer-links {
  min-height: 100px;
  padding: 0 0 60px 0;
  color: #fff;
  line-height: 1.2;
}

#footer-links h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer p,
footer a {
  color: #fff;
}

#footer-links ul {
  font-family: "Open Sans", Arial, sans-serif;
  color: #FFF;
}

#footer-links h2 {
  font-size: 24px;
  margin-top: 60px;
}

#footer-links a {
  font-weight: 600;
}

#footer-links a:hover,
#footer-links a:active,
#footer-links a:focus,
.news-block a:hover,
.blog-read-more a:hover {
  color: #00e6f0;
  text-decoration: none;
  outline: none;
  border: none;
}

#footer-links .after-link {
  position: relative;
  top: -2px;
}

#footer-links .after-link:after,
#header-breadcrumbs li:after,
.cardTitle .after-link:after,
.sidemenu span:after,
.program-details span:after,
.panel.panel-primary.digital-service-da a:after,
.news-block span:after,
.read-more span:after {
  font-family: FontAwesome;
  content: "\f105";
  color: #5c2b6a;
  padding-left: 6px;
  font-size: 16px;
  vertical-align: baseline;
  text-decoration: none;
  font-weight: 600;
}

#footer-links .after-link:after,
#header-breadcrumbs li:after {
  color: lightblue;
}


.sidemenu span:after {
  padding-left: 5px;
}

.program-details span.program-da-location:after {
  content: "";
}

/* Remove specific span:after */
span.input-group-addon:after,
span.month:after,
.menuHeader>a>span:after {
  content: "";
  padding-left: 0px;
}

.sidemenu span.backLink:after {
  font-family: FontAwesome;
  content: "\f104";
  color: #009f9d;
  padding-right: 6px;
  font-size: 14px;
  vertical-align: baseline;
  text-decoration: none;
  font-weight: 600;
}

#footer-support {
  background-color: #5E5E5E;
  padding: 20px 0;
}

#footer-bottom-links {
  color: #009f9d;
  background-color: #fff;
  width: 100%;
  padding: 30px 0;
  position: absolute;
}

#footer-bottom-links a {
  color: #005088;
  font-size: 14px;
}

#footer-bottom-links a:hover {
  color: #009f9d;
  text-decoration: none;
}

.footer-bottom-link-items {
  padding-top: 15px;
  text-align: right;
}

.footer-bottom-link-items div ul li .after-bottom-link:after {
  content: '|';
  color: #005088;
  padding: 0 10px 0 20px;
}

.footer-bottom-link-items div ul li:last-child .after-bottom-link:after {
  content: '';
  padding: 0;
}

#footer_social_media_icons h2,
#footer_social_media_icons a i,
#footer_social_media_icons a i :hover,
#footer_social_media_icons a i:active {
  color: #7c3996 !important;
}

/* Copyright */
#footer .footer-copyright {
  background: #23282d;
  padding: 20px 0;
  margin-top: 30px;
}

#footer .footer-copyright p {
  color: #b4b7ba;
  margin: 0px;
  line-height: 30px;
}

@media (max-width: 48em) {
  #footer .block {
    margin-bottom: 3em;
  }
}

/* Page Top */
.page-top {
  background-color: #171717;
  border-bottom: 3px solid #ddd;
  border-top: 3px solid #384045;
  padding: 10px 0;
  position: relative;
  text-align: left;
}

.page-top h1 {
  border-bottom: 3px solid #005088;
  color: #FFF;
  display: inline-block;
  font-weight: 200;
  margin: 0 0 -13px;
  font-size: 2.5em;
  line-height: 46px;
  padding: 0 0 6px;
  position: relative;
}

/* Content */
.content {
  margin-bottom: 35px;
  margin-top: 35px;
}

.region-after-content {
  background-color: #f5f6f8;
  padding-bottom: 35px;
  border-top: 1px solid #ddd;
}

#section1 {
  display: block;
  height: 100%;
  width: 100%;
}

.intro {
  height: 100%;
  width: 100%;
  background: url(/themes/octo/img/background.jpg) no-repeat center top fixed;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: block;
  background-attachment: fixed;
}

.overlay {
  display: block;
  position: absolute;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.section {
  position: relative;
  padding: 40px 0 40px 0;
  display: block;
}

.headline {
  display: block;
  position: absolute;
  text-align: center;
  top: 48%;
  width: 100%;
  z-index: 111;
}

.headline div.flexslider {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  display: block;
  text-align: center;
  width: 100%;
}

.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  zoom: 1;
}

.arrow-down {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 11;
  height: 60px;
  width: 70px;
  margin-left: -35px;
  background: url(/themes/octo/img/bg-arrow-down.png) no-repeat 21px 26px rgba(0, 136, 204, 0.8);
  background-size: 28px 16px;
  text-indent: -9999px;
  display: block;
}

.digital-service-card {
  border: 1px solid #aaa;
  padding: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#section1 h2 {
  color: #fff;
  margin-bottom: 4px;
  font-size: 40px;
  line-height: 48px;
  font-weight: 600;
}

#section1 p {
  color: #fff;
}

#social_media_icons a,
#social_media_icons a:hover,
#social_media_icons a:active {
  color: #000;
}

/* Vendor Overrides */
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus,
.btn.focus,
.btn:focus,
.btn:hover,
.btn.active,
.btn:active,
.btn-primary:active:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  /*background: #009f9d;*/
}

.close:focus,
.close:hover {
  color: rgba(255, 255, 255, 1);
  opacity: 1;
}

.btn.btn-link.close {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.close {
  opacity: 1 !important;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: pointer;
}

/* Content Area Margins */
#block-rplfeaturedcontentdigitalservice,
#block-rplprogramsprograms #program,
#block-rplfeaturedcontentdigitalservicelanding h2 {
  margin-top: 20px;
}

#block-rplfeaturedcontentpageinfo h1 {
  margin-top: 15px
}

#block-rplfeaturedcontentstatusfeed {
  margin-bottom: 20px;
}

/* Our Services */
#block-ourservices {
  text-align: center;
}


#block-ourservices p.block-subtitle {
  padding: 15px 0;
  font-size: 1.25em;
}

/* Our Features */
#block-ourfeatures {
  margin-top: 4em;
}

#block-ourfeatures .service {
  padding-left: 60px;
  position: relative;
  margin-bottom: 20px;
}

#block-ourfeatures .service-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 36px;
  text-align: center;
  display: block;
  border-radius: 100em;
}

.layout-sidebar-second .block {
  margin-bottom: 3em;
}

/* Post */
.post {
  margin-left: 60px;
}

.post .post-image {
  margin-left: -60px;
  margin-bottom: 15px;
}

.post .post-image img {
  max-width: 100%;
  height: auto;
}

.post .post-date {
  margin-left: -60px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  float: left;
  margin-right: 10px;
  text-align: center;
}

.post .post-date .month {
  background: #005088;
  border-radius: 0 0 2px 2px;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
  color: #fff;
  font-size: 0.9em;
  padding: 0 10px 2px;
}

.post .post-date .day {
  background: #f3f3f3;
  border-radius: 2px 2px 0 0;
  color: #005088;
  display: block;
  font-size: 16px;
  font-weight: 500;
  font-weight: 600;
  padding: 10px;
}

.post .post-content h2 {
  margin-bottom: 5px;
}

.post .post-content h2 a {
  text-decoration: none;
}

.post .post-meta {
  font-size: 0.9em;
  margin-bottom: 7px;
}

.post .post-meta>span {
  display: inline-block;
  padding-right: 8px;
}

.post .post-meta i {
  margin-right: 3px;
}

.post .post-meta ul {
  display: inline-block;
  padding: 0;
}

.post .post-meta ul li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 0;
}

.post .post-meta ul li:after {
  content: ',';
}

.post .post-meta ul li:last-child:after {
  content: none;
}

.post .post-share {
  margin: 55px 0 0 0;
  border-top: 1px solid #ddd;
  padding-top: 30px;
  padding-bottom: 30px;
}

.post .post-share h3 {
  text-transform: none;
}

.post .post-block {
  margin: 15px 0 0 0;
  padding: 20px 0 15px 0;
}

.post .post-block h3 {
  font-size: 1.8em;
  font-weight: 200;
  margin: 0 0 20px;
  text-transform: none;
}

.post .post-block h3 i {
  margin-right: 7px;
}

.post--listing {
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
  padding-bottom: 10px;
}

.post-info a:hover {
  background: none;
}

.landing h3 {
  margin-bottom: .25em;
}

.landing h4 {
  color: #808b8d;
  padding-bottom: 1em;
  border-bottom: 2px solid #EBEBEB;
}

@media (max-width: 48em) {
  .featured-image {
    margin-bottom: 2em;
  }
}

/* Contact Page */
.map {
  height: 400px;
  width: 100%;
  position: relative;
  overflow: hidden;
  transform: translateZ(0px);
  background-color: #e5e3df;
  margin-bottom: 35px;
}

.contact-intro {
  text-align: center;
  margin-bottom: 35px;
}

.contact-intro h3 {
  margin-bottom: 15px;
}

/* Search Page */
#search-tab-content .tab-content {
  border-radius: 0;
  box-shadow: none;
  background: none;
  border: none;
  border-top: 0;
  padding: 0;
}

#block-octo-content h2 {
  font-size: 2.2em;
  font-weight: 300;
  line-height: 42px;
  margin: 0 0 32px 0;
}

.search-page-form {
  margin-bottom: 2em;
}

.search-page-form label {
  font-weight: normal;
  display: block;
  margin-bottom: .5em;
}

.search-page-form .form-item {
  margin-bottom: 1em;
  display: block;
}

.search-page-form .form-submit {
  margin-left: 0;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #005088;
  border-color: #005088 #005088 #006699;
}

.search-page-form .form-submit:hover {
  color: #fff;
  border-color: #0099e6 #0099e6 #0077b3;
  background-color: #0099e6;
}

.search-page-form .search-help-link {
  display: none;
}

.search-page-form .search-advanced {
  display: none;
}

.search-results {
  padding-left: 0;
}

.search-results .search-result {
  padding-bottom: 1em;
}

.search-results .search-result h3 {
  margin-bottom: .5em;
  font-weight: normal;
}

.searchResultsFor {
  /* width: 80%; */
  font-size: 18px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 300;
}

.search-results-for-header {
  font-size: 18px;
  padding: 20px 0px 10px 0;
  line-height: 1.2;
}

.clearfloat {
  clear: both;
}

label.control-label {
  color: #4b4f53;
  font-size: 14px;
}

.pagination .current:before {
  content: "";
}

.pagination .current a,
.pagination .current a:hover {
  color: #005088;
  background-color: #fff;
  border: 2px solid #009f9d;
}

.pagination>li>a,
.pagination>li>span {
  color: #4b4f53;
  margin: auto 5px;
  background: none;
  font-weight: 600;
  min-width: 40px;
}

.pagination>li>a:hover,
.pagination>li>span:hover {
  color: #005088;
}

.search-sils-links {
  font-size: 14px;
  margin: -9px 0px 20px 0px;
}

.search-filter-seperator {
  border-bottom: 1px solid #ddd;
  margin-bottom: 2px;
  margin-top: 0px;
}

.search-sort-options label {
  display: none;
}

/* Search API */
.search-block-form form label {
  display: none;
}

.search-block-form form #edit-term {
  border: none;
  box-shadow: none;
  font-size: 20px;
  line-height: 26px;
  height: 46px;
  color: #ddd;
  outline: none;
}

.search-index h3 {
  margin-bottom: 2em;
  font-size: 24px;
}

#block-socialicons {
  float: right;
}

.button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  /* color: #333; */
  background-color: #fff;
  border-color: #ddd;
}

.button:hover {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.button--primary {
  color: #fff;
  border-color: #005088;
  background-color: #005088;
}

.button--primary:hover {
  color: #fff;
  background-color: #0099e6;
  border-color: #a1a1a1;
}

.button--xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.button--xs:hover {
  text-decoration: none;
}

.button--icon {
  display: inline-block;
  width: 30px;
  text-align: center;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #005088;
}

/* Input Checkmark */
label,
input[type="radio"],
input[type="checkbox"] {
  line-height: 2.1ex;
}

input[type="radio"],
input[type="checkbox"] {
  position: absolute;
  left: -999em;
}

input[type="radio"]+label,
input[type="checkbox"]+label {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

input[type="radio"]+label::before,
input[type="checkbox"]+label::before {
  content: "";
  display: inline-block;
  vertical-align: -25%;
  background-color: none;
  margin-right: 0.5em;
  /* EC Added */
  border: 2px solid #60b9c9;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  margin-right: 15px;
}

input[type="checkbox"]:disabled+label::before {
  border: 2px solid #D3D3D3;
}

input[type="radio"]:checked+label::before,
input[type="checkbox"]:checked+label::before {
  background-color: #fff;
}

input[type="radio"]:checked+label::before {
  background: radial-gradient(circle at center, #1062a4 .6ex, white .7ex);
}

input[type="radio"]+label::before {
  border-radius: 50%;
}

input[type="checkbox"]:checked+label::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 6px;
  background: rgba(0, 0, 0, 0);
  top: 6px !important;
  left: 5px;
  border: 3px solid #005088;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.checkbox-label.lab-active::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 6px;
  background: rgba(0, 0, 0, 0);
  top: 6px !important;
  left: 5px;
  border: 3px solid #005088;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.checkbox-label.lab-active::before {
  background-color: white;
}

/* Search Results, My Account Forms, Program cards */
.card,
form#recommendations-form,
.search-program-card {
  margin: 20px 0px;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  padding: 20px;
  min-height: 267px;
}

.search-program-card-search {
  margin: 20px 0px;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  /* padding: 20px; */
  /* min-height: 254px; */
  float: left;
}



.search-program-card .program-card-detials {
  padding: 20px;
  float: left;
  padding-bottom: 48px;
}

.search-program-card {
  height: 250px;
  position: relative;
  border-radius: 5px;
  transition: box-shadow .3s;
}

.search-program-card-search {
  /* height: 370px; */
  position: relative;
  border-radius: 5px;
  transition: box-shadow .3s;
}

.search-program-card:hover {
  box-shadow: 0 0 11px rgba(33, 33, 33, .3);
}

.search-program-card-exhibitions {
  height: 368px;
}

.search-program-card a {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.search-program-card a:hover,
.search-program-card a:active,
.search-program-card a:focus {
  color: #009f9d;
  text-decoration: none;
}

.search-program-card.cnItem {
  box-shadow: none;
}

.search-program-image.search-film-image {
  background-position-x: 50%;
  height: 249px;
  margin: -21px -25px 0 -35px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px
}

.search-film-details {
  padding-left: 30px;
}



.search-program-card-search .search-film-details {
  padding-top: 10px;
  padding-left: 10px;
}

.search-film-details-search {
  background: white;
  padding: 10px 10px 10px 10px;
}

form#recommendations-form {
  color: #4b4f53;
}

form#recommendations-form .form-checkboxes {
  padding-left: 20px;
  clear: both;
}

form#recommendations-form input[type="checkbox"]:disabled+label::before {
  border-color: #ddd;
  cursor: arrow;
}

form#recommendations-form input[type="checkbox"]:disabled+label {
  color: #ddd;
  cursor: not-allowed;
}

form#recommendations-form .form-item-make-recommendations input[type="checkbox"]+label {
  white-space: normal;
}

form#recommendations-form .form-item-make-recommendations input[type="checkbox"]+label::before {
  float: left;
  margin-bottom: 85px;
}

.form-item-make-recommendations.js-form-item-make-recommendations {
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e3e3;
}

#block-rplmyaccountsettings .form-text {
  margin-bottom: 20px;
  border-radius: 0;
  /*width: 50%;*/
}

#recommendations-form .button,
#block-rplmyaccountsettings .button {
  background-color: #4caf50;
  border: none;
  border-radius: 0;
  color: #fff;
  font-family: "Open Sans", Arial, sans-serif;
  padding: 10px 40px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#recommendations-form .button:hover,
#block-rplmyaccountsettings .button:hover {
  background-color: #3c763d;
}

#recommendations-form .button {
  margin-top: 40px;
}

#patron-image-wrapper img {
  max-height: 300px;
  width: auto;
}

#genres .btn-primary {
  color: #464a4e;
  background-color: #e7e7e7;
  border: 2px solid #e7e7e7;
  font-weight: 600;
  padding-top: 4px;
  padding-bottom: 4px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 2px;
}

#genres .btn-primary.currentGenre {
  background-color: #fff;
  color: #005088;
  border: 2px solid #009f9d;
}

.card .btn-primary {
  color: #005088;
  background-color: #fff;
  border: 2px solid #5eb8c9;
  font-weight: 600;
}

.program-details a.program-da-details,
.program-details span.program-da-location {
  border: none;
  padding: 0;
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.program-details a.program-da-details:hover {
  color: #009f9d;
  text-decoration: none;
  background: none;
  font-size: 18px;
  font-weight: 800;
  border: none;
}

.program-details span.program-da-location {
  display: inline-block;
  width: 240px;
}

h6.program-required {
  color: #d9534f;
}

h6.program-availablespots {
  color: #4b4f53;
}

.program-availablespots .fa-check {
  color: #4caf50;
  padding-right: 10px;
  font-size: 20px;
}

.program-availablespots {
  margin-bottom: 10px;
  color: #4b4f53;
}

.detail-program-result {
  font-family: "Open Sans", Arial, sans-serif;
  padding: 12px 0;
  color: #fff;
  font-weight: 400;
  margin-top: 25px;
}

.card .btn-primary {
  width: 100%;
}

.search-program-image {
  height: 171px;
  margin: -21px -20px 10px -20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px
}

.search-program-title {
  height: 30px;
  margin-bottom: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Style to display BLUE ARROW icon for long program titles */
/*.search-program-title-trim {
	font-weight: 600;
	font-size: 18px;
	height: 30px;
	margin-bottom: 25px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 198px;
}*/
.search-program-title-trim {
  font-weight: 700;
  font-size: 18px;
}

.search-program-title-two-lines {
  padding-bottom: 15px;
  height: 68px;
  line-height: 1.3;
}

.search-program-title-two-lines-auto-height {
  height: auto;
}

.search-film-title {
  max-width: 190px;
}

.search-program-title-trim-icon {
  font-size: 12px !important;
  position: absolute;
  padding: 8px 0 0 5px !important;
}

/* End */
.search-exhibit-title {
  margin-bottom: 0;
}

.book-title,
.cardTitle,
.search-program-title {
  font-weight: 600;
  font-size: 18px;
}

.book-title a,
.cardTitle a,
.search-program-title a {
  font-weight: 600;
  font-size: 18px;
}

.book-info .book-title a:after,
.search-program-title a:after {
  content: "\f054";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #5eb8c9;
  font-size: 12px;
  padding-left: 5px;
}

.book-info .book-title a:after:hover {
  text-decoration: none;
}

.book-info,
.book-info .book-author,
.book-info .book-pub-date {
  font-size: 14px;
  font-family: "Open Sans", Arial, sans-serif;
  color: #4b4f53;
  font-weight: 400;

}

.book-info .label {
  background-color: #ddd;
  color: #424242;
  border: 2px solid #424242;
  font-size: 100%;
  padding: 3px .6em;
}

.book-info .label i {
  padding-right: 5px;
}

.add-to {
  margin-top: 20px;
}

.add-to a {
  color: #005088;
  font-size: 14px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 600;
}

.add-to a:hover {
  cursor: pointer;
}

.add-to .fa-plus {
  color: #009f9d;
  font-size: 11px;
  padding-right: 3px;
}

.search-availability {
  margin-bottom: 10px;
}

.search-hold {
  margin: 10px 0;
}

.search-format {
  margin: 20px 0;
}

#search-form select {
  min-width: 254px;
}

.search-program-result {
  font-family: "Open Sans", Arial, sans-serif;
  padding: 10px 0;
  color: #fff;
  font-weight: 400;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.search-program-result-register {
  background-color: #5c7825;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.search-program-result-register:hover {
  background-color: #5c7825;
}

.search-program-result-cancelled {
  background-color: #a2271f;
}

.search-program-result-dropin {
  background-color: #4b4a4e;
}

.search-program-result-rescheduled {
  background-color: #bb9d00;
}

.search-program-result-savecal {
  background-color: #005088;
}

.search-program-result-publishedon {
  background-color: #7c3996;
}

a.search-program-link:hover {
  text-decoration: none;
}

.search-program-card .search-program-result {
  padding: 6px 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.search-program-card .fa,
.program-details-icon .fa,
.search-program-card-search .fa {
  color: #009f9d;
  padding-right: 10px;
}

.search-program-result .fas,
.detail-program-result .fas {
  color: white;
  padding-right: 10px;
}

.search-program-result .fa,
.detail-program-result .fa {
  color: #fff;
  padding-right: 10px;
}

#search-program-result-info {
  margin-top: 40px;
  /*padding-bottom: 16px;
    border-bottom: 1px solid #ddd;*/
}

.search-program-details,
.detail-text {
  font-size: 14px;
  color: #4b4f53;
}

.films-icon-text-alignment {
  display: flex;
}

.search-program-details div {
  margin: 5px 0;
}

.search-program-details .fa {
  font-size: 20px;
}

/* For overflow */
span.search-program-details-info {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 180px;
  vertical-align: bottom;
}

span.search-program-details-info.search-film-details-info {
  width: 190px;
  display: inline-block;
  white-space: normal;
}

.search-film-details .search-program-details-info {
  width: 100% !important;
}

span.search-program-details-info,
.search-program-details a {
  font-size: 14px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 600;
  color: #005088;
}

p.search-program-details-info a {
  font-size: 14px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 600;
  color: #005088;
}

p.search-program-details-info:before {
  content: "\f016";
  font-family: FontAwesome;
  margin-right: 12px;
  margin-left: 3px;
  color: #009f9d;
}

span.search-program-details-icon,
span.program-details-icon {
  display: inline-block;
  width: 30px;
  text-align: center;
  vertical-align: middle;
}

span.program-details-icon:after {
  display: none
}

.myaccount-pref-branch {
  display: inline-block;
}

.myaccount-pref-branch select {
  width: 220px;
}

/* Commnents thread */
#comments {
  margin-top: 15px;
  border-top: 1px solid #ddd;
}

#comments .comment {
  margin-bottom: 10px;
  clear: both;
  padding: 10px 0 0 115px;
}

#comments .comment .img-thumbnail {
  margin-left: -115px;
  position: absolute;
}

#comments .comment .comment-block {
  background: #f3f3f3;
  border-radius: 5px;
  padding: 20px 20px 30px;
  position: relative;
}

#comments .comment .comment-block .comment-arrow {
  border-bottom: 15px solid transparent;
  border-right: 15px solid #f3f3f3;
  border-top: 15px solid transparent;
  height: 0;
  left: -15px;
  position: absolute;
  top: 28px;
  width: 0;
}

#comments .comment .comment-block .comment-by {
  padding: 0 0 5px 0;
}

#comments .comment .comment-block .comment-by .links {
  display: inline;
}

#comments .comment .comment-block .comment-by .links li {
  text-transform: lowercase;
  display: inline;
  padding-left: 10px;
}

#comments .comment .comment-block .comment-date {
  color: #999;
  font-size: 0.9em;
}

#comments .indented {
  margin-left: 100px;
}

/* Comment form */
.comment-form .form-item {
  margin-bottom: 1em;
}

.comment-form .form-item label {
  font-weight: normal;
}

.comment-form .filter-wrapper {
  border: none;
}

.comment-form .filter-guidelines {
  display: none;
}

.form-text,
.form-email {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 0;
  display: block;
  height: 34px;
  padding: 1px 20px;
}

.form-textarea {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 4px;
  display: block;
}

/* Contact form */
.contact-form .form-item {
  margin-bottom: 1em;
}

/* Nav List */
ul.nav-list.primary>li {
  margin: 0;
  padding: 0;
}

ul.nav-list.primary>li a {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-image: url(../img/list-primary.png);
  background-position: 9px 16px;
  background-repeat: no-repeat;
  border-bottom: 1px solid #EDEDDE;
  padding: 8px 20px;
}

/* Simple Post List */
ul.simple-post-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.simple-post-list li {
  border-bottom: 1px dotted #e7e7e7;
  padding: 15px 0 30px 0;
}

ul.simple-post-list li:last-child {
  border-bottom: 0;
}

ul.simple-post-list .post-image {
  float: left;
  margin-right: 12px;
}

ul.simple-post-list .post-meta {
  color: #4b4f53;
  font-size: 0.8em;
}

.navbar-header .logo {
  float: left;
}

@media (max-width: 48em) {
  .navbar-header .logo {
    margin-left: 15px;
  }
}

.navbar-header .logo a {
  height: 14px;
  width: 132px;
  display: block;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  -ms-background-size: contain;
  background-size: contain;
}

.navbar-header .logo a img {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  vertical-align: middle;
}

@media (max-width: 48em) {
  .navbar-main {
    background: #000;
  }
}

.navbar-main .nav {
  margin-top: 12px;
  float: right;
  position: relative;
  margin-right: 36px;
}

@media (max-width: 48em) {
  .navbar-main .nav {
    background: #000;
    float: left;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
  }
}

@media (max-width: 48em) {
  .nav-pills>li {
    float: none;
  }
}

@media (max-width: 48em) {
  .nav-pills>li>a {
    border: none;
    color: #fff;
    background-color: transparent;
  }
}

.navbar-main .nav>li a:hover {
  background-color: #005088;
  color: #fff;
}

@media (max-width: 48em) {
  .navbar-main .nav>li a:hover {
    background-color: transparent;
  }
}

.navbar-main .nav>li a.is-active {
  background-color: #005088;
  color: #fff;
}

@media (max-width: 48em) {
  .navbar-main .nav>li a.is-active {
    background-color: transparent;
  }
}

.pager__items {
  clear: both;
  margin: -10px 0 20px;
  float: right;
}

.pager__items>li>a {
  border-radius: 0;
}

.pager__items>li:first-child>a {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pager__items>li:last-child>a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.pager__item {
  display: inline;
  padding: 0;
}

.pager__item a {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #ddd;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}

.pager__item.is-active a {
  font-weight: 600;
  background-color: #005088;
  color: #fff;
}

.navbar-search {
  position: absolute;
  right: 0;
  width: 100%;
  padding-right: 15px;
}

@media (max-width: 48em) {
  .navbar-search {
    display: none;
  }
}

.navbar-search .search-icons {
  position: relative;
}

.navbar-search .search-icons a {
  position: absolute;
  right: 0;
}

.navbar-search .search-icons .close-form {
  display: none;
}

.navbar-search .search-icons a i {
  cursor: pointer;
  float: right;
  width: 36px;
  height: 36px;
  line-height: 37px;
  margin-left: 20px;
  background: #f5f6f8;
  border-radius: 50%;
  text-align: center;
  margin-top: 17px;
  margin-bottom: 23px;
}

.navbar-search .search-block-form {
  position: relative;
  display: none;
}

.navbar-search form {
  position: absolute;
  right: 50px;
  top: 4px;
  width: 100%;
  z-index: 3;
}

.navbar-search .form-item {
  margin-top: .5em;
}

.navbar-search .form-control {
  border: none;
  box-shadow: none;
  font-size: 20px;
  line-height: 26px;
  height: 46px;
  color: #ddd;
}

.navbar-search .form-actions {
  display: none;
}

/* Social Icons */
ul.social-icons {
  margin: 0;
  padding: 0;
  width: auto;
}

ul.social-icons>li {
  list-style: none;
  margin-left: 1px;
  display: inline-block;
}

ul.social-icons>li>a {
  color: #808B8D;
}

ul.social-icons>li i {
  width: 34px;
  line-height: 28px;
  border-right: 1px solid #f3f3f3;
  font-size: 16px;
}

ul.social-icons>li:last-child i {
  border-right: none;
}

ul.social-icons .fa-facebook:hover {
  background: #507CBE;
  color: #fff;
}

ul.social-icons .fa-linkedin:hover {
  background: #007bb6;
  color: #fff;
}

ul.social-icons .fa-twitter:hover {
  background: #63CDF1;
  color: #fff;
}

ul.social-icons .fa-google-plus:hover {
  background: #F16261;
  color: #fff;
}

footer .social-icons {
  text-align: right;
  float: right;
}

footer .social-icons>li a {
  height: 30px;
  width: 30px;
  line-height: 30px;
  margin-left: 10px;
  color: #b4b7ba;
}

footer .social-icons>li i {
  background: transparent;
  border-radius: 4px;
  border-right: none;
}

div.tabs {
  border-radius: 4px;
  margin-bottom: 35px;
}

nav.tabs {
  margin-bottom: 1em;
}

.tabs a {
  padding: 0;
}

.nav-tabs {
  margin: 20px 0 0 0;
  font-size: 0;
  border-bottom: 1px solid #4b4f53;
}

.t-tabs .nav-tabs {
  border-bottom: 0;
}

.nav-tabs li {
  display: inline-block;
  float: none;
}

.nav-tabs li:last-child a {
  margin-right: 0;
}

.nav-tabs li a {
  border-radius: 0;
  font-size: 14px;
  margin-right: 1px;
}

.nav-tabs li a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0;
  font-weight: 400;
  color: #4b4f53;
}

.nav-tabs li a:hover {
  border-color: #eee #eee #4b4f53;
}

.nav-tabs li a:active,
.nav-tabs li a:focus {
  border-bottom: 0;
}

.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
  color: #4b4f53;
  background-color: #f3f3f3;
  border: 1px solid #4b4f53;
  border-bottom-color: transparent;
  cursor: default;
  font-weight: 400;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.tabs ul.nav-tabs a,
.tabs ul.nav-tabs a:hover {
  color: #005088;
}

.tabs ul.nav-tabs a:hover {
  border-top-color: #005088;
}

.tabs ul.nav-tabs li.active a {
  border-top-color: #005088;
  color: #005088;
}

.tab-content {
  border-radius: 0;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
  background-color: #fff;
  border: 1px solid #eee;
  border-top: 0;
  padding: 15px;
}

.tabbed-title {
  font-size: 12px;
}

/* Team Teaser view mode */
.team {
  margin-bottom: 2em;
  padding: 0 18px;
  text-align: center;
}

@media (max-width: 48em) {
  .team {
    padding: 0 32px;
  }
}

@media (min-width: 48.0625em) {
  .team {
    padding: 0 32px;
  }
}

.team .img-round {
  border-radius: 50%;
  margin: 0 auto 10px auto;
  width: 250px;
}

.team .img-round .img-border {
  border-radius: 50%;
}

.team .img-round img {
  border-radius: 50%;
}

.team .img-link {
  display: block;
  overflow: hidden;
  padding: 0;
  border: 0;
}

.team .img-border {
  display: block;
  position: relative;
  border: 4px solid #D4D4D4;
  overflow: hidden;
  -moz-transition: border-color 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out;
  -webkit-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}

.team .img-grayscale-hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease-in-out 0s;
}

.team .img-grayscale-hover img:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.team h6 {
  font-weight: 600;
  margin-bottom: .5em;
}

.team p {
  font-style: italic;
  color: #005088;
}

.team .button--icon {
  color: #005088;
  font-size: 1.125em;
}

.team .fa-facebook:hover {
  color: #507CBE;
}

.team .fa-twitter:hover {
  color: #63CDF1;
}

.team .fa-google-plus:hover {
  color: #F16261;
}

/* View - Meet the Team */
.team {
  padding-top: 3.125em;
}

.view-header {
  text-align: center;
}

.view-header h2 {
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}

.view-header p.block-subtitle {
  font-family: "Roboto Slab", serif;
  font-style: italic;
  padding: 15px 0;
  font-size: 1.25em;
  color: #4b4f53;
}

/* Local tasks */
.nav-pills {
  margin-bottom: 15px;
}

/* Status messages */
.alert {
  margin-top: 1em;
}

.rpl-alert-wrapper {
  background-color: rgba(201, 48, 44, .8);
}

.rpl-alert {
  padding: 14px 0;
  display: block;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  line-height: 1.2;
}

.rpl-alert i {
  margin-left: 15px;
  cursor: pointer;
}

/* Panels and Ads */
.panel-group {
  margin-top: 11px;
}

.panel-heading {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border: none;
  background-color: #005088 !important;
  padding: 15px;
  color: #005088;
}

.panel-title {
  font-weight: 600 !important;
  text-transform: none;
  margin-top: 0 !important;
  font-size: 18px !important;
  color: white !important;
}

.panel-title .fa-chevron-down {
  color: #009f9d;
}

.panel.panel-primary.panel-da,
.panel.panel-primary.frontpage-da,
.panel.panel-primary.digital-service-da .digital-service-da-link,
.program-da-link {
  text-align: center;
}

.panel.panel-primary.digital-service-da .panel-body {
  color: #4b4f53;
}

.panel.panel-primary.digital-service-da .panel-body.digital-service-da-link {
  margin-top: 0;
}

.panel.panel-primary.panel-da .panel-da-link,
.panel.panel-primary.digital-service-da .digital-service-da-link {
  margin: 20px 0;
}

.panel.panel-primary.frontpage-da .frontpage-da-link {
  margin: 0;
}

.panel.panel-primary.panel-da .panel-da-link a,
.panel.panel-primary.frontpage-da .frontpage-da-link a,
.panel.panel-primary.digital-service-da .digital-service-da-link a,
.panel.panel-primary.program-da .program-da-link a,
.program-details a {
  background: none;
  color: #005088;
  font-size: 16px;
  font-weight: 600;
  border: 2px solid #009f9d;
  padding: 8px 20px;
  display: inline-block;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 5px;
}

.panel.panel-primary.panel-da .panel-da-link a:hover,
.panel.panel-primary.frontpage-da .frontpage-da-link a:hover,
.panel.panel-primary.digital-service-da .digital-service-da-link a:hover,
.panel.panel-primary.program-da .program-da-link a:hover,
.program-details a:hover {
  text-decoration: none;
  background: #005088;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border: 2px solid #005088;
}

.panel-group a,
.panel-group a:hover,
.panel-group a:active,
.panel-group h4,
.panel.panel-primary.panel-da .panel-da-link a:focus,
.panel.panel-primary.frontpage-da .frontpage-da-link a:focus,
.panel.panel-primary.digital-service-da .digital-service-da-link a:focus,
.panel.panel-primary.program-da .program-da-link a:focus {
  text-decoration: none;
}

.panel.panel-primary.program-da .program-date,
.panel.panel-primary.program-da a {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: 800;
}

.panel.panel-primary.program-da .panel-body {
  /*padding-top: 0;*/
}

.panel.panel-primary.program-da .program-date {
  padding-right: 20px;
  width: 70px;
  color: #333;
  /*text-align: right;*/
  line-height: 16px;
}

.panel.panel-primary.program-da .panel-body.program-da-link.program-da-list-link {
  margin-top: -13px;
}

.panel-da img {
  max-height: 150px;
  height: auto;
  border: 0 none;
}

.panel.panel-primary .slick-arrow {
  position: relative;
  padding: 0px;
  color: #009f9d;
  margin: 0 5px;
  font-size: 45px;
  text-decoration: none;
}

.panel.panel-primary .slick-arrow.slick-prev:before {
  content: "\f053";
  font-family: FontAwesome;
}

.panel.panel-primary .slick-arrow.slick-next:before {
  content: "\f054";
  font-family: FontAwesome;
}

#da-bottom {
  margin-top: 100px;
}

.panel.panel-primary .btn:focus,
.panel.panel-primary .btn:active {
  outline: none;
  box-shadow: none;
}

.panel-body.program-da-link {
  margin-top: -10px;
}

.panel.panel-primary.digital-service-da a {
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 600;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.panel.panel-primary.digital-service-da a:hover {
  color: #009f9d;
  text-decoration: none;
}

.dag-widget-events-contatiner {
  padding: 10px 0 26px 0;
  height: 177px;
}

.dag-widget-event {
  padding: 20px 15px 0 15px;
}

.dag-bottom-block {
  margin-top: 80px;
  margin-bottom: 20px;
}

.dag-podcast-widget {
  height: 290px;
}

p.dag-podcast {
  /*padding: 2px 0;*/
  line-height: 21px;
}

.ft-bottom-block {
  margin-top: 80px;
  margin-bottom: 20px;
}

.ft-podcast-widget {
  height: 290px;
}

p.ft-podcast {
  /*padding: 15px 0;*/
  line-height: 21px;
}

/*  Program and Events */
#program .rhsContent-Header h2 {
  margin-top: 0;
  margin-left: 0;
  font-size: 30px;
  font-weight: 700;
}

/*  Program Details */
#program-details-container h2 {
  text-align: left;
  margin-top: 0;
}

#program-details-container h3 {
  text-transform: none;
  font-weight: 600;
}

#program-details-container h5 {
  color: #333;
  font-weight: 300;
  font-size: 1.5em;
  text-transform: none;
}

.program-image {
  width: auto;
  height: 260px;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: -15px -15px 30px;
  display: block;
  background-position-x: 50% !important;
}

.program-image img {
  width: 100%;
}

.program-details {
  color: #4b4f53;
  font-size: 14px;
  line-height: 16px;
}

.program-details a {
  display: inline-block;
}

.program-details h4 {
  font-size: 18px;
  font-family: "Gotham";
  color: #4b4f53;
  font-weight: 600;
  margin-bottom: -10px;
}

.program-description h4 {
  padding-top: 25px;
  font-weight: 600;
}

.program-description .detail-program-result,
.program-description .search-program-result {
  margin-top: 0;
}

.program-details .fa {
  /*color: #009f9d;
	padding-right: 20px;
    vertical-align: middle;*/
  font-size: 24px;
}

.program-details a .fa {
  color: #005088;
  padding-right: 20px;
  font-size: 24px;
  vertical-align: middle;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.program-details a:hover .fa {
  color: #fff;
}

.program-details-info {
  height: 75px;
}

.program-details-info>div,
#showmore button {
  font-size: 14px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 600;
  color: #005088;
  background: none;
  border: none;
  display: block;
  margin: 0 auto;
}

#showmore i {
  color: #009f9d;
  padding-right: 10px;
  font-size: 20px;
}

#showmore.btn:focus {
  outline: none;
}

/* Social Media */
#social-media-list .fa {
  color: #005088;
  font-size: 36px;
}

#social-media-list-header {
  margin-top: 20px;
}

#social-media-list-header .fa {
  color: #005088;
  font-size: 24px;
}

/* Twitter */
.twitter-rpl-profile-pic {
  padding: 20px;
}

.twitter-rpl-user-name {
  font-size: 18px;
  color: #005088;
  font-weight: 800;
  margin-right: 10px;
}

.twitter-rpl-screen-name {
  font-weight: 600;
  font-size: 13px;
}

.twitter-rpl-tweet {
  font-size: 18px;
  color: #005088;
  padding-top: 16px;
  padding-bottom: 32px;
  line-height: 1.2;
  min-height: 100px;
}

.twitter-rpl-tweet a {
  color: #005088;
  font-weight: 800;
}

.twitter-rpl-tweet a:hover {
  color: #005088;
}

.twitter-rpl-created {
  font-size: 14px;
  color: #999;
  z-index: -1;
}

.twitter-rpl-icons a {
  margin-left: 60px;
}

.twitter-rpl-icons i,
.twitter-rpl-icons i a:hover {
  color: #ddd;
  text-decoration: none;
  font-size: 18px;
}

.twitter-rpl-logo {}

.twitter-rpl-logo .fa-twitter {
  font-size: 36px;
  color: #1da1f2;
}

.twitter-rpl-bottom {
  margin-top: 40px;
}

#twitterSlider div:focus {
  outline: none;
}

#rlbtwitterSliderprev {
  background: none;
  color: #ddd;
  font-size: 32px;
  margin-top: -15px;
  padding-right: 30px;
}

#rlbtwitterSlidernext {
  background: none;
  color: #ddd;
  font-size: 32px;
  margin-top: -15px;
  padding-left: 30px;
}

#rlbtwitterSliderprev:active,
#rlbtwitterSlidernext:active,
#rlbtwitterSliderprev:focus,
#rlbtwitterSlidernext:focus {
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#rlbtwitterSliderprev:hover,
#rlbtwitterSlidernext:hover {
  color: #4b4f53;
}

/* Hero Area Slider */
#heroAreaSlider {
  height: 350px;
  overflow: hidden;
  width: 100%;
  visibility: hidden;
}

#heroAreaSlider h1 {
  font-size: 24px;
  color: #fff;
  line-height: 1.2;
}

.singleHeroArea h1 {
  font-size: 36px;
  color: #fff;
  line-height: 1.2;
  font-weight: 600;
}

#heroAreaSlider p,
.singleHeroArea p {
  font-size: 18px;
  color: #fff;
  line-height: 1.2;
}

#heroAreaSlider a,
.singleHeroArea a {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  border: 2px solid #fff;
  padding: 15px 40px;
  background: rgba(8, 8, 8, 0.5);
}

.singleHeroArea a {
  text-transform: none;
  display: inline-block;
}

#heroAreaSlider a:hover,
.singleHeroArea a:hover {
  text-decoration: none;
}

.singleHeroArea {
  padding: 50px 40px;
}

.singleHeroAreaImageOnly {
  height: 200px;
}

.multipleHeroArea {
  height: 350px;
  position: relative;
}

.heroAreaText {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 18px;
  color: rgb(255, 255, 255);
}

.heroAreaText h1 {
  font-size: 24px;
  font-family: "Open Sans", Arial, sans-serif;
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.multipleHeroArea>div.heroAreaText {
  visibility: hidden;
}

.multipleHeroArea.slick-active>div {
  visibility: visible;
  padding: 0 140px;
}

.heroText {
  position: absolute;
  bottom: 50px;
}

.multipleHeroArea:focus,
.heroText:focus {
  outline: none;
}

.heroLink {
  text-align: center;
  position: absolute;
  bottom: 45px;
  right: 0;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* Home Recommended Slider */
#carouselArea {
  height: 243px;
  overflow: hidden;
  margin-top: -10px;
  width: 100%;
}

#searchHomeRecommended {
  background-color: #FEFEFE;
  /* padding-top: 85px; */
  padding-bottom: 50px;
  position: relative;
  margin-top: 20px;
}

#block-rplsearchhomerecommended {
  background-color: #FEFEFE;
}

#searchHomeRecommendedButtons {
  /* position: absolute;
  top: 50px;
  left: 5px; */
  z-index: 10;
  text-align: center;
  margin: 0 0 10px;
}

#searchHomeRecommendedButtons a {
  transition: none;
}

.rplCarousel {
  /*margin-top: -35px;*/
}

.rplCarousel .carousel {
  margin-left: -10px;
  margin-right: -10px;
}

.rplCarousel .rplCarouselMiddleDiv {
  margin-right: -50px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.rplCarousel .rplCarouselButtonTop button.buttonleft {
  background-color: #009f9d;
  padding: 9px 11px 5px 10px;
  margin-right: 15px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.rplCarousel .rplCarouselButtonTop button.buttonright {
  background-color: #009f9d;
  padding: 9px 11px 5px 10px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.rplCarousel .rplCarouselButtonTop button.buttonleft:hover,
.rplCarousel .rplCarouselButtonTop button.buttonright:hover {
  outline: 0;
  box-shadow: none;
  background-color: #005088;
}

.rplCarousel .rplCarouselButtonTop button.buttonleft:active,
.rplCarousel .rplCarouselButtonTop button.buttonright:active,
.rplCarousel .rplCarouselButtonTop button.buttonleft:focus,
.rplCarousel .rplCarouselButtonTop button.buttonright:focus {
  outline: 0;
  box-shadow: none;
}

.rplCarousel .rplCarouselButtonTop button .fa-chevron-left,
.rplCarousel .rplCarouselButtonTop button .fa-chevron-right {
  color: #fff;
  font-size: 20px;
}

.rplCarouselTitle,
.digitalServicesTitle {
  margin-top: 5px;
  font-family: "Open Sans", Arial, sans-serif;
  color: #333;
  font-size: 22px;
}

.digitalServicesTitle {
  margin-top: 30px;
}

.rplCarouselNavButtonRowDivider {
  height: 40px;
  border-bottom: 1px solid #ddd;
}

.audrplCarouselTitle {
  margin-top: 0px !important;
  font-weight: lighter;
}

.digitalServicesDivider {
  height: 15px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 25px;
}

.digital-service-da img {
  width: 50px;
}

.digital-service-da .panel-body div {
  width: 100%;
  margin-left: -50px;
  padding-left: 65px;
  color: #4b4f53;
  font-size: 14px;
}

.digitalServicesMore a,
.digitalServicesAll a {
  color: #005088;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
}

.digitalServicesMore a:hover,
.digitalServicesAll a:hover {
  color: #009f9d;
  text-decoration: none;
}

.individualCarousel {
  margin-top: 40px;
  height: 260px;
}

.individualCarouselPrograms {
  height: 400px;
}

.individualCarouselPrograms .cnItem {
  height: 250px;
}

#searchHomeRecommended .list-group-item {
  padding: 0;
  margin-right: 30px
}

.list-group.list-group-horizontal {
  font-size: 18px;
  font-weight: 600;
  margin-left: 10px;
}

.list-group.list-group-horizontal .list-group-item {
  color: #4b4f53;
  display: inline-block;
  border: none;
}

.list-group.list-group-horizontal>.currentList {
  /* Temporary styling for "active" list title. Currently styled on first child */
  color: #005088;
  border-bottom: 3px solid #009f9d;
}

a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
  background-color: transparent;
}

.list-group.list-group-horizontal> :first-child {
  margin-left: 0 !important;
}

.list-group.list-group-horizontal> :last-child {
  margin-left: 0 !important;
}

/* */
.carouselButton {
  background-color: #009f9d;
  padding: 0px 7px 0px 7px;
}

.topSliderDivMarginBottom {
  margin-bottom: 8px;
}

.cnItem {
  height: 180px;
  background-size: auto 100%;
  background-position-x: 50%;
  margin: 7px 10px;
}

.book-thumb {
  text-align: center;
}

.cnItem,
.book-thumb img {
  box-shadow: 0px 0px 10px 2px #dfdfdf;
  background-repeat: no-repeat;
  width: 200px;
}

.cnItemOverlay {
  position: relative;
  color: white;
  display: inline-block;
  height: inherit;
  width: inherit;
  text-align: center;
  vertical-align: middle;
  /* Fallback for web browsers that don't support RGBa */
  background-color: #005088;
  /* RGBa with 0.6 opacity */
  background-color: rgba(0, 51, 91, 0.8);
  /* For IE 5.5 - 7*/
  filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC005088, endColorstr=#CC005088)';
  /* For IE 8*/
  -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC005088, endColorstr=#CC005088)';
  background: transparent !important;
  /* clear solid background for ie */
}

.cnItemOverlay span {
  position: absolute;
  left: 0;
  right: 0;
  top: 75px;
  font-weight: 600;
  font-size: 18px;
}

.cnItemOverlayIcon {
  line-height: inherit;
  color: #009f9d;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
}

/* Location */
.locationCarousel {
  margin-bottom: 30px;
}

#locationsHeading {
  font-size: 30px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 600;
  color: #005088;
  margin-top: 20px;
}

.locationsBox {
  background-color: #fff;
  color: #4b4f53;
  border: 1px solid #ddd;
  padding: 20px 16px;
  font-size: 14px;
  margin-bottom: 20px;
}

.locationsTitleWrapper {
  border-bottom: 1px solid #ddd;
  margin: 0 -16px 10px -16px;
  font-size: 16px;
}

.locationsTitleContent {
  padding: 0 16px 10px 16px;
}

.locationsTitleContent .glyphicon-chevron-right {
  color: #009f9d;
  font-size: 20px;
  top: -8px;
}

#content-area .locationsBox .locationsTitleWrapper .locationsTitleContent h2 {
  text-align: left;
  margin: -10px 0 10px 0;
  font-size: 24px;
  color: #005088;
  font-weight: 600;
}

#content-area .locationsBox a,
#content-area .locationsBox a:hover {
  color: #4b4f53;
  text-decoration: none;
}

.locationsDay,
.locationsHours {
  font-family: "Open Sans", Arial, sans-serif;
  color: #4b4f53;
  font-size: 14px;
}

.locationsDay {
  float: left;
}

.locationsHours {
  float: right;
  font-weight: 600;
}

@media (max-width: 415px) {
  .fullMap {
    height: 300px;
  }

  .total_fine a {
    width: 100%;
    margin-bottom: 10px;
    padding: 15px 16px !important;
  }

  .search-program-card {
    margin: 20px 10px;
  }
}

.fullMap {
  position: relative;
  padding-bottom: 25%; // (400 ? 1600 = 0.9 = 90%)
  height: 0;
  overflow: hidden;
  width: 100%;
}

.fullMap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Frontpage Featured Ads */
#frontpage-da-wrapper {
  margin-bottom: 80px;
}

#frontpage-da-wrapper1 {
  margin-top: 80px;
  margin-bottom: 80px;
}

/* Class to remove margin on Volunteer Page*/
.no-frontpage-da-wrapper {
  margin-top: -190px;
}

/* Side Menu */
#side-menu-top {
  margin-top: -17px;
  margin-bottom: 20px;
}

#side-menu-top img {
  height: 22px;
}

/*
.sidemenu {
	font-family: "Open Sans", Arial, sans-serif;
	color: #005088;
	font-weight: 600;
	font-size: 14px;
	padding: 35px 25px 16px 25px;
	margin-bottom: 2px;
	background: url(/themes/rpl_refreshed/img/open-book-light-bg.png) no-repeat center top;
	background-color: #e7e7e7;
}

.sidemenu .firstMenuHeader, .sidemenu h2 {
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 15px;
	color: #4b4f53;
	text-align: left;
	margin-top: 0;
	margin-bottom: 25px;
}

.sidemenu > ul {
	list-style: none;
    padding-left: 0;
}

.sidemenu > ul li {
	list-style: none;
}

.sidemenu > ul li ul {
	padding-left: 16px;
}

.sidemenu.sidemenucollapsable h2:hover {
	cursor: pointer;
}
*/
.sidemenu {
  color: #4b4f53;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  margin-bottom: 20px;
}

.sidemenu label {
  font-weight: 300;
}

.menuItem:first-child {
  padding-top: 35px;
  background: url(/themes/rpl_refreshed/img/open-book-light-bg.png) no-repeat center top;
  background-color: #e7e7e7;
}

.sidemenu .menuItem .menuHeader h6 {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 15px;
  color: #4b4f53;
  text-align: left;
}

.menuContent {
  padding-top: 20px;
}

/*
.menuItem:first-child>.menuContainer>.menuHeader, .menuItem:first-child>.menuContainer>.menuHeader>a {
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 15px;
	color: #4b4f53;
	text-align: left;
	/*margin-top: 0;
	margin-bottom: 25px;*/
/*}*/
/*
.menuItem:first-child>.menuContainer>.menuHeader>a>span {
	display: none;
}
*/
.menuContent>ul {
  list-style: none;
  padding-left: 0;
}

.menuContent>ul li {
  list-style: none;
  margin-bottom: 8px;
}

.menuContent>ul.list-unstyled li {
  margin-bottom: 0;
}

.menuContent>ul.list-unstyled ul {
  margin-top: 0;
}

.menuContent>ul ul {
  padding-left: 16px;
  margin-top: 8px;
}

.menuContent i.fa {
  font-size: 20px;
  padding-right: 8px;
}

.menuHeader a:hover {
  cursor: pointer;
}

.menuItem {
  padding: 16px 25px 16px 25px;
  margin-bottom: 2px;
  background-color: #e7e7e7;
}

/* .menuContainer {
	padding-bottom: 5px;
}

.menuContainer ul {
	padding-top: 16px;
}

.menuContainer ul ul {
	padding-top: 0;
	padding-left: 25px;
} */
.menuHeader {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  color: #474747;
  text-align: left;
  font-weight: 700;
}

.sidemenu a {
  font-size: 14px;
  font-weight: 500;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sidemenu a:hover {
  color: #009f9d;
  text-decoration: none;
}

.currentPage {
  color: #5c2b6a !important;
  text-decoration: none;
}

footer .currentPage {
  color: #00e6f0 !important;
  text-decoration: none;
}

.mega-menu-container .currentPage {
  color: lightblue !important;
}

.sidemenu a:active,
.sidemenu a:focus,
.sidemenu #calendarBtn:hover,
.sidemenu #daterangepickerBtn:hover {
  color: #005088;
  text-decoration: none;
}

.sidemenu #calendarBtn.btn,
.sidemenu #daterangepickerBtn.btn {
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 6px;
}

.sidemenu #calendarBtn.btn {
  margin-left: 15px;
}

.sidemenu #calendarBtn.btn[disabled],
.sidemenu #daterangepickerBtn.btn[disabled] {
  color: #005088;
  opacity: 1;
  border-bottom: 3px solid #009f9d;
}

.sidemenu .input-group-addon {
  background-color: #fff;
}

.sidemenu .input-group-addon .fa-calendar {
  color: #009f9d;
}

#calendar .next,
#calendar .prev {
  color: #009f9d;
  font-size: 24px;
  padding-bottom: 10px;
}

#calendar .active.day,
.datepicker table tr td.active.day,
#calendar .active.day:hover,
.datepicker table tr td.active.day:hover {
  background: none;
  background-color: #005088;
}

.datepicker table {
  font-family: "Open Sans", Arial, sans-serif;
}

/* Dropdown Menus */
.dropdown-wrapper,
.searchDropdown {
  margin: 20px 30px 20px 0;
  position: relative;
}

#field-selector:after,
.dropdown-wrapper:after,
.searchDropdown:after {
  box-sizing: border-box;
  color: #009f9d;
  content: "\f0dc";
  font-family: FontAwesome;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 15px;
  text-align: center;
  bottom: -40px;
  z-index: 1;
}

.rpl-search-form-mobile {
  margin: 53px 30%;
}

.rpl-search-form-mobile .searchDropdown {
  /* margin: 20px 0px 20px 20px; */
  width: 45%;
  float: left;
}

.search-sort-options,
.myaccount-pref-branch {
  margin-top: -14px;
}

#search-form .search-sort-options select,
.myaccount-pref-branch select {
  min-width: 220px;
}

.search-sort-options:after,
.myaccount-pref-branch:after {
  bottom: -15px;
}

.dropdown-wrapper-modal:after {
  right: 35px;
  bottom: -10px;
}

.branch-popup .dropdown-wrapper:after {
  right: 15px;
  bottom: -10px;
}

.filter-header {
  width: 100%;
  background: #005088;
  padding: 15px;
  color: #fff;
  display: none;
}

.filter-container {
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  height: 135px;
}

.advanced-search-links {
  font-size: 14px;
  padding-top: 12px;
  text-align: end;
}

.filter-container-with-branch-selector {
  height: 275px;
}

.filter-container .searchDropdown {
  margin: 20px;
  position: relative;
}

.filter-container .searchDropdown select {
  min-width: 220px !important;
}

.programs-filter-header {
  width: 100%;
  background: #005088;
  padding: 15px !important;
  color: #fff;
  display: none;
}

.programs-filter-container {
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  height: 155px;
}

.programs-filter-container .searchDropdown {
  margin: 20px;
  position: relative;
}

.programs-filter-container .searchDropdown select {
  min-width: 220px !important;
}

/* #age-filter-container {
  display: none;
} */

.event-filter-button {
  margin: 47px 20px;
}

.event-filter-button button {
  padding: 10px 25px;
}

.search-terms-container {
  /* margin: 20px 0 20px 20px; */
}

.search-submit-container {
  /* width: 100%; */
  /* margin: 0 20px; */
  float: right;
}

.selected-filters {
  margin: 20px 0;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 18px;
}

/* Spacers */
.content-bottom-spacer {
  margin-bottom: 25px;
}

.content-left-spacer {
  margin-left: 10px;
}

/* Custom CSS */
ul#my_acccount.dropdown-menu li {
  border-bottom: 1px solid black;
}

.dropdown-menu.mega-dropdown-menu.row {
  background-color: #005088;
}

.dropdown-menu.mega-dropdown-menu.row:before {
  border-bottom: 15px solid #005088;
}

.dropdown-menu.mega-dropdown-menu.row .dropdown-header-sub {
  color: lightblue;
}

.menuContent i {
  color: #005088 !important;
}

.dropdown-menu.mega-dropdown-menu.row .dropdown-header,
.dropdown-menu.mega-dropdown-menu.row a {
  color: #fff;
  font-weight: 600;
  word-wrap: break-word;
  white-space: normal;
}

.dropdown-menu.mega-dropdown-menu.row a:hover {
  text-decoration: none;
  color: #00e6f0;
}

.dropdown-menu.mega-dropdown-menu.row a:focus,
.dropdown-menu.mega-dropdown-menu.row a:active {
  outline: none;
  text-decoration: none;
}

.mega-dropdown>ul {
  width: 100vw;
  position: absolute;
  margin-left: calc(-50vw + 50%);
}

.slick-prev::before,
.slick-next::before {
  color: blue;
}

.profileImage {
  width: 32px;
  height: 32px;
  display: inline-block;
  background-size: cover;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  vertical-align: middle;
  /*margin: 0 0 5px 7px;*/
}

/*========== Styles2.css ==========

	Table of Contents
		s2 - Recommended Lists
		s2 - My Account
		s2 - My Account top menu
		s2 - Navbar
		s2 - Mobile Menu
		s2 - Mobile My Account menu
		s2 - Audience page
		s2 - Locations page

*/
/* s2 - Recommended Lists */
.rec-div {
  margin-bottom: 20px;
}

.rplRecommendedCarousel {
  /*border: #ddd 1px solid;*/
  background: white;
}

.rplRecommendedCarouselWrapper {
  height: 155px
}

.rplRecommendedCarousel .cnItem {
  height: 155px
}

.technical-error {
  padding-top: 71px;
  text-align: center;
  font-weight: 600;
  color: #005088;
  background-color: #e7e7e7;
  margin-top: 41px;
  font-size: 18px;
  height: 180px !Important;
}

.rplRecommendedCarousel .cnItemOverlay span {
  top: 62px;
}

.rplRecommendedCarousel .cnItemOverlayIcon {
  top: 50px;
}

.rplRecommendedCarousel div .col-xs-10 {
  margin-left: 40px
}

.reco-title {
  background: #005088;
  padding: 5px;
  text-align: center;
  color: white;
  /* font-weight: bold; */
}

.reco-title>button {
  color: white;
  padding: 0px;
  border: none;
  margin-right: 20px;
}

.reco-title>button:hover,
.reco-title>button:active,
.reco-title>button:focus {
  background: none;
  border: none;
  outline: 0;
  box-shadow: none;
}

.reco-title>button i.fa.fa-expand {
  color: white;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.reco-title>button i.fa.fa-expand:hover {
  color: rgba(255, 255, 255, 1) !important;
}

.reco-genere {
  padding: 15px;
  text-align: center;
  font-weight: bold;
  color: #005088;
  background-color: white;
}

.rplCarouselLeftButtonDiv,
.rplCarouselRightButtonDiv {
  width: 50px;
  text-align: center;
  margin-top: 60px;
}

.rplCarouselLeftButtonDiv button,
.rplCarouselRightButtonDiv button {
  background: none;
  color: #ddd;
  font-size: 40px;
  padding: 0;
  z-index: 2;
  position: relative;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.rplCarouselLeftButtonDiv button {
  margin-left: 10px;
}

#carouselModalBody .rplCarouselLeftButtonDiv button {
  margin-left: -5px;
}

#carouselModalBody .rplCarouselRightButtonDiv button {
  margin-right: -5px;
}

.rplCarouselRightButtonDiv button {
  margin-right: 10px;
}

.rplCarouselMiddleDiv {
  width: 100%;
  padding-left: 50px;
  margin-right: -50px;
  padding-right: 50px;
  z-index: 1;
}

.recommendedListDiv>div {
  background-color: white;
}

.recommendedListDiv .reco-description {
  height: 95px;
}

.left-rec {
  /*position: absolute;*/
  margin-top: 50%
}

.left-rec button {
  background: none;
  color: #009f9d;
  font-size: 40px;
}

.right-rec {
  /*position: absolute;*/
  margin-top: 50%;
  right: 0;
}

.right-rec button {
  background: none;
  color: #009f9d;
  font-size: 40px;
}

/* s2 - My Account */
.menuContent #my_account_side_menu li {
  color: #005088;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 600;
}

.content_title h2 {
  text-align: left !important;
  margin-top: 0 !important;
}

.sort_area {
  text-align: right;
}

#readinglist {
  margin-top: 20px;
}

#readinglist .fa.fa-calendar-o.my-icons {
  color: #4b4f53;
}

.reading_list_block {
  padding: 24px;
  border: #ddd 1px solid;
  margin-bottom: 15px;
  background: white;
}

.list_image img {
  width: 100px;
  height: 150px;
}

.list_data {
  width: 400px;
  margin-left: 30px;
}

.item_title {
  font-size: 18px;
  color: #005088;
  font-weight: bold;
  line-height: 1;
}

.authored_by {
  font-size: 14px;
  color: #4b4f53;
  line-height: 1.2;
  margin-top: 16px;
}

.published_by {
  font-size: 14px;
  color: #4b4f53;
  line-height: 1.2;
}

.authored_by .author_name {
  color: #005088;
  font-weight: bold;
}

.media_type {
  margin-top: 16px;
}

.media_type span {
  padding: 0px 10px 0px 10px;
  background: #ddd;
  border: 2px #858585 solid;
  border-radius: 3px;
  -moz-border-radius: 3px
}

.list_renew {
  /*width: 300px;
	margin-left: 30px;*/
}

.my-icons {
  margin-right: 7px;
}

.due_date {
  color: #4b4f53;
  font-size: 14px;
  font-weight: 600;
  font-family: Gotham, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.branch-popup {
  width: 430px;
}

.holdStatus {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #d9534f;
}

.holdStatus3,
.holdStatus4 {
  color: brown;
}

.holdStatus1 {
  color: #FF6600;
}

.holdStatus5 {
  color: #009f9d;
}

.holdStatus6 {
  color: green;
}

.holdStatus7,
.holdStatus8,
.holdStatus9,
.holdStatus16 {
  color: #D9534F;
}

.renew_button form input[type=submit] {
  border: none;
  background: none;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 14px;
  color: #4caf50;
  font-weight: bold;
  line-height: 1.2;
}

.delete_button form input[type=submit] {
  border: none;
  background: none;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 14px;
  color: #d9534f;
  font-weight: bold;
  line-height: 1.2;
  outline: 0;
}

.renew_button form {
  display: inline;
}

.renew_button {
  margin-top: 20px;
}

.delete_button form {
  display: inline;
}

.delete_button_margin {
  margin-top: 20px;
}

.delete_button i {
  color: #d9534f;
}

.renew_button i {
  color: #4caf50;
}

.myaccount-listfilter {
  float: right;
}

.myaccount-listfilter,
.form-select,
.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  display: block;
  width: 100%;
  height: 40px;
  margin: 5px 0px;
  padding: 0px 15px;
  font-size: 16px;
  line-height: 1.75;
  color: #4b4f53;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ddd;
  -ms-word-break: normal;
  word-break: normal;
  border-radius: 5px;
}

.myaccount-listfilter:focus,
.form-select:focus {
  outline: none;
}

#myaccount_list_wrapper {
  position: relative;
  /*Don't really need this just for demo styling*/
  float: left;
  min-width: 200px;
}

#myaccount_list_wrapper:after {
  box-sizing: border-box;
  color: #009f9d;
  content: "\f0dc";
  font-family: FontAwesome;
  height: 100%;
  padding: 21px 8px;
  pointer-events: none;
  position: absolute;
  right: 8px;
  text-align: center;
  top: -6px;
  z-index: 1;
}

.red {
  color: #d9534f;
  font-size: 14px;
  font-weight: bold;
}

.black {
  color: black;
  font-size: 14px;
  font-weight: bold;
}

.total_fine {
  margin-right: 30px;
  margin-top: 15px;
}

.remove_all_button form input[type=submit] {
  margin-left: 30px;
  background: #d9534f;
  padding: 10px;
  height: 40px;
  margin-top: 5px;
  color: white;
  border: none;
  text-decoration: none;
  display: inline-block;
  border-radius: 0px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.remove_all_button form input[type=submit]:hover {
  background-color: #b12820;
}

.remove_all_button {
  margin-right: 10px;
}

.renew_all_button form input[type=submit] {
  margin-left: 30px;
  background: #4caf50;
  padding: 10px;
  height: 40px;
  margin-top: 5px;
  color: white;
  border: none;
  text-decoration: none;
  display: inline-block;
  border-radius: 0px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.renew_all_button form input[type=submit]:hover {
  background-color: #3c763d;
}

.my-icon {
  font-size: 123px !important;
  color: #005088;
}

/* s2 - My Account top menu */
#my_account_triangle {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #005088;
  border-right: 15px solid transparent;
  position: absolute;
  right: 0px;
  top: -15px;
}

#my_account_triangle:after {
  content: '';
  width: 0;
  height: 0;
  /*border-left: 14px solid transparent;
    border-bottom: 14px solid white;*/
  border-right: 14px solid transparent;
  position: absolute;
  right: -14px;
  top: 2px;
}

.myaccountMenu {
  min-width: 443px;
}

.myaccountMenu a {
  color: #005088;
  font-weight: 600;
}

.myaccountMenu a:hover,
.rpl-patronlogoutform input[type=submit]:hover {
  text-decoration: none;
  color: #009f9d;
}

.myaccountMenu li .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.myaccountMenu li {
  padding: 10px 11px;
  border-bottom: 1px solid #ddd;
  color: #4b4f53;
  font-size: 14px;
}

#ma5myaccountmenu .myaccountMenu input[type=text],
#ma5myaccountmenu .myaccountMenu input[type=password] {
  color: #4b4f53;
}

#my_account li:first-child {
  padding: 0px;
}

.myAccountlifirst {
  /*padding: 10px 10px 10px 0;*/
}

.myAccountlisecond {
  border-left: 1px solid #ddd;
  padding-left: 7px;
  text-align: left;
}

.dropdown-menu {
  padding: 0px !important;
}

i.fa.fa-cog.pull-left.account_menu_icon {
  margin-top: -3px;
  margin-right: -3px;
}

.rpl-patronlogoutform input[type=submit] {
  border: none;
  background: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 16px;
  /* color: #005088; */
  font-weight: bold;
  line-height: 1.2;
  font-size: 14px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-transform: uppercase;
  margin-bottom: 1px;
}

.account_menu_icon {
  position: relative;
  margin-right: 5px;
  font-size: 23px !important;
  width: 18px;
  color: #009f9d;
}

.cardExpire {
  /* color: #005088 !important; */
  font-weight: bold;
  font-size: 12px !important;
}

.myAccountDropButton {
  border: none;
  background: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  font-size: 16px;
  color: #005088;
  font-weight: 700;
  margin-top: 13px;
}

.iconDropdown:before {
  content: "\f078";
  font-family: FontAwesome;
  position: relative;
  padding: 0px;
  color: #009f9d;
  margin-left: 2px;
  font-size: 12px;
  text-decoration: none;
}

.myAccountDropButton:hover {
  background: none;
  color: #005088;
}

.open>.myAccountDropButton {
  background: none !Important;
  color: #009f9d !important;
}

.myAccountDropButton:focus,
.myAccountDropButton:active {
  background: none !Important;
  color: #005088 !important;
  border: none !important;
}

#my_account {
  margin: 20px 0px 0px -272px;
}

#my_account_login {
  margin: 30px 0px 0px -174px;
}

.myAccount_login {
  min-width: 228px;
  padding: 10px;
}

.myAccount_login li {
  border: none;
}

.rpl-patronloginform div {
  margin-bottom: 10px;
}

.rpl-patronloginform input[type=submit] {
  background: #005088;
  color: white;
}

.rpl-patronloginform input[type=submit]:hover {
  background: #009f9d;
}

#myAccountWelcome {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 108px;
  vertical-align: middle;
}

.dropdown:focus,
.btn.btn-primary.dropdown-toggle.myAccountDropButton:focus {
  outline: none;
  box-shadow: none;
}

/* s2 - Navbar */
.mega-menu-container {
  width: 90%;
}

.recommended-list-menu-item {
  padding-top: 10px;
}

.first-nav {
  margin-left: 20px;
  font-size: 17px;
}

.dropdown-header,
.dropdown-menu>li>a {
  padding: 8px 0px;
}

.dropdown-menu.mega-dropdown-menu .item-list ul li {
  /*line-height: 1.875;*/
  line-height: 1.87;
}

.list-unstyled i {
  color: white;
  margin-right: 10px;
  font-size: 18px;
  text-align: center;
  width: 18px;

}

.mega-dropdown-menu .dropdown-header-sub {
  font-style: normal !important;
  list-style-type: none;
  padding-bottom: 5px;
  border-bottom: 1px solid cadetblue;
}

/*.mega-menu-col-2 {
	width: 20%;
}*/
.mega-menu-col-5 {
  width: 55%;
}

.my-menu-padding {
  padding: 20px 0px;
  border-right: 1px solid #265173;
  min-height: 360px;
}

/*.my-menu-padding-rest {
  padding: 20px 40px;
  min-height: 360px;
  line-height: 1.87;
}*/
.my-menu-padding-rest {
  padding: 20px 10px;
  min-height: 360px;
  line-height: 1.87;
  border-right: 1px solid cadetblue;
}

.my-menu-padding-last {
  padding: 20px 10px;
  min-height: 360px;
  line-height: 1.87;
}

.my-attend-menu-padding-rest {
  padding: 0px 20px;
  margin: 0 0 20px 0;
  min-height: 360px;
  line-height: 1.87;
  border-right: 1px solid cadetblue;
}

.my-attend-menu-padding-last {
  padding: 0px 20px;
  margin: 0px 0px 20px 0px;
  min-height: 360px;
  line-height: 1.87;
}

.learn-col-1 {
  width: 36%;
}

.learn-col-2 {
  width: 42%;
}

.learn-col-3 {
  width: 22%;
}

/*.my-menu-padding-learn {
  padding: 20px 0px;
  min-height: 360px;
}*/
.my-menu-padding-learn {
  padding: 0px 20px;
  margin: 0px 0px 20px 0px;
  min-height: 360px;
  line-height: 1.87;
  border-right: cadetblue 1px solid;
}

.my-menu-padding-learn-last {
  padding: 0px 20px;
  margin: 0px 0px 20px 0px;
  min-height: 360px;
  line-height: 1.87;
}

.mega-dropdown-menu {
  padding: 0px !important;
  min-height: 360px;
}

/*.small-border-div {
  position: absolute;
  height: 83%;
  padding-right: 40px;
  border-right: 1px solid #265173;
}*/
.small-border-div {
  position: absolute;
  height: 83%;
  margin-left: 415px;
}

/*.explore-type-mega-menu {
  position: absolute;
  height: 83%;
  margin-left: 175px;
  width: 65%; 
}*/
.explore-type-mega-menu {
  position: relative;
  height: 83%;
  margin-left: 44.5%;
  width: 52.5%;
}

.explore-type-list {
  margin-top: 60px;
}

/*.small-border-div-2 {
  height: 83%;
  width: 445px;
  padding-right: 47px;
  border-right: 1px solid #265173;
  position: absolute;
}*/
.small-border-div-2 {
  height: 83%;
  width: 395px;
  padding-right: 20px;
  border-right: 1px solid #265173;
  position: absolute;
}

/*.explore-audience-mega-menu {
  height: 83%;
  width: 25%;
  padding-right: 20px;
  border-right: 1px solid #265173;
  position: absolute;
}*/
.explore-audience-mega-menu {
  height: 83%;
  width: 43%;
  padding-right: 10px;
  border-right: 1px solid cadetblue;
  position: absolute;
}

.drop-down-last {
  line-height: 1.87;
}

.learn-menu-padding li {
  /*margin-right: 60px;*/
}

/* s2 - Mobile Menu */
.ma5-menu-active .fa-bars:before {
  content: "\f00d";
}

.ma5-menu-mobile {
  visibility: hidden;
  display: none;
}

.menu-mobile-button {
  visibility: hidden;
  display: none;
}

.mobile-bottom-bar {
  visibility: hidden;
  display: none;
}

/*.ma5-mobile-menu-container {
visibility: hidden;
display: none;
}*/
.ma5-mobile-menu-container a {
  color: white;
}

.ma5-btn-enter {
  color: #009f9d !important;
}

.main_item_mobile {
  font-weight: bold;
}

.li_border {
  border-bottom: 1px solid #009f9d;
}

#block-views-block-duplicate-of-mega-menu-catalogue-view-mobile-block div li {
  padding-left: 30px;
}

@media screen and (max-width: 480px) {
  .ma5-menu-mobile {
    visibility: visible;
    display: block;
  }

  .rplCarouselMiddleDiv {
    padding: 0px;
  }

  .films-alignment-main {
    height: 64px;
  }

  .menu-mobile-button {
    visibility: visible;
    display: block;
  }

  .ma5-mobile-menu-container {
    visibility: visible;
    display: block;
  }

  .programs-modal {
    width: 100% !important;
    padding-right: 22px;
  }

  .videocontainer {
    width: 100%;
  }

  .dms-prog-details {
    margin-top: 30px !important;
  }

  .hero-mob-add {
    display: block !important;
    height: 300px;
  }

  #RPLAudienceList {
    height: auto !important;
  }

  #heroAreaSlider h1 {
    font-size: 19px !important;
    margin: 0px !important;
    padding: 0px !important;
  }

  .heroText {
    bottom: 51px !important;
  }

  .barcod {
    display: block !important;
  }

  .herobutton {
    text-align: center;
  }

  .program-description iframe {
    width: 100% !important;
  }

  #program-details-container {
    padding-right: 5px;
    padding-left: 5px;
  }

  .inner-wrapper-popup .individualCarousel {
    padding: 0px !important;
  }

  .search-program-image.search-film-image {
    margin: -21px -37px 0 -33px;
  }

  /* Catalog Carousel for Mobile Views */
  #carouselModal .rplCarouselMiddleDiv {
    margin: 0px !important;
    padding-left: 14% !important;
    padding-right: 0px !important;
  }

  .digital-list {
    -webkit-column-count: 2 !important;
    -moz-column-count: 2 !important;
    column-count: 2 !important;
  }

  /* End */
  /* wills
  .guide-all-check{
    float:none !important;
  }
  .check_all_div{
    margin-left: 0px !important;
  } */
  .guide_main_div .col-md-12 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .dfcontent {
    width: 100% !important;
  }

  .book-info,
  .book-info .book-author,
  .book-info .book-pub-date {
    text-align: center;
  }

}

#carouselModal {
  padding: 0px !important;
}

#carouselModal .modal-body {
  padding: 15px 0px !important;
}

#carouselModal .rplCarouselMiddleDiv {
  padding-left: 5.25% !important;
  margin-right: 0px !important;
  padding-right: 0px !important;
}

.mobile-menu-icon {
  display: inline !important;
  position: relative;
  margin-top: 4px;
  /*padding-left: 20px; */
  color: #009f9d;
  float: left;
}

.ma5-menu-panel a {
  padding-left: 55px !important;
}

.ma5-menu-panel li {
  font-size: 19px !important;
}

#mobilefilterbutton .fa-sliders {
  padding-right: 10px;
}

/* s2 - Mobile My Account menu */
.ma5-menu-panel li {
  padding-right: 0 !important;
}

#ma5myaccountmenu .myaccountMenu a {
  padding-left: 0 !important;
}

#ma5myaccountmenu .myaccountMenu .myAccountlifirst {
  padding-left: 0;
}

#ma5myaccountmenu .myaccountMenu .myAccountlifirst a {
  padding-top: 2px;
  padding-right: 0;
  margin-left: -10px;
  width: auto;
}

#ma5myaccountmenu .myaccountMenu .cardExpire,
#ma5myaccountmenu .myaccountMenu .rpl-patronlogoutform input[type=submit],
#ma5myaccountmenu .myaccountMenu li,
.ma5-menu-panel .ma5-leave-bar {
  color: #fff !important;
}

.ma5-menu-panel .ma5-leave-bar {
  padding-right: 100px !important;
  font-weight: 700;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 18px !important;
}

/* s2 - Audience page */
#block-rplfeaturedcontentaudiencecontent {
  border: #ddd 1px solid;
  padding: 0 20px 20px 20px;
  background: white;
}

.question_block>div {
  border: #ddd 1px solid;
  width: 100%;
  background: white;
  float: left;
}

.audienece_content_row h3 {
  color: #005088;
  font-weight: 800;
}

.audienece_content_row a {
  color: #005088;
  font-weight: bold;
  text-decoration: none;
}

#block-rplfeaturedcontentaudiencecontent a:after {
  /*content: "\f054";*/
  font-family: FontAwesome;
  position: relative;
  padding: 0px;
  color: #009f9d;
  margin-left: 5px;
  font-size: 12px;
  text-decoration: none;
}

.myCustomLHS a {
  font-size: 14px;
  font-weight: 500;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-bottom: 8px;
}

.myCustomLHS a:hover {
  color: #009f9d;
  text-decoration: none;
}

.myCustomLHS a:after {
  content: "\f054";
  font-family: FontAwesome;
  position: relative;
  padding: 0px;
  color: #009f9d;
  margin-left: 5px;
  text-decoration: none;
}

#block-rplfeaturedcontentpagecontact {
  float: left;
  width: 100%;
  border-bottom: 1px solid #ddd;
}

.questions_div {
  padding: 20px;
  color: #4b4f53;
}

.questions_div p {
  color: #4b4f53;
}

.contact_name {
  font-weight: bold;
  font-size: 18px;
}

.dep_name {
  font-size: 14px;
}

.contact_email {
  font-size: 16px;
  color: #005088 !important;
  font-weight: bold;
}

.contact_email i {
  color: #009f9d;
  margin-right: 10px;
  font-size: 18px;
  text-align: center;
  width: 20px;
}

.contact_email:after {
  content: "\f054";
  font-family: FontAwesome;
  position: relative;
  padding: 0px;
  color: #009f9d;
  margin-left: 5px;
  font-size: 12px;
  text-decoration: none;
}

.contact_phone {
  font-size: 16px;
  color: #005088;
  font-weight: 600;
}

.contact_phone i {
  color: #009f9d;
  margin-right: 10px;
  font-size: 27px;
  text-align: center;
  width: 20px;
}

.contact_phone:after {
  content: "\f054";
  font-family: FontAwesome;
  position: relative;
  padding: 0px;
  color: #009f9d;
  margin-left: 5px;
  font-size: 12px;
  text-decoration: none;
}

.questions_image img {
  padding: 5px 10px 0px 10px;
}

#block-rplfeaturedcontentqa div .slick-next:before {
  content: "\f054";
  font-family: FontAwesome;
  position: relative;
  padding: 0px;
  color: #009f9d;
  margin-left: 5px;
  font-size: 45px;
  text-decoration: none;
}

#block-rplfeaturedcontentqa div .slick-next {
  height: auto;
  width: auto;
}

#block-rplfeaturedcontentqa div .slick-prev {
  height: auto;
  width: auto;
}

#block-rplfeaturedcontentqa div .slick-prev:before {
  content: "\f053";
  font-family: FontAwesome;
  position: relative;
  padding: 0px;
  color: #009f9d;
  margin-left: 5px;
  font-size: 45px;
  text-decoration: none;
}

.questionAndAnswerMain {
  /*padding: 0px 30px;*/
  padding: 0px 3px;
}

.faq_question {
  font-size: 16px;
  font-weight: bold;
  color: #005088;
  margin-bottom: 5px;
  margin-top: 15px;
}

.faq_question a:hover {
  text-decoration: none;
}

.faq_question a:active,
.faq_question a:focus {
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

.faq_answer {
  color: #4b4f53;
}

.audience_extras_row {
  padding-right: 0px;
  margin-top: 20px;
}

.panel.panel-primary.program-da.program-da-audience .program-da-details {
  width: auto !important;
}

.panel.panel-primary.program-da.program-da-audience .panel-body.program-da-link {
  margin-top: -20px;
}

/* s2 - Locations page */
/*.attend-menu-padding {
  border-right: 1px solid #265173;
  padding-right: 34px;
  position: absolute;
  height: 305px;
  min-width: 233px;
}*/
.attand-menu-header-padding {
  padding: 25px 0 0 0;
}

/*.learn-menu-padding {
  position: absolute;
  width: 100%;
  height: 359px;
}*/
.learn-menu-padding {
  width: 100%;
  margin: 0;
  padding: 25px 0 0 0;
}

/*.learn-div {
  position: relative;
  border-right: #265173 1px solid;
  margin-right: 13px;
  height: 300px;
  line-height: 1.87;
}*/
#block-rpllocationslibraryhours .locationBox,
#block-rpllocationsfacilitiesblock .locationBox,
#block-rpllocationslocationfeature .locationBox,
#block-rplfeaturedcontentqa,
#block-rplsearchaudiencerecommendedlists .locationBox {
  background: white;
  color: #4b4f53;
  margin-bottom: 20px;
  min-height: 205px;
}

#block-rpllocationslibraryhours .locationBox .locationsTitleWrapper,
#block-rpllocationsfacilitiesblock .locationBox .locationsTitleWrapper,
#block-rpllocationslocationfeature .locationBox .locationsTitleWrapper,
#block-rplfeaturedcontentqa .locationBox .locationsTitleWrapper,
#block-rplsearchaudiencerecommendedlists .locationBox .locationsTitleWrapper {
  margin: 0px;
  background: #005088;
}

#block-rplfeaturedcontentqa .locationBox .location_wrapper {
  padding: 30px;
}

#block-rpllocationslibraryhours .locationBox .locationsTitleWrapper .locationsTitleContent,
#block-rpllocationsfacilitiesblock .locationBox .locationsTitleWrapper .locationsTitleContent,
#block-rpllocationslocationfeature .locationBox .locationsTitleWrapper .locationsTitleContent,
#block-rplfeaturedcontentqa .locationBox .locationsTitleWrapper .locationsTitleContent,
#block-rplsearchaudiencerecommendedlists .locationBox .locationsTitleWrapper .locationsTitleContent {
  text-align: center;
  padding: 5px;
  color: white;
  font-weight: bold;
}

.location_wrapper {
  padding: 15px;
}

.current_day {
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 5px;
}

.current:before {
  content: "\f0da";
  font-family: FontAwesome;
  position: relative;
  padding: 0px;
  color: #009f9d;
}

.facilitiesList li {
  list-style-type: none;
}

.facilitiesList {
  padding: 0px;
  border-bottom: 1px #ddd solid;
  padding-bottom: 10px;
}

.featureList li {
  list-style-type: none;
}

.featureList {
  padding: 0px;
  padding-bottom: 10px;
}

.bus_icon {
  float: left;
  margin-top: 3px;
  padding: 10px;
}

.bus_icon:before {
  content: "\f207";
  font-family: FontAwesome;
  position: relative;
  padding: 0px;
  color: #009f9d;
  font-size: 26px;
  padding: 5px;
}

.gm-style img {
  width: 150px;
  float: left;
  margin-right: 10px;
}

.gm-style-iw {
  top: 11px !important;
}

.locationDetailMap {
  min-width: 311px;
}

.locationDetailMap span a {
  font-weight: bold;
  font-size: 16px;
  color: #005088;
}

.map_icon_detail:before {
  content: "\f10b";
  font-family: FontAwesome;
  position: absolute;
  padding: 0px;
  color: #009f9d;
  font-size: 28px;
  text-decoration: none;
}

.map_phone {
  margin-left: 17px;
}

.map_phone:after {
  content: "\f054";
  font-family: FontAwesome;
  position: relative;
  padding: 0px;
  color: #009f9d;
  margin-left: 5px;
  font-size: 12px;
  text-decoration: none;
}

.map_location_name:after {
  content: "\f054";
  font-family: FontAwesome;
  position: relative;
  padding: 0px;
  color: #009f9d;
  margin-left: 5px;
  font-size: 12px;
  text-decoration: none;
}

.map_location_name {
  margin-bottom: 10px;
}

.locationBox img {
  width: 100%;
}

.address_details {
  color: #4b4f53;
  font-size: 16px;
}

.locationBox a {
  color: #005088;
  font-weight: bold;
}

.icon-loc:before {
  content: "\f054";
  font-family: FontAwesome;
  position: relative;
  padding: 0px;
  color: #009f9d;
  margin-left: 5px;
  font-size: 12px;
  text-decoration: none;
}

/*========== styles_nick.css ==========*/
.modal {
  overflow-y: auto;
}

.sidemenucollapsable ul {
  display: none;
}

.sidemenucollapsablecurrent ul {
  display: block;
}

.rplHomeExhibitList a {
  height: 180px;
  width: 100%;
}

.rplFullWidthPanelBody {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.rplHomeFilmList a {
  height: 180px;
  width: 30%;
  margin-left: 5%;
  display: block;
  background-size: cover;
  float: left;
}

.rplHomeFilmList a:first-child {
  margin-left: 0%;
}

.rplHomeExhibitList a {
  height: 180px;
  width: 100%;
  display: block;
  background-size: cover;
}

.rplHomeFilmList,
.rplHomeExhibitList {
  margin-bottom: 15px;
}

#programsTop {
  margin-top: 20px;
}

#programsTop .singleHeroDetailsPanel {
  height: 263px;
}

#programsTop .singleHeroDetailsPanel a,
#showmore.btn.btn-link {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#programsTop .singleHeroDetailsPanel a:hover,
#showmore.btn.btn-link:hover {
  color: #009f9d;
}

#showmore.btn.btn-link:hover {
  color: #009f9d;
  text-decoration: none;
}

#programsTop .singleHeroDetailsPanel a:active,
#programsTop .singleHeroDetailsPanel a:focus,
#showmore.btn.btn-link:active,
#showmore.btn.btn-link:focus {
  outline: none;
  box-shadow: none;
}

#showmore.btn.btn-link:active,
#showmore.btn.btn-link:focus {
  text-decoration: none;
}

#programDetailsTop {
  margin-top: 20px;
}

.digital-service-wrapper:nth-child(1n+14) {
  display: none;
}

div.cover {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

div.cover div {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  overflow: hidden;
}

div.cover div img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
  overflow-x: hidden;
}

.nav.navbar-nav .glyphicon-chevron-down {
  top: 3px;
}

/*========== styles_seang.css ==========

	Table of Contents
		ss - RPL Home Page
		ss - RPL Search - Recommended Lists
		ss - RPL Programs
		ss - RPL Search Results Website
		ss - RPL Audience List
		ss - rpl-featured-content-question-and-answer

*/
/* ss - RPL Home Page */
/* For "At the library..." */
/*
#RPLProgramsHomeList {
	height: 380px;
	overflow: hidden;
}
*/
#RPLProgramsHomeList .panel-body {
  text-overflow: ellipsis;
}

/*  ss - RPL Search - Recommended Lists http://dev.reginalibrary.ca/recommended-lists */
.recommendedListInfo {
  background-color: white;
  text-align: center;
  font-family: "Open Sans", Arial, sans-serif;
  color: #005088;
  font-weight: bold;
  font-size: 14px;
  padding: 16px 25px;
}

.recommendedListInfo i {
  color: #009f9d;
  padding-left: 5px;
  padding-right: 5px;
}

a i {
  color: #009f9d;
}

#carouselModalBody .slick-arrow {
  margin-top: 50%;
  background: none;
  color: #ddd;
  font-size: 40px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#carouselModalBody .slick-arrow:hover {
  color: #4b4f53;
}

/* from styles_2.css */
.reco-description {
  background-color: white;
  padding: 15px 60px;
  font-size: 14px;
  color: #4b4f53;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#carouselModalDescription.reco-description {
  text-align: center;
}

/* ss - RPL Programs http://dev.reginalibrary.ca/rplft/browse-films */
.filmCardLHS>.cardImage {
  height: 200px;
}

.rhsContent-Footer {
  text-align: center;
}

.programItem.col-md-4 {
  margin: 0px;
  padding: 0px;
}

.programCard {
  margin: 5px;
  background: white;
}

.programCard i {
  color: #009f9d;
}

.filmCardLHS.col-xs-4 {
  padding: 0px;
}

.programCard .cardTitle,
.programCard .cardTime,
.programCard .cardTag,
.programCard .cardLocation {
  padding-top: 15px;
  padding-bottom: 15px;
}

.programCard i {
  padding-right: 10px;
}

.DAGProgramCardTop .cardImage {
  height: 100px;
}

.DAGProgramCardBottom {
  padding: 10px;
}

#startdateDiv,
#enddateDiv {
  margin: 5px 0px;
}

#startdate.form-control,
#enddate.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  width: 240px;
  /* max-width: 225px; */
  margin: 0px;
  height: 40px;
  font-size: 16px;
  line-height: 1.75;
  color: #4b4f53;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ddd;
  -ms-word-break: normal;
  word-break: normal;
}

/* ss - RPL Search Results Website */
.catalog-scroll {
  overscroll-behavior: auto;
}

/*.catalog-scroll iframe {
	height: 100% !important;
}*/

#search-tab-content .tab-content>.tab-pane>.pull-right {
  padding-top: 20px;
  color: gray;
}

#search-tab-content .tab-content>.tab-pane>.searchResultsFor {
  padding-top: 50px;
  padding-bottom: 10px;
}

#search-tab-content .tab-content>.tab-pane>.clearfix {
  padding-top: 50px;
  margin-bottom: 10px;
  border-bottom: gray;
  border-bottom-style: solid;
  border-bottom-color: gray;
  border-bottom-width: 2px;
}

#search-tab-content .tab-content>.tab-pane>.panel-group>.panel.panel-default>.panel-body a:after {
  content: "\f054";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #5eb8c9;
  font-size: 12px;
  padding-left: 5px;
}

#search-tab-content .tab-content>.tab-pane>.panel-group>.panel {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* ss - RPL Audience List */
#RPLAudienceList {
  height: 380px;
  /*overflow: hidden;*/
}

/* ss - rpl-featured-content-question-and-answer */
#qaaprev,
#qaanext {
  margin-top: 50%;
}

#sliderQuestionAndAnswer {
  height: 100%;
}

/*============================== Bootstrap responsive ==============================*/
/* Large devices (1200px and up) Used to increase container width */
@media (min-width: 1200px) {

  /*.container {
    width: 1200px;
}*/
  .films-alignment-main {
    height: 86px;
  }
}

/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
  form#recommendations-form .form-item-make-recommendations input[type="checkbox"]+label::before {
    margin-bottom: 40px;
  }

  .program-details a.program-da-details {
    width: 290px;
  }

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  form#recommendations-form .form-item-make-recommendations input[type="checkbox"]+label::before {
    margin-bottom: 20px;
  }

  .program-details a.program-da-details {
    width: auto;
  }

  .fullMap iframe {
    width: 300px;
    height: 200px;
  }

  .myaccountsettings-re {
    padding: 0px 0px 0px 0px;
  }


}

@media only screen and (min-width : 768px) and (max-width:1000px) {
  .programs-modal {
    width: 100% !important;
    padding-right: 10px;
    padding-left: 10px;
  }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  form#recommendations-form .form-checkboxes>div {
    width: 50%;
    display: inline-block;
  }

  form#recommendations-form .form-checkboxes>div:nth-child(2n+1) {
    width: 25%;
  }

  form#recommendations-form .form-item-make-recommendations input[type="checkbox"]+label::before {
    margin-bottom: 0;
  }

  .program-details a.program-da-details {
    width: 140px;
  }

  .fullMap iframe {
    width: 390px;
    height: 240px;
  }

  #block-rplprogramslocation .panel.panel-primary.program-da .program-date {
    text-align: left;
  }

  #block-rplsearchrecommendedlists .row {
    padding: 20px
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1201px) {
  .program-details a.program-da-details {
    width: 200px;
  }

  .fullMap iframe {
    width: 390px;
    height: 240px;
  }
}

/* Google Pixel 2 XL*/
@media (max-height: 823px) and (max-width: 411px) {

  /* CSS stuff */
  /*.page-container {
    margin-top: 19%;
  }*/
  .overlays {
    height: 92%;
  }
}

/* Samsung Galaxy S9/S9+ */
@media (max-height: 740px) and (max-width: 360px) {

  /* CSS stuff */
  /*.page-container {
    margin-top: 22%;
  }*/
  .overlays {
    height: 91%;
  }
}

/* iPhone 6/7/8 Plus */
@media (max-height: 736px) and (max-width: 414px) {

  /* CSS stuff */
  /*.page-container {
    margin-top: 19%;
  }*/
  .overlays {
    height: 91%;
  }

  .search-program-card-films {
    width: 355px !important;
    margin: 17px -6px !important;
  }
}

/* Google Pixel 2 */
@media (max-height: 731px) and (max-width: 411px) {

  /* CSS stuff */
  /*.page-container {
    margin-top: 19%;
  }*/
  .overlays {
    height: 91%;
  }
}

/* Google Pixel 2L */
@media (max-height: 823px) and (max-width: 411px) {

  /* CSS stuff */
  /*.page-container {
    margin-top: 19%;
  }*/
  .overlays {
    height: 91%;
  }

  .search-program-card-films {
    width: 351px !important;
    margin: 17px -6px !important;
  }
}

@media (max-height: 1024px) and (max-width: 768px) {

  /* CSS stuff */
  .container {
    width: 100%;
  }

  .search-program-card-films {
    width: 327px !important;
    margin: 17px 5px !important;
  }

  #panel-group-programs .search-program-card-films {
    width: 100% !important
  }

  .news-block-homepage {
    height: 212px !important;
  }
}

/* iPhone 6/7/8 */
@media (max-height: 667px) and (max-width: 375px) {

  /* CSS stuff */
  .overlays {
    height: 90%;
  }

  .search-program-card-films {
    width: 314px !important;
    margin: 17px -6px !important;
  }
}

/* iPhone X */
@media (max-height: 812px) and (max-width: 375px) {

  /* CSS stuff */
  .overlays {
    height: 90%;
  }

  .search-program-card-films {
    width: 325px !important;
    margin: 17px -6px !important;
  }
}

/* iPhone 5/SE */
@media (max-height: 568px) and (max-width: 320px) {

  /* CSS stuff */
  .overlays {
    height: 90%;
  }

  .search-program-card-films {
    width: 264px !important;
    margin: 17px -6px !important;
  }

  .barcode-code {
    margin-top: 43% !Important;
    margin-left: -83px !important;
  }
}

/*==========  Non-Mobile First Method  ==========*/
@media only screen and (max-width : 1366px) {
  #carouselModal .modal-dialog {
    width: 100% !important;
  }

  #carouselModal .modal-dialog {
    margin: 10px 0px !important;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
  #header-top-links {
    -webkit-transform: translate(-92%, 150%);
    -moz-transform: translate(-92%, 150%);
    -o-transform: translate(-92%, 150%);
    -ms-transform: translate(-92%, 150%);
    transform: translate(-92%, 150%);
    margin-left: -13px;
  }

  .myAccountDropButton {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }

  header {
    height: 117px;
  }

  #header-search {
    margin-top: -35px;
  }

  #header-search form {
    margin-top: -13px;
  }

  .multipleHeroArea.slick-active>div {
    padding: 0px 70px;
  }

  .dropdown-menu.mega-dropdown-menu.row {
    margin-top: -16px;
  }

  li.my-menu-padding-rest {
    padding: 20px 0px;
  }

  li.my-menu-padding-rest li.dropdown-header {
    padding: 0px 20px;
  }

  div.small-border-div,
  div.small-border-div-2 {
    padding: 0px 20px;
  }

  div.small-border-div-3 {
    position: absolute;
    height: 83%;
    padding-left: 75px;
  }

  #my_account {
    margin: -10px 0px 0px -170px;
  }

  .bio-text-wrapper {
    width: 22% !important;
    float: left !important;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .list-group.list-group-horizontal {
    font-size: 16px;
  }

  #program .rhsContent-Header h2 {
    margin-top: 30px;
  }

  #program .menuItem:first-child {
    background-image: none;
  }

  .navbar-header {
    width: 100%;
  }

  .navbar-toggle {
    display: none !important;
  }

  .navbar-header .logo a img {
    top: 0;
  }

  a.ma5-toggle-menu.menu-mobile-button {
    display: block;
    visibility: visible;
    position: absolute;
    /*float: right;*/
    font-size: 40px;
    padding: 0px 0px 0px 0px;
    /*margin: -17px 15px; 0px 0px;*/
    top: 13px;
    right: 30px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
  }

  a.myaccount-icon.menu-mobile-button {
    display: block;
    visibility: visible;
    position: absolute;
    /*float: right;*/
    font-size: 40px;
    padding: 0px 0px 0px 0px;
    /*margin: -17px 15px; 0px 0px;*/
    top: 13px;
    right: 30px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
  }

  header {
    height: 80px;
  }

  #header-search form {
    position: absolute;
    top: 33px;
    right: 110px;
  }

  #header-search input {
    width: 39px;
  }

  #header-search input:active,
  #header-search input:focus {
    width: 175px;
  }

  .btn.btn-primary.ma5-toggle-menu.menu-mobile-button:active {
    background: none;
    outline: none;
    box-shadow: none;
    border: 1px solid transparent;
  }


  .btn.btn-primary.myaccount-icon.menu-mobile-button:active {
    background: none;
    outline: none;
    box-shadow: none;
    border: 1px solid transparent;
  }

  .footer-bottom-link-items {
    display: block;
    text-align: left;
  }

  .footer-bottom-link-items div ul li {
    display: block;
  }

  .footer-bottom-link-items div ul li .after-bottom-link:after {
    content: '';
  }

  span.search-program-details-info {
    width: 210px;
  }

  /*#carouselModalprograms .modal-content {
			width: 89.2%;
		}*/
  .search-program-card-popup {
    width: 48% !important;
  }

  .program-image {
    height: 80px;
  }

  span.search-program-details-info {
    display: inline-block;
  }

  .fixed-position-loader {
    top: 70% !important;
    /*width: 89.2% !important;*/
    height: 25% !important;
  }


}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
  .cat-icons {
    display: block;

  }

  .search-ori {
    font-size: 36px;

  }

  .search-ori-cat {
    font-size: 33px;

  }

  .searchResultsFor {
    padding-top: 12px;
  }

  #catalogue-results-count {
    display: none;
  }

  .search-program-card-search .search-program-image.search-film-image {
    width: 112px;
  }

  .program-search-desc {
    display: none !important;
  }

  .search-program-detials-list {
    width: 100% !important;
    border-right: 0px !important;
  }

  .search-program-card .program-card-detials {
    width: 100% !important;
    float: left !important;
    border: none !important;
  }

  #catalogue-results-count .searchDropdown {
    top: 20px !important;
    float: none !important;
  }

  #catalogue-results-count .searchDropdown:after {
    bottom: -12px !important;
  }

  #catalogue-results-count {
    float: none !important;
  }

  .search-ft-cards .search-program-card {
    /* height: 556px !important; */
  }

  .search-ft-cards .search-program-card .col-xs-4 {
    width: 100% !important;
  }

  .search-ft-cards .search-program-card .col-xs-4 .search-film-image {
    background-size: auto !important;
    background-repeat: no-repeat !important;
  }

  .search-ft-cards .search-program-card .col-xs-8 {
    width: 100% !important;
    /* padding-left: 0px !important;
    padding-right: 0px !important; */
    padding-top: 10px;
  }

  /*.mobile-bottom-bar {
    visibility: visible;
    display: block;
  }*/
  /*#carouselModalprograms .modal-content {
			width: 84.3%;
		}*/
  .search-program-card-popup {
    width: 48.9% !important;
  }

  .onmobile {
    display: block !important;
  }

  .program-image {
    height: 80px;
  }

  span.search-program-details-info {
    display: inline-block;
  }

  .fixed-position-loader {
    top: 70% !important;
    /*width: 84.3% !important;*/
    height: 25% !important;
  }

  .rpl-patronlogoutform input[type=submit] {
    margin-bottom: 3px;
  }

  .myaccountsettings-re {
    padding: 2px 0 0 0;
  }

  #sort-selector-programs {
    width: 100% !important;
  }
}

@media only screen and (max-width : 767px) {
  #heroAreaSlider {
    height: 200px;
  }

  .multipleHeroArea {
    height: 200px;
  }

  #heroAreaSlider p,
  .singleHeroArea p {
    font-size: 12px;
  }

  #heroAreaSlider a,
  .singleHeroArea a {
    padding: 15px;
    font-size: 12px;
  }

  h1.logo>a>img {
    width: 100px;
  }

  /* homepage */
  #searchHomeRecommendedButtons {
    margin-top: -40px;
    width: 260px;
  }

  .multipleHeroArea.slick-active>div.heroAreaText {
    padding: 0px 15px;
  }

  .heroLink {
    bottom: 50px;
    text-align: right;
  }

  .heroLink a {
    margin-right: 15px;
  }

  .heroText {
    bottom: 15px;
  }

  /* Program Filter */
  #mobilefilterbutton {
    text-align: center;
    width: 100%;
    margin-top: 20px;
  }

  .menuItem:first-child {
    padding-top: 0px;
    background: none;
    background-color: #e7e7e7;
  }

  .menuItem:first-child .menuHeader {
    display: none;
  }

  #searchHomeRecommended {
    padding-top: 0;
  }

  div#searchHomeRecommendedDropdown select,
  div#myaccount_list_wrapper select.myaccount-listfilter {
    border: none;
    border-bottom: 2px solid #ddd;
    outline: 0;
    width: 100%;
    padding: 20px;
    color: #005088;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 21px;
    line-height: 28px;
    -webkit-appearance: none;
    -moz-appearance: none;
  }

  div#searchHomeRecommendedDropdown,
  div#myaccount_list_wrapper {
    margin: 0px -15px 20px -15px;
  }

  div#searchHomeRecommendedDropdown:after,
  div#myaccount_list_wrapper:after {
    content: "\f078";
    font-family: FontAwesome;
    font-size: 24px;
    color: #009f9d;
    padding: 12px 8px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    text-align: center;
    width: 10%;
    height: 100%;
    pointer-events: none;
    box-sizing: border-box;
  }

  #myaccount_list_wrapper {
    float: none;
  }

  select.myaccount-listfilter {
    font-weight: 600;
    max-width: 100%;
    height: inherit;
  }

  /*#carouselModalprograms .modal-content {
			width: 78.5%;
		}*/
  .search-program-card-popup {
    width: 47.5% !important;
  }

  .program-image {
    height: 80px;
  }

  span.search-program-details-info {
    display: inline-block;
  }

  .fixed-position-loader {
    top: 75% !important;
    /*width: 78.5% !important;*/
    height: 25% !important;
  }

  /*body {  	
	    height: 90%;
	    overflow-y: scroll;
	  }*/
  .overlay-services {
    height: 91%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: #005088;
    overflow-x: hidden;
    transition: 0.5s;
    overflow-y: scroll;
  }

  .overlay-services .closebtn-services {
    position: absolute;
    top: 0%;
    right: 7%;
    font-size: 60px;
  }

  .overlay-services a {
    text-decoration: none;
    color: white;
    transition: 0.3s;
  }

  .overlay-services a:hover,
  .overlay-services a:focus {
    color: #f1f1f1;
  }

  .overlay-search {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: #005088;
    overflow-x: hidden;
    transition: 0.5s;
  }

  .overlay-search .closebtn-search {
    position: absolute;
    top: 0%;
    right: 7%;
    font-size: 60px;
  }

  .overlay-search a {
    text-decoration: none;
    color: white;
    transition: 0.3s;
  }

  .overlay-search a:hover,
  .overlay-search a:focus {
    color: #f1f1f1;
  }

  .search-by {
    /* margin: 0px; */
    height: 42px !important;
  }

  .search-button-main {
    margin: 27px 0px 0px -20px !important;
  }

  .form-text,
  .form-email {
    height: 42px !important;
  }

  .branch-popup {
    width: 95%;
  }

  .news-block {
    padding: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media only screen and (max-width : 667px) {

  /*#carouselModalprograms .modal-content {
			width: 71%;
		}*/
  .search-program-card-popup {
    width: 47.5% !important;
  }

  .program-image {
    height: 80px;
  }

  span.search-program-details-info {
    display: inline-block;
  }

  .fixed-position-loader {
    top: 75% !important;
    /*width: 71% !important;*/
    height: 25% !important;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

  .program-details a.program-da-details,
  .program-details span.program-da-location {
    width: 170px;
  }

  .book_club_details {
    display: none;
  }

  .book-club-title {
    overflow: visible;
    text-overflow: clip;
    white-space: unset;
    font-size: 15px;
  }

  #block-rplsearchrecommendedlistslandingpage .cnItem {
    min-width: 108px !important;
  }

  .news-block-homepage {
    height: 269px !Important;
  }

  .bio-text-wrapper {
    width: 39% !important;
    float: left !important;
  }

  /*#carouselModalprograms .modal-content {
			width: 43%;
		}*/
  .search-program-card-popup {
    width: 95% !important;
  }

  .program-image {
    height: 80px;
  }

  span.search-program-details-info {
    display: inline-block;
  }

  .fixed-position-loader {
    top: 75% !important;
    /*width: 43.5% !important;*/
    height: 25% !important;
  }

  .guideoptions {
    width: 100% !important;
    margin-bottom: 5px !important;
  }
}

@media only screen and (max-width : 380px) {
  #block-rplsearchrecommendedlistslandingpage .cnItem {
    min-width: 94px !important;
  }

  #carouselModal .rplCarouselMiddleDiv {
    margin: 0px !important;
    padding-left: 10% !important;
    padding-right: 0px !important;
  }

  .bio-text-wrapper {
    width: 44% !important;
    float: left !important;
  }

  /*#carouselModalprograms .modal-content {
		width: 39%;
	}*/
  .program-image {
    height: 80px;
  }

  span.search-program-details-info {
    display: inline-block;
  }

  .fixed-position-loader {
    top: 75% !important;
    /*width: 38.5% !important;*/
    height: 25% !important;
  }
}

@media only screen and (max-width : 360px) {
  #carouselModal .rplCarouselMiddleDiv {
    margin: 0px !important;
    padding-left: 8% !important;
    padding-right: 0px !important;
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

  .program-details a.program-da-details,
  .program-details span.program-da-location {
    width: 150px;
  }

  #block-rplsearchrecommendedlistslandingpage .cnItem {
    min-width: 124px !important;
  }

  #carouselModal .rplCarouselMiddleDiv {
    margin: 0px !important;
    padding-left: 2.5% !important;
    padding-right: 0px !important;
  }

  .bio-text-wrapper {
    width: 51% !important;
    float: left !important;
  }
}

.digital-service-da {
  min-height: 300px !important;
}

/* Between Tablet and Desktop */
@media (min-width : 992px) and (max-width : 1200px) {
  .program-details span.program-da-location {
    width: 150px;
  }

  .sidemenu #calendarBtn.btn,
  .sidemenu #daterangepickerBtn.btn {
    font-size: 14px;
    margin-left: 0px;
  }

  div#calendar {
    padding-left: 0;
    margin-left: -5px;
  }

  .datepicker,
  .table-condensed {
    font-size: 10px;
  }

  span.search-program-details-info {
    width: 120px;
  }
}

/* nick added */
#heroAreaSlider,
.singleHeroArea {
  background-color: black;
}

.multipleHeroArea,
.singleHeroArea {
  position: relative;
}

.heroAreaBackgroundImage {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.95;
  background-size: cover;
  background-position: center;
}

.singleHeroAreaTextArea {
  position: relative;
}

.singleHeroAreaTextArea .singleHeroAreaTextBlock {
  float: left;
  width: 60%;
}

.singleHeroAreaTextArea .singleHeroAreaTextBlock p {
  margin-bottom: 0;
}

.singleHeroAreaTextArea .singleHeroAreaButton {
  float: left;
  text-align: right;
  width: 40%;
  position: absolute;
  right 0 ;
  right: 0;
  bottom: 0;
}

.main_item_mobile {
  z-index: -1;
}

.ma5-menu-panel .ma5-btn-enter {
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}

.ma5-menu-panel .ma5-btn-enter .glyphicon {
  position: absolute;
  top: 13px !important;
  right: 36px;
}

.ma5-menu-panel .ma5-btn-enter .glyphicon:before {
  content: '\f054' !important;
  font-family: 'FontAwesome';
  font-size: 16px;
}

.ma5-menu-panel .ma5-btn-leave .glyphicon:before {
  content: '\f053' !important;
  font-family: 'FontAwesome';
  font-size: 16px;
  color: #009f9d;
}

.menu-mobile-button i {
  color: #005088;
}

.landingpagecontent {
  padding-top: 20px;
  padding-bottom: 20px;
}

.bytypeex {
  width: 50%;
  float: left;
  color: white;
  padding-top: 5px;
}

.dunldiv {
  padding: 8px;
  border: 2px solid #fff;
  text-align: center;
  margin-right: 5px;
}

.more-link {
  text-align: right;
}

.img-ser-logo {
  float: left;
}

.img-ser-logo img {
  float: left;
}

#block-rplfeaturedcontentaudiencead {
  position: inherit;
}

#heroAreaSlider .slick-prev {
  left: 0px;
  width: 229px;
  z-index: 99;
}

#heroAreaSlider .slick-prev:before {
  color: white;
  font-size: 47px;
}

#heroAreaSlider .slick-next {
  width: 229px;
  z-index: 99;
}

#heroAreaSlider .slick-next:before {
  color: white;
  font-size: 47px;
}

span.program-da-details {
  border: none;
  padding: 0;
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.service_url a {
  padding: 0 0 20px 0;
  margin-bottom: 10px;
  width: 222px;
  height: 160px;
  display: block;
  background: url(https://rplstatic.s3.us-west-2.amazonaws.com/reginalibrary.ca/public/2022-02/GoButton_states_2_Up.png) no-repeat center top;
}

.service_url a:hover {
  padding: 0 0 20px 0;
  margin-bottom: 10px;
  display: block;
  background: url(https://rplstatic.s3.us-west-2.amazonaws.com/reginalibrary.ca/public/2022-02/GoButton_states_2_2_Dwn.png) no-repeat center top;
}

.service_url {
  text-align: center;
}

/*
 * Styles for the Heading Tags for CK editor Starts here
 */
.titleh1 {
  font-size: 22px;
  font-family: "Open Sans", Arial, sans-serif;
  color: #005088;
  font-weight: 600;
}

.titleh2 {
  font-size: 18px;
  font-family: "Open Sans", Arial, sans-serif;
  color: #005088;
  font-weight: 600;
}

.titleh3 {
  font-size: 16px;
  font-family: "Open Sans", Arial, sans-serif;
  color: #005088;
  font-weight: 600;
}

.impact_heading {
  font-size: 20px;
  font-family: "Open Sans", Arial, sans-serif;
  color: #4b4f53;
  border-bottom: 3px solid #4b4f53;
  border-bottom-width: 100%;
  padding-bottom: 5px;
  margin-bottom: 20px;
  font-weight: 600;
  text-transform: none;
}

/*.textnormal {
  font-size: 16px;
  font-family: Arial, sans-serif;
  color: #4b4f53;
}
.textnormal a {
  font-weight: bold;
  color: #005088;
}
.textnormal a:hover {
  color: #009f9d;
}*/
#mc_embed_signup .clear {
  text-align: center;
}

.don-table thead tr th {
  background: #4F81BD;
  padding: 10px;
  color: white;
  text-align: center;
}

.don-table {
  border: #4F81BD 1px solid;
  margin-bottom: 10px;
  border-collapse: unset;
}

.don-table tbody tr td {
  vertical-align: top;
  padding: 10px;
}

.ckeditor-accordion-container>dl dt>a {
  background: #005088 !important;
  border-bottom: #265173 1px solid;
}

.ckeditor-accordion-container>dl dt.active>a {
  background: #265173;
}

#etapIframe {
  height: 3200px !important;
  width: 100%;
  border: none;
}

#block-helpchat {
  padding: 6px;
}

.status_messages img {
  width: 20px;
}

.img_align_ststus {
  text-align: center;
}

.ma5-menu-panel .ma5-btn-leave {
  right: 0;
  text-align: left !important;
  width: auto !important;
}

.me_item .search-program-details-info {
  overflow: visible;
}

.me_item .search-program-details-icon .fa {
  color: #009f9d;
  padding-right: 10px;
}

.me_item .search-program-details-icon {
  vertical-align: top;
}

.status_messages thead tr th {
  padding: 10px;
}

.status_messages tbody tr td {
  padding: 10px;
}

.libraryh3lp iframe {
  width: 250px !important;
}

.remove_me {
  display: none !important;
}

.myCustomLHS {
  padding: 1px 25px 16px 25px;
  background: url(/themes/rpl_refreshed/img/open-book-light-bg.png) no-repeat center top;
  background-color: #e7e7e7;
  margin-top: 10px;
  margin-bottom: 10px;
}

.admin-staff:nth-child(even) {
  background-color: white;
}

.admin-staff:nth-child(odd) {
  background-color: #E3E3E6;
}

.admin-staff td {
  padding: 5px
}

.issuu_icon {
  width: 36px;
  margin-top: -11px;
}

.book_clubs tr td img {
  max-width: none;
  margin-right: 10px;
}

.book_clubs tr td {
  vertical-align: top;
}

.don-table tbody tr td img {
  max-width: none;
  margin-right: 10px;
}

.content-table tbody tr:nth-child(even) {
  background-color: white;
}

.content-table tbody tr:nth-child(odd) {
  background-color: #E3E3E6;
}

.content-table {
  border: none;
  width: 100%;
}

.content-table tbody tr td p {
  padding: 10px;
}

#content-area .row .col-md-6 {
  /*background:white;*/
  /*margin-top:40px;*/
}

.status_messages tbody tr:nth-child(even) {
  background-color: white;
}

.status_messages tbody tr:nth-child(odd) {
  background-color: #E3E3E6;
}

#loadingPopup {
  background: #ffffff;
  opacity: 0.8;
}

#loadingPopup .modal-content {
  background: none;
  box-shadow: none;
  border: none;
}

#loadingPopup img {
  opacity: 1 !important;
}

.myloadsmall img {
  width: 20px;
}

.myloadsmall {
  display: none;
}

.search-by {
  /* margin: 0px; */
  height: 34px;
}

.search-button-main {
  width: auto !important;
  margin: 21px 0px 0px -20px;
}

.webform-submission-interested-in-volunteering-conta-form {
  margin-bottom: 25px;
}

.webform-submission-form div {
  color: #4b4f53;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
}

.webform-submission-form fieldset span {
  color: #4b4f53;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  font-weight: bold;
  border-bottom: none;
}

.webform-submission-form fieldset legend {
  border-bottom: none;
  margin-bottom: 0px;
}

.fun-stuff div span ul {
  padding-left: 0px;
}

.fun-stuff div span ul li {
  list-style-type: none !important;
  padding-left: 17px;
}

.my-alert {
  margin-top: 6px;
}

.my-alert p {
  color: white;
  margin: 0px;
  padding: 0px;
}

.suspend_botton {
  background: #005088 !important;
  padding: 9px 20px 9px 20px !important;
  color: white !important;
  border: none !important;
  text-decoration: none;
  display: inline-block;
  border-radius: 0px;
  -moz-transition: all 0.5s ease !important;
  -o-transition: all 0.5s ease !important;
  -webkit-transition: all 0.5s ease !important;
  transition: all 0.5s ease;
  line-height: 1.2;
  font-weight: bold;
}

.summer_teen_form button {
  display: none !important;
}

.summer_teen_form input[type="text"] {
  width: 250px;
}

.summer_teen_form select {
  width: 250px;
  margin: 0px;
  height: 35px;
}

.summer_teen_form table .field-multiple-drag {
  display: none;
}

.summer_teen_form table td:nth-child(2) div {
  float: left;
  margin-right: 5px;
}

.summer_teen_form table td:nth-child(2) .form-actions {
  float: right;
  margin-top: 10px;
}

.summer_teen_form table thead {
  display: none;
}

.summer_teen_form .field-add-more-submit {
  margin-bottom: 20px;
}

.summer_teen_form #edit-submit {
  margin-bottom: 20px;
}

.no-arrow:after {
  text-decoration: none;
  content: "" !important;
}

.callnum {
  font-size: 12px;
}

.my-info-data {
  position: absolute;
}

.past-exhibitions-list li {
  float: left;
  width: 150px;
  list-style-type: none;
  padding: 10px;
  background: #EEEEEC;
  margin-left: 5px;
  margin-bottom: 5px;
  border: #005088 1px solid;
  font-weight: bold;
}

.past-exhibitions-list li a:after {
  font-family: FontAwesome;
  content: "\f105";
  color: #009f9d;
  padding-left: 6px;
  padding-top: -3px;
  font-size: 14px;
  vertical-align: baseline;
  text-decoration: none;
  font-weight: 600;
}

.past-exhibitions-list li a {
  text-decoration: none;
}

.past-exhibitions-list li:hover {
  background-color: #cccccc;
}

.book-author {
  color: #005088 !important;
  font-family: "Open Sans", Arial;
}

.my-filter {
  width: 100%;
  background: #005088;
  color: white;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  /* ...and now for the proper property */
  transition: .5s;
}

.my-filter:hover {
  background: #009f9d;
  color: #005088;
}

div[role=alert] {
  border: #red 1px solid;
  padding: 10px;
}

.myaccount-icon {
  right: 74px !important;
}

/* Styles added for My Account Menu - Mobile View by Hardik */
.logout_button {
  /* margin: 0; */
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.42857143 !important;
  margin-top: 0px;
}

.rpl-patronlogoutform {
  margin: 0;
}

.userFirstName {
  font-weight: 600;
  color: #009f9d;
}

/* End */
/* .services-title {
  color: #FFF;
} */

.search-title {
  display: none;
}

.services-button a {
  /* background-color: #009f9d; */
  border: 1px solid #FFF;
  border-radius: 8px;
  /* color: white; */
  cursor: pointer;
  width: 60%;
  padding: 1em 1.5em;
  margin: 1em 0em;
  text-transform: uppercase;
  display: block;
}

.ma5-menu-mobile article a {
  color: white !important;
}

.ma5-menu-mobile article button a {
  color: #005088 !important;
}

.services-button a:hover {
  background-color: #4b4f53;
}

.services-button a:active {
  background-color: #4b4f53;
}

.overlayss {
  height: 100%;
  width: 0%;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background-color: #005088;
  overflow-x: hidden;
  transition: 0.5s;
}

.overlayss a {
  text-decoration: none;
  color: white;
  transition: 0.3s;
}

.overlayss a:hover,
.overlayss a:focus {
  color: #f1f1f1;
}

.overlayss .closebtns {
  position: absolute;
  top: 0;
  right: 7%;
  font-size: 60px;
}

.overlays {
  /*height: 100%;*/
  width: 100%;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background-color: #005088;
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  width: 100%;
  color: white !important;
}

.overlay-services .overlay-content {
  margin-top: 13%;
}

.overlay-search .overlay-content {
  margin-top: 13%;
}

.overlay-content-data {
  color: white;
}

.overlays a {
  text-decoration: none;
  color: white;
  transition: 0.3s;
}

.overlays a:hover,
.overlays a:focus {
  color: #f1f1f1;
}

.overlay-content-data div li {
  color: white;
  list-style-type: none;
}

.overlay-content-data div li input {
  color: black;
  list-style-type: none;
}

.overlays .closebtn {
  position: absolute;
  top: 0;
  right: 7%;
  font-size: 60px;
}

.overlays label {
  color: white !important;
  font-size: 19px !important;
}

.myaccount-info {
  color: white !important;
  margin-bottom: 0px;
  /*padding: 0px 0px 0px 10px !important;*/
  /*text-align:center;*/
  padding-top: 5px;
}

.overlay-content-data .myaccountMenu li {
  font-size: 18px !important;
  padding: 16px;
  color: white !important;
}

.overlay-content-data .myaccountMenu li .row div form input {
  color: white;
}

.ma5-mobile-menu-container {
  z-index: 1000 !important;
}

@media screen and (max-height: 450px) {
  .overlays .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

.menu-catalogue {
  display: none;
}

.myfilersoptions {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  font-size: inherit;
}

.after-link-my:after {
  font-family: FontAwesome;
  content: "\f105" !important;
  color: #009f9d;
  padding-left: 6px !important;
  font-size: 14px;
  vertical-align: baseline;
  text-decoration: none;
  font-weight: 600;
}

.myfilersoptions+i.fa {
  float: right;
  margin-top: -25px;
  margin-right: 5px;
  /* this is so when you click on the chevron, your click actually goes on the dropdown menu */
  pointer-events: none;
  /* everything after this is just to cover up the original arrow */
  /* (for browsers that don't support the syntax used above) */
  background-color: #fff;
  padding-right: 5px;
  color: #64BACA;
}

.my-search-catalogue {
  display: block;
  border: 2px solid #005088;
  margin-top: 3px;
}

@media screen and (max-width: 600px) {
  .menu-catalogue {
    display: block !important;
  }

  .my-search-catalogue {
    display: none !important;
  }

  #heroAreaSlider1 {
    height: 265px !important;
  }

  .news-block1 {
    height: 477px !important;
  }

  .blog-read-more {
    text-align: center !important;
  }
}

.my-mobile-menu a {
  padding: 6px !important;
  padding-left: 55px !important;
}

.my-mobile-menu .mobile-menu-icon {
  margin-top: 7px;
}

.my-mobile-menu .glyphicon-menu-left {
  top: 10px !important;
}

.dunlop-ft {
  border: #009f9d 1px solid;
  width: 78%;
  margin-left: 14%;
  margin-bottom: 3px;
}

.dunlop-ft a {
  padding: 7px !important;
  text-align: center;
}

.cancelled_error {
  font-size: .8em;
  background-color: #D9534F;
  color: white;
  padding: 10px;
  line-height: 1.4em;
  margin-bottom: 5px;
}

.hold-req-data {
  background: #EFEFEF;
  padding: 10px;
  font-size: .8em;
}

.checkout-info td {
  width: 50%;
  vertical-align: top;
}

.hold-cancel {
  padding: 1px 7px;
  border: red 2px solid;
  margin-left: 5px;
}

.link-meil {
  color: white;
}

.link-meil:focus {
  color: white;
}

.mycolortext {
  color: red !important;
  margin-left: 20px;
}

.changeChkcolor:before {
  border: 2px solid #cccccc !important;
}

.text-checkbox {
  font-size: 14px;
}

.font-weight-bold {
  font-weight: bold;
}

.staff-admin .views-col {
  /*margin-right: 5px;*/
  min-height: 218px;
  width: 168px;
}

.clode_days {
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  padding-top: 5px;
}

table#paydates_table {
  border: #cccccc 1px solid;
  width: 100%;
}

table#paydates_table thead tr th {
  background: #005088;
  padding: 10px 0px 0px 10px;
  border: #cccccc 1px solid;
  color: white !important;
}

table#paydates_table thead tr th p {
  color: white !important;
}

table#paydates_table tr td {
  border: #cccccc 1px solid;
}

table#paydates_table tr td:first-child {
  padding: 10px 0px 0px 10px;
  background: white;
}

table#paydates_table tr td:last-child {
  background: #EEEEEE;
  padding: 10px 0px 0px 10px;
}

.holidays_stat {
  font-size: 16px;
}

.my-myacc {
  font-weight: 300 !important;
}

.my_login_menu {
  padding: 10px 20px;
  color: #4b4f53;
  font-size: 14px;
}

.by-login-button {
  background: #005088;
  color: white;
  padding: 7px 16px;
}

.by-login-button:hover {
  background: #009f9d;
  border-color: #ddd;
}

.button-login {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid;
  white-space: nowrap;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
}

.button-sticky-close {
  display: block;
  margin: 0 auto;
}

.myaccountMenusmall {
  min-width: auto !important;
}

.d-title:after {
  font-family: FontAwesome;
  content: "\f105";
  color: #009f9d;
  padding-left: 6px;
  font-size: 18px;
  vertical-align: baseline;
  text-decoration: none;
  font-weight: 600;
}

.myaccountmysec {
  padding: 6px;
  padding-top: 16px;
  display: none;
}

.myaccountmysec2 {
  padding: 0px 10px 0px 0px;
  text-align: left;
}

.new_fines {
  padding-left: 16px;
}

.total_fine .btn-lg {
  padding: 10px 16px;
  font-size: 15px;
  background: #005088;
  border: #005088;
}
.total_fine1 {
  
  background: #7A9A01 !important;
  border: #7A9A01 !important;
}

.total_fine .btn-lg:active {
  background: #005088;
}

.total_fine {
  margin-top: 6px;
  margin-right: 21px;
}

.small_fines {
  padding: 4px;
  background: #009f9d;
  margin-right: 10px;
  border-radius: 3px;
  font-size: 14px;
}

.settings-ill-request-form input {
  padding: 10px !important;
  height: 38px;
  width: 100%;
}

.settings-ill-request-form select option {
  padding: 5px;
}

.settings-ill-request-form label {
  padding: 10px 0px !important;
}

.dateSel-Fld-submit {
  margin-top: 20px;
  width: 300px !important;
}

.dateSel-Fld-submit:hover {
  background-color: #3c763d;
  color: white;
}

.dateSel-Fld-submit {
  background-color: #4caf50;
  border: none;
  border-radius: 0;
  color: #fff;
  font-family: "Open Sans", Arial, sans-serif;
  padding: 10px 40px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.cnItemOverlayProgram {
  position: absolute;
  color: white;
  left: 0px;
  /* display: inline-block !important; */
  height: inherit;
  width: inherit;
  text-align: center;
  vertical-align: middle;
  background-color: #005088;
  height: 100%;
  width: 100%;
  padding: 0px;
  z-index: 1;
  top: 0px;
  background-color: rgba(0, 51, 91, 0.8);
  font-weight: bold;
  font-size: 16px;
  padding-top: 95px;
}

.cnItemOverlayProgram span {
  padding: 10px;
}

.search-program-card:hover .cnItemOverlayProgram {
  display: block !important;
}

.geryout {
  background: #ccc;
}

.cnItemOverlayProgram a {
  color: #00e6f0;
}

.login-form-page {
  padding: 50px;
  border: #005088 1px solid;
  margin-top: 20px;
  margin-bottom: 20px;
  background: white;
  border-radius: 6px;
}

.digital-media-right {
  padding: 10px;
}

.videocontainer {
  position: relative;
  margin-bottom: 10px;
}

.largetext {
  font-size: 21px !important;
  font-weight: bold;
}

.videocontainer .myl {
  position: absolute;
  display: block;
  background: url(https://dev-rplstatic.s3.us-west-2.amazonaws.com/reginalibrary.ca/public/2023-02/702264_1.png) no-repeat center top;
    height: 74px;
  width: 87px;
  top: 44%;
  left: 39%;
  /* margin: -20px 0 0 -20px; */
  border:none;
}

.my-faq {
  padding: 0px 15px 15px 15px;
}

.digital-item-image {
  height: 210px;
  text-align: center;
}

.dms-image {
  max-height: 210px;
}

.dms-margin {
  margin-top: 25px;
}

.dms-prog-details {
  margin-top: 13px;
  text-align: center;
  margin-bottom: 10px;
}

.dms-prog-details a {
  width: 100%;
}

.mypg-card {
  padding: 0px !important;
}

.myptitle {
  text-align: center;
}

.hero-mob-add {
  display: none;
}

.help-all-link {
  text-align: right;
  font-weight: bold;
  color: #005088;
}

.help-all-link a {
  color: #005088;
  font-family: "Open Sans", Arial, sans-serif;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  outline: none;
}

.help-all-link a:hover {
  color: #337ab7;
}

.myhelp-ques a {
  color: #005088;
  font-family: "Open Sans", Arial, sans-serif;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  outline: none;
  font-weight: bold;
}

.myhelp-ques a:hover {
  color: #337ab7;
}

.declass {
  background: #EFEFE7;
}

.dnone {
  display: none;
}

.blog-author {
  padding: 16px;
  font-size: 13px;
  color: #009f9d;
}

.post-author img {
  width: 100px;
  border: #ccc 1px solid;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  margin-right: 10px;
}

.ayoshare .button {
  padding: 0px;
}

.iblue {
  color: #005088;
  margin-left: 5px;
  font-size: 15px !important;
}

.blog-head {
  background: #005088;
  color: white;
  padding: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.blog-vid {
  padding: 10px;
  /* border: #dddddd 1px solid; */
  border-left: #ddd 1px solid;
  float: left;
  width: 100%;
  border-right: #ddd 1px solid;
  border-bottom: #ddd 1px solid;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.blog-top {
  margin-top: 10px;
}

.blog-author-div {
  padding: 40px;
}

.ayoshare .fa {
  font-size: 21px !important;
}

.ayoshare .fa-snapchat-ghost:before {
  color: black;
}

.ayoshare .button {
  border: none;
}

.blog-icons .button {
  border-radius: 50px;
  width: 42px !important;
  float: right;
}

.blog-icons {
  margin-top: -46px;
  margin-bottom: 16px;
}

.blogauth-link {
  color: #009f9d;
}

.news-block {
  padding: 0 20px;
  margin-bottom: 53px;
}

.inner-box {
  position: relative;
}

.news-block .image-box {
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
}

.news-block .image-box::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -moz-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  -o-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.news-block .inner-box:hover .image-box:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.news-block .image-box img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 15px 15px 0px 0px;
}

.news-block .lower-content {
  background: white;
  position: relative;
  padding: 25px 35px 5px;
  border-radius: 0 0 15px 15px;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  -o-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  height: 82px;
}

.news-block .lower-content-grid-view {
  background: white;
  position: relative;
  padding: 25px 35px 35px;
  height: 234px;
  border-radius: 0 0 15px 15px;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  -o-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
}

.news-block .lower-content h3 a {
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block {
  height: 477px;
}

.news-block-main {
  margin-top: 30px;
}

.news-block .read-more {
  font-weight: 600;
}

.pager {
  clear: both;
  text-align: center;
}

.pager ul {
  float: left;
  margin-top: 20px;
}

.blog-more-title {
  font-family: "Open Sans", Arial, sans-serif;
  color: #333;
  font-size: 22px;
  text-align: center;
}

.share-blog {
  font-size: 38px !important;
  margin-right: 10px;
  margin-top: 6px;
}

.video-margin {
  margin-bottom: 15px;
}

#heroAreaSlider1 {
  height: 538px;
}

.news-block1 {
  height: 250px;
}

.blog-read-more {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  text-align: right;
}

.blog-read-more a {
  padding: 20px;
}

.blog-read-more .after-link::after {
  font-size: 20px !important;
}

.small-text {
  font-size: 12px;
}

.hide_pc {
  display: none;
}

#edit-e-notices--wrapper legend {
  border: none;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

#edit-e-notices--wrapper {
  font-size: 15px;
}

.pref_sub {
  margin-top: 20px;
}

.list-items .cnItem {
  display: block;
  float: left;
  min-width: 131px;
}

#load-more-button button {
  font-size: 14px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 600;
  color: #005088;
  background: none;
  border: none;
  display: block;
  margin: 0 auto;
}

#load-more-button i {
  color: #009f9d;
  padding-right: 10px;
  font-size: 20px;
}

#load-more-button.btn:focus {
  outline: none;
}

.panel-title .ExpandDiv {
  padding: 0px;
}

#block-rplsearchrecommendedlistslandingpage .rplCarouselMiddleDiv {
  margin: 0px;
  padding: 0px;
}

#block-rplsearchrecommendedlistslandingpage #carouselModalBody {
  background: white;
  float: left;
}

#block-rplsearchrecommendedlistslandingpage .cnItem {
  min-width: 121px;
}

.cnItemOverlay {
  width: 100%;
}

.cnItemOverlayIcon {
  line-height: 102px !Important;
}

.recommend-expand {
  background: #009f9d;
  border: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.recommend-expand i {
  font-size: 21px;
}

.recommend-expand:hover {
  background: #005088;
}

.au-title {
  margin-right: 0px !important;
}

.clone-div {
  background-color: #fff;
  color: #005088;
  border: 2px solid #009f9d;
  width: 14%;
  margin: auto;
  border-radius: 5px;
  padding: 4px;
}

.error-small {
  font-size: 12px;
}

.barcode-code {
  transform: rotate(270deg);
  margin-top: 50%;
  margin-left: -28px;
}

.barcod {
  display: none;
}

.userLoginName {
  background: #005088;
  color: white !important;
}

.create-new-list {
  text-align: center;
}

.readingListson {
  margin: 0px;
}

.lbuttons {
  width: 100%;
}

.readingListson select {
  margin: 0px;
  height: 36px;
}

.action-row {
  background: #005088;
}

.action-row label {
  color: white;
}

.action-row .btn[disabled] {
  cursor: not-allowed !important;
}

.action-row .checkAllreading[disabled] {
  cursor: not-allowed !important;
}

.alert-danger {
  border: red 1px solid;
  max-width: 500px;
  background: red;
  color: white;
  border-radius: 5px;
  opacity: 0.9;
}

.alert-success {
  background: #28a745;
  border-radius: 5px;
  border: #28a745 1px solid;
  max-width: 500px;
  color: white;
  opacity: 0.9;
}

.alert button {
  color: white;
  opacity: 1;
}

.myspan:after {
  display: none;
}

.delete-reading-list {
  margin-top: 5px;
  height: 40px;
}

.create-new-reading {
  max-width: 320px;
}

.news-block-homepage {
  height: 215px;
}

.news-block-homepage h4 {
  font-size: 17px;
}



.view-all-blog a {
  text-align: inherit;
  line-height: 17px;
  letter-spacing: 0px;
  font-weight: 700;
  font-size: 17px;
  border-color: inherit;
  border-style: solid;
  border-width: 1px;
  margin-top: 0px;
  border-radius: 5px;
  padding: 15px 30px;
  /* color: rgb(255, 255, 255); */
  text-decoration: none;
  white-space: nowrap;
  width: auto;
  height: auto;
  min-height: 0px;
  min-width: 0px;
  max-height: none;
  max-width: none;
  opacity: 1;
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform-origin: 50% 50% 0px;
}

.view-all-blog a:hover {
  text-decoration: none;
  background: #005088;
  color: #fff;

}

.view-all-blog {
  text-align: center;
  padding-top: 25px;
}

.view-all-blog a span::after {
  font-family: FontAwesome;
  content: "\f105";
  color: #009f9d;
  padding-left: 6px;
  font-size: 14px;
  vertical-align: baseline;
  text-decoration: none;
  font-weight: 600;
}

.bio-text-wrapper {
  width: 18%;
  float: left;
}

.help-table th,
td {
  padding: 5px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 800px) {

  /* For general iPad layouts */
  /*.mobile-bottom-bar {
    visibility: visible;
    display: block;
  }*/
  .overlays {
    height: 100%;
  }

  .myaccountsettings-re {
    padding-top: 3px;
  }

  .overlay-services {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: #005088;
    overflow-x: hidden;
    transition: 0.5s;
    overflow-y: scroll;
  }

  .overlay-services .closebtn-services {
    position: absolute;
    top: 0%;
    right: 7%;
    font-size: 60px;
  }

  .overlay-services a {
    text-decoration: none;
    color: white;
    transition: 0.3s;
  }

  .overlay-services a:hover,
  .overlay-services a:focus {
    color: #f1f1f1;
  }

  .overlay-search {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: #005088;
    overflow-x: hidden;
    transition: 0.5s;
  }

  .overlay-search .closebtn-search {
    position: absolute;
    top: 0%;
    right: 7%;
    font-size: 60px;
  }

  .overlay-search a {
    text-decoration: none;
    color: white;
    transition: 0.3s;
  }

  .overlay-search a:hover,
  .overlay-search a:focus {
    color: #f1f1f1;
  }

  .barcode-code {
    transform: rotate(270deg);
    margin-top: 50%;
    margin-left: 20%;
  }
}

/* Table of Content - Style for Mobile View*/
@media screen and (max-width: 991px) {
  .mobile-bottom-bar {
    visibility: visible;
    display: block;
  }

  .overlay-services {
    height: 91%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: #005088;
    overflow-x: hidden;
    transition: 0.5s;
    overflow-y: scroll;
  }

  .overlay-services .closebtn-services {
    position: absolute;
    top: 0%;
    right: 7%;
    font-size: 60px;
  }

  .overlay-services a {
    text-decoration: none;
    color: white;
    transition: 0.3s;
  }

  .overlay-services a:hover,
  .overlay-services a:focus {
    color: #f1f1f1;
  }

  .overlay-search {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: #005088;
    overflow-x: hidden;
    transition: 0.5s;
  }

  .overlay-search .closebtn-search {
    position: absolute;
    top: 0%;
    right: 7%;
    font-size: 60px;
  }

  .overlay-search a {
    text-decoration: none;
    color: white;
    transition: 0.3s;
  }

  .overlay-search a:hover,
  .overlay-search a:focus {
    color: #f1f1f1;
  }

  .pull-right>.dropdown-menu {
    width: 279px;
    /* left: auto; */
    font-size: 12px;

  }

  /* Administrator Staff Table of Content - Style for Mobile View*/
  div.admin-staff-mobile-view table,
  div.admin-staff-mobile-view caption,
  div.admin-staff-mobile-view thead,
  div.admin-staff-mobile-view tbody,
  div.admin-staff-mobile-view th,
  div.admin-staff-mobile-view td,
  div.admin-staff-mobile-view tr {
    display: block;
  }

  /*table, caption, thead, tbody, th, td, tr {
    display: block;
 }*/
  thead tr.admin-staff {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  tr.admin-staff {
    border: 1px solid #ccc;
  }

  tr.admin-staff td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    /*padding-left: 200px;*/
  }

  tr.admin-staff td.views-field-field-name {
    font-weight: bold;
  }

  /*td:before {
    position: absolute;
    top: 12px;
    left: 6px;
    width: 200px;
    padding-right: 40px;
    white-space: nowrap;
    margin-left: -120px;
  }*/
  /*td:nth-of-type(1):before { content: "Name"; }
  td:nth-of-type(2):before { content: "Job Title"; }
  td:nth-of-type(3):before { content: "Email"; }
  td:nth-of-type(4):before { content: "Phone";}*/
  /* Newspapers Table of Content - Style for Mobile View*/
  div.newspaper-mobile-view table {
    width: 100% !important;
    border: none;
  }

  div.newspaper-mobile-view table,
  div.newspaper-mobile-view tbody,
  div.newspaper-mobile-view th,
  div.newspaper-mobile-view td,
  div.newspaper-mobile-view tr {
    display: block;
  }

  div.newspaper-mobile-view thead {
    display: none;
  }

  div.newspaper-mobile-view tr {
    padding-bottom: 5px;
  }

  div.newspaper-mobile-view td:nth-child(even) {
    background: #FFFFFF;
    color: #4b4f53;
  }

  div.newspaper-mobile-view td:nth-child(odd) {
    background: #41b7c4;
    font-weight: bold;
    color: #FFFFFF;
  }

  div.newspaper-mobile-view td {
    padding: 10px;
    border: none;
    border: 1px solid #009f9d;
    position: relative;
    /*padding-left: 200px;*/
  }

  /* All Table of Content - Style for Mobile View*/
  div.table-mobile-view table {
    width: 100% !important;
    border: none;
  }

  div.table-mobile-view table,
  div.table-mobile-view tbody,
  div.table-mobile-view th,
  div.table-mobile-view td,
  div.table-mobile-view tr {
    display: block;
  }

  div.table-mobile-view thead {
    display: none;
  }

  div.table-mobile-view tr {
    padding-bottom: 5px;
  }

  div.table-mobile-view td:nth-child(even) {
    width: 100% !important;
    background: #FFFFFF;
    color: #4b4f53;
  }

  div.table-mobile-view td:nth-child(odd) {
    width: 100% !important;
    background: #41b7c4;
    font-weight: bold;
    color: #FFFFFF;
  }

  div.table-mobile-view td {
    padding: 10px;
    border: none;
    border: 1px solid #009f9d;
    position: relative;
    /*padding-left: 200px;*/
  }

  .userLoginName {
    display: none;
  }

  .account-re-size a {
    color: #009f9d;
  }

  .page-container {
    margin-top: 80px;
  }

  header {
    width: 100%;
    height: 80px;
    top: 0;
    position: fixed;
    z-index: 170;
    background: #FFF;
    border-bottom: 1px solid #CCC;
  }

  .sidemenu {
    display: none;
  }

  .myCustomLHS {
    display: none;
  }

  #footer-bottom-links {
    margin-bottom: 43px;
  }



  #programs-results-count {
    display: none;
  }

  #website-results-count {
    display: none;
  }

  .filter-header {
    display: block;
  }

  a.filter-header:hover,
  a.filter-header:focus,
  a.filter-header:active {
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
  }

  .filter-container {
    height: auto;
    display: none;
  }

  .filter-container .pull-left {
    float: none !important;
  }

  #filter-toggle-button {
    float: right;
    cursor: pointer;
  }

  .programs-filter-header {
    display: block;
  }

  a.programs-filter-header:hover,
  a.programs-filter-header:focus,
  a.programs-filter-header:active {
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
  }

  .programs-filter-container {
    height: auto;
    display: none;
  }

  .programs-filter-container .pull-left {
    float: none !important;
  }

  .event-filter-button {
    margin: 20px;
  }

  #programs-filter-toggle-button {
    float: right;
    cursor: pointer;
  }

  #branch-selector-container {
    margin-left: 0;
    margin-right: 0;
  }

  /* Mobile Search CSS*/
  .search-mobile-form {
    width: 100%;
    padding: 33px 30px;
    margin-bottom: 80px
  }

  .rpl-search-form-mobile {
    margin: 0;
  }

  .search-title {
    color: #FFF;
    display: block;
  }

  .search-terms-container {
    margin: 0;
  }

  .rpl-search-form-mobile .searchDropdown {
    width: 100%;
    margin: 0;
    float: none;
  }

  .search-mobile-form-label {
    float: none;
  }

  .search-submit-container {
    /* text-align: center;
    margin: 0; */
    float: none;
  }

  .no-results-text {
    padding: 20px 0 0 0;
  }

  .overlays {
    height: 100%;
  }

  .guide-info-hidden {
    display: inline-block !important;
  }

  .guide-content-title {
    display: none;
  }

  .guide-actions-div {
    margin: 10px;
  }

  .guide-actions-div a {
    padding: 5px 7px;
    background: #005088;
    color: white;

  }

  .noline {
    display: none;
  }

  .eheadtitle h1 {
    font-size: 30px !important;
  }
}

/* iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  /*.mobile-bottom-bar {
    visibility: hidden;
    display: none;
  }*/
}

.barcode-cus {
  letter-spacing: 22px;
  padding-left: 9px;
  color: #FFFFFF;
}

.barcode-bor {
  border: 1px #ccc solid;
}

body.modal-open {
  overflow: visible !important;
}

.search-program-card-popup {
  width: 265px;
  float: left;
  /* position: relative; */
  margin: 7px 7px;
}

.search-program-card-popup1 {
  width: 261px;
}

.inner-wrapper-popup {
  padding-top: 1px !important;
  float: left;
}

.inner-wrapper-popup h1.text-center {
  margin-top: 32px !important;
  margin-bottom: 4px !important;
}

.inner-wrapper-popup .individualCarousel {
  margin-top: 9px;
  padding: 0px 5px;
}

.myindividual {
  height: auto !important;
}

.search-program-card-films {
  width: 398px;
  float: left;
  /* position: relative; */
  margin: 7px 7px;
}

.search-program-card-films1 {
  width: 396px;
}

.custom-modal-backdrop {
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1080;
  background-color: #000;
  opacity: .5;
}

.programs-modal {
  width: 910px;
  height: auto;
  max-height: 100%;
}

.fixed-position-loader {
  position: fixed;
  left: 0%;
  top: 80%;
  width: 100%;
  height: 20%;
  z-index: 9999;
  background: url('/themes/rpl_refreshed/img/ajax-loader-bg.gif') 50% 50% no-repeat rgba(0, 0, 0, .5);
}

#LT_LB {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.service_image {
  float: left;
  padding: 10px;
  width: 150px;
}

.serviceimage:hover {
  background-color: #009f9d;
  text-decoration: none;
}

.service_image_url {
  margin-bottom: 18px;
}

.service_image_url a {
  color: white;
  padding: 10px 110px;
  background: #005088;
  /* width: 100px; */
  font-size: 22px;
  border-radius: 5px;
  text-decoration: none;
}

.na.previewButton {
  padding: 11px 67px !important;
  background: #009f9d !important;
  margin-bottom: 5px;
  z-index: unset !important;
}

.na.previewButton i {
  color: #005088;
}

.na.previewButton:hover i {
  color: #009f9d;
}

.na.previewButton:hover {
  background: #005088 !important;
}

.item-red {
  color: red;
}

.appimage {
  margin-bottom: 5px;
  width: 160px;
}

.topten {
  margin-top: 10px;
  margin-bottom: 10px;
}

.service_image_url {
  margin-top: 16px;
}

.dateSel-Fld-pickup-lb {
  display: none;
}

.dateSel-Fld-pickup {
  display: none;
}

.overlays {
  display: none;
}

.overlay-services {
  display: none;
}

.overlay-search {
  display: none;
}

.search-mobile-form .form-text {
  height: 40px;
}

.search-mobile-form .search-by {
  height: 40px;
  border-radius: 5px;
}

.search-mobile-form .form-submit {
  height: 63px;
}

.rpl-search-form-mobile input[type=submit] {
  background-color: #005088;
  color: #FFF;
}

.rpl-search-form-mobile input[type=submit]:hover {
  background-color: #009f9d;
}

.search-mobile-form-label {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: 100;
  line-height: 2.5ex;
  float: left;
}

.search-form-element {
  margin-bottom: 20px !important;
  color: #333;
}

label[for=edit-pickupcheck]:after {
  top: 16px !important;
}

.menu-list {
  display: none;
}

.myaccount-re {
  padding: 17px 0px 0px 17px;
}

.user-name-re {
  color: white;
  margin-left: 40px;
  font-size: 17px;
}

.myaccountsettings-re {
  text-align: right;
  padding-right: 5px;
  font-size: 14px;
}

.nopadding {
  padding: 0px !Important;
  font-size: 15px;
}

.myaccount-icon-re {
  margin-top: -3px;
  margin-right: 7px;
}

.account-re-size {
  font-size: 12px;
  color: #009f9d;
}

body {
  overflow: visible !important;
}

.form-item-search-type:after {
  box-sizing: border-box;
  color: #009f9d;
  content: "\f0dc";
  font-family: FontAwesome;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 26px;
  text-align: center;
  bottom: -31px;
  z-index: 1;
}

.searchDropdown1 {
  margin: 20px;
  position: relative;
}

.card-for-films {
  height: 278px;
}

.card-for-films .search-program-image {
  background-position: center;
}

.search-program-card-exhibitions .search-program-image {
  background-position: center;
}

@media only screen and (min-width : 992px) {
  .filter-container {
    display: block !important;
  }
}

#jobs-in-queue-container {
  /*display: none;*/
}

#jobs-in-queue-container h2 {
  margin: 0;
}

.page-panel-title {
  font-size: 14px
}

.page-panel-a {
  font-size: 12px !important;
  padding: 3px 20px !important;
}

.two-stop:nth-child(1n+14) {
  display: none;
}

.rpltracker {
  padding: 15px;
}

.checkbox-label:after {
  top: 3px !Important
}

.red-nobold {
  color: #d9534f;
  font-size: 14px;
}

.rpltracker label {
  font-size: 16px;
}

.form-required:after {
  box-sizing: border-box;
  color: red;
  content: "\f069";
  font-family: FontAwesome;
  vertical-align: super;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
  font-size: 10px;
  font-weight: initial;
}

.account-patron-registration-form legend {
  padding: 10px
}

.account-patron-registration-form .fieldset-wrapper {
  padding-left: 25px;
  margin-bottom: 20px;
}

.account-patron-registration-form .form-item {
  padding: 10px 0px;
}

.no-deco:hover {
  text-decoration: none !important;
}

.program-da-audience .program-popup {
  /*width:auto !important;*/
}

.program-da-audience .program-da-link {
  margin: auto !important;
}

.d-a-title {
  color: #005088;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: bold;
}

.audvideo {
  margin-bottom: 30px;
}

.onmobile {
  display: none;
}

.test1 {
  display: none;
}

.holdicon {
  cursor: pointer;
}

.renewnoti {
  padding: 10px;
  margin-bottom: 10px;
  color: white;
  border-radius: 5px;
}

.error-danger {
  background: red;
}

.RenewAllWrapper {
  padding: 15px;
  text-align: right;
}

.five9-chat-button {
  font-size: 24px !important;
}

#five9-popout-button {
  float: right;
}

.ui-bar-a,
.ui-page-theme-a .ui-bar-inherit,
html .ui-bar-a .ui-bar-inherit,
html .ui-body-a .ui-bar-inherit,
html body .ui-group-theme-a .ui-bar-inherit {
  background-color: white !important;
}

.five9-text {
  display: none;
}

.message-container-client {
  background-color: #288dc1 !important;
  color: #fff !important;
  box-shadow: 0 1px 0 #1e6a91 !important;
}

.message-container {
  background-color: #eff1f4 !important;
  color: #292f33 !important;
  box-shadow: 0 1px 0 #cccece !important;
}

.chatwithus {
  cursor: pointer;
}

#block-chathelp {
  padding: 10px
}

.sideButton {
  background: #009f9d !important;
}

.sideButton i {
  color: white;
}

/* .sideButton:hover{
  background: #005088 !important;
}
.sideButton:hover i{
  color: #009f9d !important;
} */
.na.sideButton {
  z-index: 99 !important;
}

.occupancy-card {
  margin: 20px 0;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  padding: 20px;
  text-align: center;
}

.occupancy-card h1.counth1 {
  font-size: 48px;
  font-weight: 600;
}

.occupancy-card p {
  font-size: 16px;
  font-family: Arial, sans-serif;
  color: #4b4f53;
}

.occupancy-card p.occupancy {
  margin: 0 0 1em;
}

.occupancy-card p.remain-occupancy {
  margin: 0 0 0.75em;
}

#dt1.form-control,
#dt2.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 225px;
  margin: 0px;
  height: 40px;
  font-size: 16px;
  line-height: 1.75;
  color: #4b4f53;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ddd;
  -ms-word-break: normal;
  word-break: normal;
}

.digital-list {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

.digital-list label {
  font-weight: normal;
  font-size: 14px;
  color: #005088;
}

.check_all_div {
  position: absolute;
  margin-left: 20px;
  margin-top: 4px;
}

.spacer {
  padding-top: 30px
}

.spacer .menuContent {
  padding-top: 0px;
}

.guide-submit {
  margin: auto;
  text-align: center;
  margin-bottom: 20px;
}

.guide-submit-options {
  margin: auto;
  text-align: center;
}

.guide-checkbox::before {

  border: 2px solid #005088 !important;
  border-radius: 0px !important;
}

.guide-checkbox::after {
  border: 3px solid white !important;
  border-top: none !important;
  border-right: none !important;
}

.guide_all_div input[type="checkbox"]:checked+label::before {
  background-color: #005088 !important;
}

.guide_all_div label::before {
  border: 2px solid #005088 !important;
  border-radius: 0px !important;
}

.guide_all_div label::after {
  border: 3px solid white !important;
  border-top: none !important;
  border-right: none !important;
}

.digital-list input[type="checkbox"]:checked+label::before {
  background-color: #005088 !important;
}

.digital-list label::before {
  border: 2px solid #005088 !important;
  border-radius: 0px !important;
}

.digital-list label::after {
  border: 3px solid white !important;
  border-top: none !important;
  border-right: none !important;
}

.guideresults {
  padding: 10px;
  border: 1px solid #005088;
  background: white;

}

.guide-header {
  font-weight: 600;
  color: #005088;
  font-size: 16px;
}

.guide-header-big {
  font-weight: 600;
  color: #005088;
  font-size: 20px;
}

.guide_results_title {
  font-size: 14px;
  font-weight: 600;
  color: #005088;
}

.guideresults p {
  font-size: 14px;
  color: #005088;
}

.guideradio:checked+label::before {
  background: radial-gradient(circle at center, #005088 .6ex, white .7ex) !important;
}

.guideradio+label::before {
  border: 2px solid #005088 !important;
}

/* #guideTabs p, div{
  color: #005088;
} */
.guide_options {
  display: none;
  padding: 0px;
  margin-top: 30px;
}

.guide_options .ui-widget-header {
  border: none;
  background: none;
}

.guide_options #guideTabs {
  border: 1px solid #005088;
}

.subinput {
  width: 100%;
  padding: 5px;
  border: 1px solid #005088;
}

.subtext {
  padding: 5px;
}

.guide_options a:focus {
  outline: none !important;
  outline-offset: 0px !important;
}

.success-icon {
  font-size: 56px;
  vertical-align: middle;
  margin-top: 7px;
  color: #06E620;
}

.error-icon {
  font-size: 56px;
  vertical-align: middle;
  margin-top: 7px;
  color: red;
}

.warning-icon {
  font-size: 56px;
  vertical-align: middle;
  margin-top: 7px;
  color: #E6D706;
}

.form-required::after {
  box-sizing: border-box;
  color: red;
  content: "\f069";
  font-family: FontAwesome;
  vertical-align: super;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
  font-size: 10px;
  font-weight: initial;
}

.guide-view-template {
  border: #005088 solid 1px;
  padding: 10px;
  background: white;
  margin-bottom: 20px;
}

.events_guide_edit {
  background: white;
  padding: 10px;

}

.guide-all-check {
  float: left;
}

.guide_update_options {
  cursor: pointer;
}

.guide_header {
  background: #F7F7F7;
  padding: 10px;
}

.guide-seperator {
  border-bottom: #1062a4 20px solid;
  margin-top: 10px;
  margin-bottom: 10px;
}

.guide-title {
  height: 30px;
}

.guide-icon {
  color: #7A9A1B;
  padding-right: 10px;
}

.email-program-card {
  margin: 20px 0;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  padding: 20px;
  position: relative;
  border-radius: 5px;
  transition: box-shadow .3s;
  height: 350px;
}

.email-program-card:hover {
  box-shadow: 0 0 11px rgba(33, 33, 33, .3);
}

.image-program-card {
  margin: 20px 0;
  /* border: 1px solid #dfdfdf; */
  background-color: #fff;
  position: relative;
  border-radius: 5px;
  transition: box-shadow .3s;
  height: 350px;
}

.image-program-card:hover {
  box-shadow: 0 0 11px rgba(33, 33, 33, .3);
}

.guide-social {
  font-size: 35px;
  padding: 20px;
}

.card-desc {
  height: 122px;
}

.save-suc {
  padding: 22px;
  font-size: 18px;
  color: green;
}

.dfcontent {
  margin: auto !important;
  width: 50%;
}

.main-guides-div {
  background-color: white;
  border: 1px solid #005088;
  padding: 20px 10px 20px 10px;
}

.guide-content-title {
  padding: 5px;
}

.guide-content-title div {
  font-weight: bold;
  color: #005088;
  font-size: 13px;
}

.guide-content-data div {
  color: #005088;
  font-size: 13px;
}

.guide-content-data {
  padding: 5px;
}

.guide-odd {
  background-color: #F2F2F2;
}

.guide-info-hidden {
  display: none;
  font-weight: bold;
}

#partitioned {
  font-size: 23px;
  padding-left: 11px;
  padding-bottom: 10px;
  /* padding: 10px; */
  letter-spacing: 37px;
  border: 0;
  background-image: linear-gradient(to left, green 70%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 50px 2px;
  background-repeat: repeat-x;
  background-position-x: 35px;
  width: 220px;
  min-width: 220px;
  background-color: transparent;
  color: #005088;
  font-weight: bold;
}

#partitioned:focus {
  outline: none;
}

#divInner {
  left: 0;
  position: sticky;
}

#divOuter {
  width: 190px;
  overflow: hidden;
  margin: auto;
  margin-top: 31px;
}

.error-code {
  margin-top: 18px;
  text-align: center;
  color: red;
}

.guide-bg {
  background: white;
  height: 358px;
  margin-top: 30px;
  border: #005088 1px solid;
}

.guide-bg h1 {
  font-size: 29px;
}

.guide-bottom {
  margin-bottom: 20px;
}

.guide-center {
  height: 155px;
}

.resend-code {
  text-align: center;
  margin-top: 38px;
  font-size: 13px;
}

.modal-additional-text {
  font-size: 13px;
}

.modal-required-text {
  font-style: italic;
  font-size: 13px;
}

.guide-title-name {
  color: grey;
}

.light-green {
  color: #7A9A01;
}

.light-blue {
  color: #105A95;
}

.eheadtitle h1 {
  font-size: 66px;
}

.eventguide-subhead {
  padding: 10px;
}

.ui-datepicker-next {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

/* .ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png);
} */
.guide-icon-fb {
  color: #036EE4;
}

.guide-icon-twitter {
  color: #1DA1F2;
}

.guide-icon-blog {
  color: #FF5722
}

@media print {
  a[href]:after {
    content: none !important;
  }

  p {
    font-size: 11px !important;
  }

  .eheadimage {
    width: 25%;
    float: left;
  }

  .eheadtitle {
    width: 75%;
    float: left;
  }

  .light-green {
    color: #7A9A01 !important;
  }

  .light-blue {
    color: #105A95 !important;
  }

  .guide-email-data {
    width: 33.33% !important;
    float: left;
    break-inside: avoid;
  }

  .eheadtitle h1 {
    font-size: 40px;
  }

  .colsix {
    width: 50%;
    float: left;
  }

  .save-tocal,
  .savecl {
    display: none !important;
  }

  .viewfulldetails {
    display: none;
  }

  .ed-bottom {
    width: 100%;
    clear: both;
    break-inside: avoid;
  }

  .prev-next {
    display: none;
  }

  body {
    margin: 0px !important;
  }

  p {
    margin: 0px !important;
  }

  .guide-title {
    margin: 0 0 1.3125em !important;

  }

  .guide-title a {
    color: #005088 !important;
  }

  .guide-icon::before {
    color: #7A9A1B !important;

  }

  .guide-icon {
    padding-right: 5px !important;
  }

  .card-desc {
    height: auto !important;
    margin-top: -20px !important;
  }

  .email-program-card {
    height: 300px;
    margin-top: 5px;
    padding: 7px !important;
  }

  .image-program-card {
    height: 300px;
    margin-top: 5px;
  }

  .guide-email-data {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .five9-frame {
    display: none !important;
  }

  .guide-icon-fb::before {
    color: #036EE4 !important;
  }

  .guide-icon-twitter::before {
    color: #1DA1F2 !important;
  }

  .guide-icon-blog::before {
    color: #FF5722 !important;
  }
}

.didmeanitem {
  margin-left: 20px;
}

.didyoumean {
  padding: 10px;
  background: #DDDBDC;
  color: #7C3996;
  margin-bottom: 10px;
}

.search-terms-container .Autocomplete__SearchTermResults {
  position: absolute;
  background-color: #FFF;
  padding: 5px 0;
  max-width: 418px;
  overflow: hidden;
  margin-left: 31px;
  top: 95px;
  z-index: 999999;
  border: 1px solid #D7D7D7;
}

.search-terms-container .Autocomplete__SearchTermResult {
  padding: 5px 15px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4b4f53;
}

.search-terms-container .Autocomplete__SearchTermResult:hover {
  background-color: cadetblue;
}

.webform-submission-form div.messages--error {
  color: red;
}

.rpl-video-stories {
  margin-top: -150px;
}

.video-story-column {
  padding: 5px;
}

.video-story-title {
  padding: 5px 0;
}

.itmholding {
  cursor: pointer;
  border: none;
  background: none;
}

.dp-down {
  width: 100%;
}

.dp-down>li>a {
  padding: 8px 9px;
}

.share-buttons-container .a2a_default_style a {
  padding: 0 4px;
}

.exhibit-share-buttons .a2a_default_style a {
  padding: 0 4px;
}

.digital-services-share-buttons {
  padding: 0 0 20px 0;
}

.share-buttons {
  margin: -10px 0 0 0;
}

.share-buttons-for-right-sidebar {
  margin: -20px 20px 20px 20px;
}

.share-buttons-right-sidebar-about {
  margin: -20px 20px 20px 20px;
}

.share-buttons-right-sidebar-donate {
  padding: 20px;
}

.share-buttons-two-columns {
  text-align: right;
}

.share-buttons-blog {
  margin: 9px 0 0 0;
}

.share-buttons-recommended-lists {
  display: table;
  width: auto;
  margin: auto;
  padding: 20px 0 0 0;
}

.share-buttons-catalogue {
  padding: 0 0 15px 0;
}

.exhibit-share-buttons-container {
  display: flex;
  justify-content: space-between;
}

.exhibit-share-buttons {
  display: flex;
}

.exhibit-share-buttons h4 {
  margin: 5px 5px 0 0;
  padding: 0;
}

.exhibit-share-buttons .share-buttons {
  margin: 0;
}

.film-share-buttons-col {
  padding: 0 10px;
}

.film-share-buttons-container h4 {
  margin: 0;
  padding: 0;
}

.film-share-buttons-container .share-buttons {
  margin: 10px 0;
}

.other-main-div div {
  background: none;
}

.ms_plan_box {
  background-color: #fff;
  border-radius: 15px;
  padding-bottom: 50px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  -o-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
}

.ms_plan_box .ms_plan_header {
  padding: 40px 0px 50px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  border-radius: 15px;
  height: 190px;
}

.ms_plan_box .ms_plan_header:after {
  position: absolute;
  width: 606px;
  height: 606px;
  z-index: -1;
  content: "";
  border-radius: 100%;
  top: -417px;
  right: -138px;
  background-color: #8031A7;
  ;
  box-shadow: inset 0px 3px 17px 0px rgb(0 0 0 / 35%);
}

.ms_plan_img {
  width: 100px;
  height: 100px;
  background-color: #fff;
  display: inline-block;
  line-height: 97px;
  border-radius: 100%;
  box-shadow: 0px 0px 10px 0px rgb(4 4 4 / 10%);
}

.ms_plan_box h3.plan_heading {
  font-size: 22px;
  color: #202020;
  padding: 0px 15px 10px 15px;
  position: relative;
  display: inline-block;
  margin-bottom: 25px;
  padding-top: 35px;
}

.ms_plan_box h3.plan_heading:after {
  width: 100px;
  height: 5px;
  content: "";
  position: absolute !important;
  bottom: 0;
  left: 50%;
  z-index: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  background: -webkit-radial-gradient(50% 50%, ellipse closest-side, #202020, rgba(255, 42, 112, 0) 60%);
  background: -moz-radial-gradient(50% 50%, ellipse closest-side, #202020, rgba(255, 42, 112, 0) 60%);
  background: -ms-radial-gradient(50% 50%, ellipse closest-side, #202020, rgba(255, 42, 112, 0) 60%);
  background: -o-radial-gradient(50% 50%, ellipse closest-side, #202020, rgba(255, 42, 112, 0) 60%);
}

.plan_price {
  width: 100%;
  display: inline-block;
  margin-bottom: 30px;
  position: relative;
}


.plan_price:before,
.plan_price:after {
  width: 50%;
  height: 2px;
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  z-index: 0;
  background-image: -webkit-linear-gradient(left, #3bc8e7, #3bc8e7, #fff);
  background-image: -moz-linear-gradient(left, #3bc8e7, #3bc8e7, #fff);
  background-image: -ms-linear-gradient(left, #3bc8e7, #3bc8e7, #fff);
  background-image: -o-linear-gradient(left, #3bc8e7, #3bc8e7, #fff);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.plan_price:before {
  left: 8px;
  background-image: -webkit-linear-gradient(right, #3bc8e7, #3bc8e7, #fff);
  background-image: -moz-linear-gradient(right, #3bc8e7, #3bc8e7, #fff);
  background-image: -ms-linear-gradient(right, #3bc8e7, #3bc8e7, #fff);
  background-image: -o-linear-gradient(right, #3bc8e7, #3bc8e7, #fff);
}

.plan_dolar {
  width: 89px;
  height: 89px;
  display: inline-block;
  border: 2px solid #3bc8e7;
  line-height: 99px;
  font-size: 40px;
  border-radius: 100%;
  font-weight: 600;
  color: #3bc8e7;
  position: relative;
  background-color: #fff;
  z-index: 1;
}

.ms_plan_box:hover .ms_plan_btn,
.ms_plan_box.paln_active .ms_plan_btn {
  opacity: 1;
  visibility: visible;
  bottom: 13px;
}

.ms_plan_btn {
  position: absolute;
  left: 50%;
  bottom: -50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
}

.ms_profile_wrapper,
.ms_account_wrapper {
  text-align: center;

}

.ms_plan_box a.ms_btn {
  height: 40px;
  line-height: 40px;
  width: 150px;
  margin-left: 0px;
  margin-top: 20px;
}

.ms_btn {
  background-color: #005088;
  color: #fff;
  height: 30px;
  display: inline-block;
  text-transform: capitalize;
  width: 100px;
  text-align: center;
  line-height: 32px;
  border-radius: 20px;
  margin-left: 15px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.service-plan-icon {
  font-size: 32px;
  margin-top: 35px;
  font-weight: bolder;
  color: #7A9A01;
}

.service-plan-content {
  padding: 0px 15px 0px 15px;
  text-align: left;
  min-height: 315px;
}

.RPLAudienceCatalogueList #carouselArea {
  padding: 0px 10px 0px 0px !important;
}

.content-top-spacer {
  margin-top: 20px;
}

#block-rplfeaturedcontentservicelandingcontentbottom {
  border: #ddd 1px solid;
  padding: 0 20px 20px 20px;
  background: white;
  margin-bottom: 20px;
}

.change-pin-message {
  padding: 0px 15px;
  color: purple;
  font-style: italic;
}

.visibaly-hidden {
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  position: absolute !important;
  width: 1px;
  height: 1px;
  border: 0;
  word-wrap: normal !important
}

.h1-title {
  font-size: 30px !important;
  font-weight: 800 !important;
}

.small-text-h3 a {
  font-size: 17px !important;
}

.bottom-footer-icons {
  list-style-type: none;
}

.bottom-footer-icons li {
  display: inline;
}

.herosloder-h2 {
  font-size: 24px;
  color: #fff;
  line-height: 1.2;
}

.myaccount-list-item {
  padding: 10px;
  border-bottom: 1px solid #ccc
}

.menuheader-rec {
  margin-bottom: 20px;
  font-size: 16px;
}

.faq-h2 {
  color: white !important;
  margin-top: 0px !important;
}

#searchHomeRecommendedDropdown button {
  width: auto !important;
}

#searchHomeRecommendedButtons button {
  width: auto !important;
}

.sub-ft {
  background-color: #005088 !important;
  color: white !important;
}

/* Styles for Footer Logo */
.footer-graphic p {
  margin: 0;
}

.footer-social-buttons {
  float: right;
  margin: 15px 0 0 0;
}

.footer-links-block {
  margin: 10px 0 0 0;
}

/* End */

.blog-h2 {
  font-size: 24px;
  font-weight: 300 !important;
  margin: 0 0 0.80769em;
  margin-top: 0px !important;
}

.blog-h3 {
  font-size: 1.25em;
  font-weight: 600;
  text-transform: unset;
  margin: 0px !important;
  color: white !important;
}

#system-breadcrumb {
  color: white !important;
}

.subtitle-pro {
  color: #333;
  font-weight: 300;
  font-size: 1.5em;
  text-transform: none;
}

.unbound_books {
  text-align: left !important;
}

.vol-danger {
  color: #A30000 !important;
}

*:focus-visible {
  outline: 3px dashed !important;
}

h3.program-required {
  color: #A80000;
  font-size: 0.875em;
}

.login-modal-title {
  color: #005088;
}

.rhsContent-Header>h1 {
  margin-top: 25px;
}

.films-filter {
  margin-top: 90px;
}

/* 3D Printing - Print Jobs Queue widget in the sidebar */
.print-jobs-queue-container {
  border: 1px solid #ddd;
  display: none;
}

#content-area .print-jobs-queue-container h2 {
  padding: 15px;
  background: #005088;
  margin: 0px;
  font-size: 18px;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
}

.print-jobs-queue-container div {
  padding: 20px;
  background: #FFF;
}

.print-jobs-queue-container h4 {
  margin: 0 0 10px 0;
  text-align: center;
}

.print-jobs-queue-container h1 {
  font-size: 30px;
  color: #009f9d;
  text-align: center;
  margin: 0 0 20px 0;
}

.print-jobs-queue-container h1.last {
  margin: 0;
}

/* End */

/* For Notice on the 3D Printing Page */
.notice {
  border: 1px solid #ddd;
  padding: 10px;
  background: #FFF;
  color: #00335b;
  font-weight: bold;
}

/* End */

#map-popup-programs {
  height: 100px;
  width: 300px;
  border: 1px solid #000;
}

#map-popup-programs {
  position: absolute;
  display: none;
  z-index: 100;
  background-color: green;
}

.map-loc-title {
  margin-top: 0px !important;
  color: white !important;
}

.program-map-finder {
  cursor: pointer;
}

.map-data-prog {
  margin-bottom: 20px;
}

.maps-google-view {
  margin: 0px;
  font-size: 12px;
}

/* Css foo Hompepage Ads */

.tm-hoverbox {
  position: relative;
  margin-bottom: 20px;
}

.tm-hoverbox .tm-box-image,
.tm-search-overlay .w-search-form-row:before {
  border-bottom-color: #8031A7;
}

.tm-hoverbox .tm-box-image {
  border-bottom: 5px solid #8031A7;
  overflow: hidden;
}

.tm-hoverbox .tm-hoverbox-image {
  display: inline-block;
  position: relative;
  width: 100%;
}

.tm-hoverbox .tm-hoverbox-image img {
  -webkit-transition: 0.4s ease-in-out;
  -ms-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.tm-hoverbox .tm-hoverbox-image img:hover {
  transform: scale(1.05);
}

.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
  max-width: 100%;
  height: auto;
}

.tm-hoverbox .tm-hoverbox-content {
  left: 0;
  right: 0;
  top: auto;
  bottom: 5px;
  background-color: #fff;
  position: absolute;
  width: 80%;
  border-top-right-radius: 10px;
}


.tm-hoverbox .tm-box-title {
  position: relative;
  padding: 9px 19px 9px;
  padding-right: 60px;
}

.tm-hoverbox .tm-box-title .tm-box-icon .tm-vc_icon_element.tm-vc_icon_element-outer .tm-vc_icon_element-inner.tm-vc_icon_element-size-md {
  max-width: 100% !important;
  width: 57px;
  height: 100%;
  vertical-align: middle;
}

.tm-hoverbox .tm-box-title .tm-box-icon {
  position: absolute;
  right: 0;
  width: 57px;
  height: 100%;
  background-color: #8031A7;
  top: 0;
  right: 0;
}

.tm-vc_icon_element.tm-vc_icon_element-outer .tm-vc_icon_element-inner.tm-vc_icon_element-size-md {
  max-width: 100% !important;
  line-height: 2.15em !important;
}

.tm-vc_icon_element.tm-vc_icon_element-outer .tm-vc_icon_element-inner .tm-vc_icon_element-icon,
.tm-vc_icon_element.tm-vc_icon_element-outer .tm-vc_icon_element-inner {
  transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
}

.tm-vc_icon_element.tm-vc_icon_element-outer .tm-vc_icon_element-inner {
  text-align: center;
  display: inline-block;
  border: 2px solid transparent;
  width: 4em;
  height: 4em;
  box-sizing: content-box;
  position: relative;
}

.ad-image-home {
  color: #337ab7 !important;
}

.rpl-top-ad-container {
  width: 100%;
  height: auto;
  position: relative;
  padding-top: 80px;
  /* background-image: url('https://dev-rplstatic.s3.us-west-2.amazonaws.com/reginalibrary.ca/public/2022-11/Background%20image%20with%20gradient.jpg'); */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.rpl-top-ad-container:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
}

.rpl-home-carousel-main {
  margin-right: 100px;
  margin-left: 100px;
}

/* 

.mkdf-pl-holder .mkdf-pli-inner {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

.mkdf-pl-holder .mkdf-pli-inner .mkdf-pli-image {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.mkdf-pl-holder .mkdf-pli-inner .mkdf-pli-image img {
  display: block;
  width: 100%;
}

.mkdf-pl-holder .mkdf-pli-inner .mkdf-pli-text {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  opacity: 0;
  background-color: rgba(128, 49, 167, .95);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
}

.mkdf-pl-holder .mkdf-pli-link {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.mkdf-pl-holder .mkdf-pli:hover .mkdf-pli-text {
  opacity: 1;
}

.mkdf-pl-holder .mkdf-pli-inner .mkdf-pli-text-outer {
  position: relative;
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
  text-align: center;
}

.mkdf-pl-holder .mkdf-pli-inner .mkdf-pli-text-inner {
  position: relative;
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
}

.mkdf-pl-holder .mkdf-pli-inner .mkdf-pli-text-inner .mkdf-pli-add-to-cart.mkdf-default-skin .added_to_cart,
.mkdf-pl-holder .mkdf-pli-inner .mkdf-pli-text-inner .mkdf-pli-add-to-cart.mkdf-default-skin .button {
  color: #fff;
  background-color: #d14031;
  border: 1px solid transparent;
  margin: 0 !important;
  background: 0 0 !important;
  padding: 0 !important;
  padding: 4px 0 !important;
  background-repeat: no-repeat !important;
  background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px) !important;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px) !important;
  -webkit-transition: .6s cubic-bezier(.215, .61, .355, 1) !important;
  -o-transition: .6s cubic-bezier(.215, .61, .355, 1) !important;
  transition: .6s cubic-bezier(.215, .61, .355, 1) !important;
  background-size: 0 100% !important;
}

.mkdf-pl-holder .mkdf-pli-inner .mkdf-pli-text-inner .added_to_cart,
.mkdf-pl-holder .mkdf-pli-inner .mkdf-pli-text-inner .button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin: 0;
  font-family: "Josefin Sans", sans-serif;
  font-size: 14px;
  line-height: 2.857em;
  letter-spacing: .35em;
  font-weight: 400;
  text-transform: uppercase;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
  -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
  transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
  padding: 7px 34px 4px 39px;
  font-size: 13px;
  white-space: nowrap;
  margin: 0 !important;
  background: 0 0 !important;
  padding: 0 !important;
  font-size: 12px;
  display: inline;
  text-align: center;
  z-index: 200;
  padding: 4px 0 !important;
  background-repeat: no-repeat !important;
  background-image: -o-linear-gradient(transparent calc(100% - 1px), currentColor 1px) !important;
  background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px) !important;
  -webkit-transition: .6s cubic-bezier(.215, .61, .355, 1) !important;
  -o-transition: .6s cubic-bezier(.215, .61, .355, 1) !important;
  transition: .6s cubic-bezier(.215, .61, .355, 1) !important;
  background-size: 0 100% !important;
}

@media only screen and (min-width: 1367px) {
  .mkdf-grid-list.mkdf-five-columns .mkdf-item-space:nth-child(5n+1) {
    clear: both;
  }
}

.mkdf-grid-list.mkdf-five-columns .mkdf-item-space {
  width: 20%;
}

.mkdf-grid-list:not(.mkdf-one-columns) .mkdf-item-space {
  float: left;
}

.mkdf-normal-space .mkdf-outer-space .mkdf-item-space {
  padding: 0 15px;
  margin: 0 0 30px;
}

.mkdf-pl-holder .mkdf-pli {
  padding: 0;
  z-index: 100;
}

.mkdf-grid-list .mkdf-item-space {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  @media only screen and (max-width: 680px) {
    .mkdf-grid-list.mkdf-five-columns .mkdf-item-space {
      width: 100%;
    }
  } */


/* Css for Blog Changes */
.tm-post-featured-outer-wrapper,
.themetechmount-box-blog,
article.post,
.themetechmount-post-item-thumbnail,
.tm-featured-wrapper {
  position: relative;
}

.themetechmount-box-blog.themetechmount-box-topimage .post-item {
  margin-top: 0;
  margin-bottom: 10px;
}

.themetechmount-box-blog {
  -webkit-box-shadow: 0 0 10px 0 rgb(41 61 88 / 10%);
  -moz-box-shadow: 0 0 10px 0 rgba(41, 61, 88, .1);
  box-shadow: 0 0 10px 0 rgb(41 61 88 / 10%);
}

.themetechmount-box-blog.themetechmount-box-topimage .themetechmount-box-content {
  position: relative;
  background-color: #fff;
  padding: 0;
  transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  border-bottom: 4px solid #e3e8f3;
  min-height: 430px;
}

.blog-item-other {
  min-height: 514px !important;
}

.blog-item-other-grid {
  min-height: 470px !important;
}

.themetechmount-box-blog.themetechmount-box-topimage .themetechmount-box-content:hover {
  border-bottom: 4px solid #8031A7;
}

.tm-post-featured-outer-wrapper,
.themetechmount-box-blog,
article.post,
.themetechmount-post-item-thumbnail,
.tm-featured-wrapper {
  position: relative;
}

.themetechmount-box-topimage .tm-box-postdate {
  background-color: #8031A7;
}

.themetechmount-box-topimage .tm-box-postdate {
  position: absolute;
  bottom: -15px;
  right: 20px;
  background-color: #8031A7;
  color: #fff;
  padding: 3px 15px;
  z-index: 2;
  font-size: 15px;
}

.themetechmount-box-topimage:hover {
  border-color: #ff4f01;
}

.tm-equal-height-image,
.themetechmount-hide,
.tm-hide {
  display: none;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.tm-equal-height-image,
.themetechmount-hide,
.tm-hide {
  display: none;
}

.tm-post-featured-wrapper {
  overflow: hidden;
}

.tm-post-featured-outer-wrapper,
.themetechmount-box-blog,
article.post,
.themetechmount-post-item-thumbnail,
.tm-featured-wrapper {
  position: relative;
}

.entry-content a,
.site-content-wrapper a {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.themetechmount-box-topimage img {
  -webkit-transition: 0.4s ease-in-out;
  -ms-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.themetechmount-box-topimage:hover img {
  transform: scale(1.05);
}

img.wp-post-image {
  height: auto;
  max-width: 100%;
}

.themetechmount-box-blog.themetechmount-box-topimage .themetechmount-box-desc {
  padding: 19px 30px 26px 30px;
}

.themetechmount-box-topimage .tm-entry-meta-wrapper {
  display: inline-block;
  padding: 7px 3px 2px 0;
  margin: 0;
}

.tm-entry-meta-wrapper {
  font-size: 15px !important;

}

.tm-entry-meta-wrapper a,
.themetechmount-box-title a {
  font-weight: normal !important;

}

.themetechmount-box-blog .themetechmount-box-content .tm-entry-meta .tm-meta-line {
  padding-right: 20px;
}

.tm-entry-meta .tm-meta-line {
  padding-right: 15px;
  position: relative;
  color: #666d81;
}

.tm-entry-meta .tm-meta-line i.fa-user {
  padding-right: 2px;
  font-size: 14px;
}

.tm-right-meta .tm-social-share-wrapper.tm-social-share-post-wrapper,
.tm-entry-meta .tm-meta-line a,
.tm-post-cat .tm-meta-line a {
  color: #666d81;
}

.entry-header:not(.tm-titlebar) .entry-title,
.themetechmount-box-blog .themetechmount-box-content h3 {
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 24px;
  line-height: 34px;
  font-weight: 400;
  text-transform: unset;
}

.main-blog-homepage {
  padding-left: 0px !important;
  padding-right: 0px !important;
}


/* Bottom Ads Css */
.elementor-widget-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.elementor-widget-wrap>.elementor-element {
  width: 100%;
  margin-bottom: 20px;
}

.elementor-widget {
  position: relative;
}

.elementor-element .elementor-widget-container {
  -webkit-transition: background .3s, border .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
  transition: background .3s, border .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
  -o-transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
  transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
  transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
}

.info-box.style-2 {
  position: relative;
  padding: 120px 35px 25px 35px;
  background: linear-gradient(to top right, black, #0f1d2c, black) !important;
  background-attachment: fixed !important;
  background-repeat: repeat-y;
  /* border-radius: 5px; */
  transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  min-height: 350px;
}

.info-box.style-2 img {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .3;
  /* border-radius: 5px; */
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.info-box.style-2:hover img {
  opacity: .7;
}

.info-box.style-2 .cont {
  display: table-cell;
  vertical-align: middle;
  z-index: 2;
  position: relative;
}

.info-box.style-2 .cont .subtitle {
  font-size: 32px;
  font-weight: 600;
  color: #fff;
  line-height: 1.4;
  margin-top: 5px;
  min-height: 90px;
}

.info-box.style-2 .cont .text {
  color: #f8f9fa;
  margin-top: 1rem;
  display: none;
}

.obelisk-button.style-5 span {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  z-index: 2;
  transition: all .8s;
}

.elementor-element.elementor-element-2045371b .obelisk-button {
  color: #FFFFFF;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 5px 5px 5px 5px;
}

.obelisk-button.style-5 {
  background: transparent;
  padding: 5px 18px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  color: #f1ebeb;
  border: 2px solid #e5dddd;
  margin-top: 30px;
}

.info-box.style-2:hover {
  transform: perspective(3000px) rotateX(0deg) rotateY(0deg) scale3d(1.02, 1.02, 1.02);
  box-shadow: 0px 10px 20px rgb(0 0 0 / 35%);
}

.modal-body .panel {
  height: 100% !important;
}

.rec-title {
  margin-top: 0px !important;
  position: relative;
  color: white !important;
  text-align: center;
  font-size: 19px;
  padding-top: 5px;
}

.rec-button {
  color: #fff;
  background-color: #005088;
  border-color: #005088;
}

#userExpanded {
  background-color: #005088 !important;
}

.add-reading-list {
  background: none;
  border: none;
  color: #005088;
  font-size: 14px;
  font-weight: 600;
}

.video-container-hover img {
  -webkit-transition: 0.4s ease-in-out;
  -ms-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;

}

.video-container-hover img:hover {
  transform: scale(1.05);
}

.video-con-main {
  overflow: hidden;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 0em !important;
}

.swiper-container {
  /* overflow: inherit; */
}

.search-adv-filters {
  display: none;
}

/* CSS Style */
.adv-filters-search-button {
  /* Add any styles you want for the container div here */
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  margin-top: 25px;
}

.adv-filters-search-button .show-adv-filters-button {
  /* Add any styles for the button here */
  cursor: pointer;
  /* Change the cursor to a pointer when hovering over the button */
}

.programs-filter-options,
.films-filter-options,
.exhibitions-filter-options {
  display: none;
}

.search_result-term {
  padding: 20px 0px;
  text-align: center;
  font-size: 29px;
}

#sort-selector {
  margin: 0px;
}

.sort-filter-label {
  display: none;
}

#catalogue-results-count .searchDropdown {
  margin: 0px;
  padding: 0px;
  top: -9px;
}

#catalogue-results-count .searchDropdown:after {
  bottom: -17px;
}

.searchResultsTotal {
  padding: 0px 5px;
  color: #005088;
  border-radius: 26px;
  font-weight: normal;
}

.search_my_in {
  text-transform: capitalize;
}

#panel-group-programs .search-program-card-films {
  width: 375px;
  padding: 30px 0px 0px 29px;
}

.search-mobile-form label {
  color: white;
  font-weight: normal;
  font-size: 16px;
}

.programs-filter-options #startdate.form-control,
.programs-filter-options #enddate.form-control {
  width: 272px;
}

.new-search-date {
  display: flex;
}

.new-search-date .row {
  margin-left: 0px;
  margin-right: 0px;
}

.new-search-date #enddateDiv {
  width: 100%;
}

.search-adv-filters .searchDropdown {
  margin: 20px 0px 0px 0;
  padding: 0px 10px 0px 0px;
  width: 50%;
}

.new-search-date #enddate,
.new-search-date .enddateDiv {
  width: 100% !important;
}

.new-search-date div {
  width: 100%;
}

#search-terms-container #search-query {
  min-height: 70px;
  width: 100%;
  background: 0 0;
  border: 0;
  background: #fff;
  display: block;
  width: 100%;
  padding: 10px 70px 10px 32px;
  font-size: 18px;
  color: #666;
  border-radius: 34px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}

.search-submit-container button {
  width: 70px;
  display: -ms-flexbox;
  /* display: flex; */
  -ms-flex-align: center;
  align-items: flex-end;
  /* position: static; */
  right: 0;
  justify-content: end;
  top: 0;
  height: 100%;
  background: 0 0;
  /* text-align: right; */
  border: 0;
  padding: 0;
  cursor: pointer;
  /* display: flex; */
  margin-right: 20px;
}

.search-submit-container {
  text-align: end;
  margin-top: -82px;
  position: relative;
}

.search-submit-container button svg {
  fill: #ccc;
  width: 54px;
  height: 54px;
  transition: all .2s ease-out, color .2s ease-out;
}



.search-btn-icon {
  color: #cccccc;
  font-size: 42px;
}

.search-submit-container button:hover {
  background-color: transparent;
  border-color: transparent;
}

.input-group .form-control:last-child {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

span.cat-icons {
  font-size: 27px;
  margin-right: 12px;
  color: grey;
}

span.cat-icons .selected {
  pointer-events: none;
  cursor: not-allowed;
}

span.cat-icons .selected i {
  color: #00d2cf;
  cursor: not-allowed;
  border: #00d2cf 1px solid;
  padding: 4px;
  border-radius: 5px;
}

.search-ft-cards .search-program-image.search-film-image {
  margin: 2px 0px 0px -7px;
  border-radius: 5px;
}

.search-program-card-search .search-program-title-two-lines {
  padding-bottom: 0px;
  height: auto !important;
}

.search-ft-cards .films-alignment-main {
  height: auto
}

.search-ft-cards .search-program-card {
  height: 206px;
}

div[role="contentinfo"][aria-label="Error message"],
div[role="contentinfo"][aria-label="Status message"] {
  display: none;
}

.program-search-desc {
  display: none;
  float: left;
  width: 50%;
  padding-left: 20px;



}

.search-program-detials-list {
  width: 40%;
  float: left;
  display: block;
  border-right: 1px solid #005088;
}

.show-des {
  display: block;
}

.search-ft-list-cards .search-program-card {
  float: left;
  height: auto;
  min-height: auto;
}

.search-prog-small-desc {
  padding-right: 10px;
}

.search-program-card-search {
  height: 350px;
  padding: 0px;
}

.search-ft-cards .search-program-card-search {
  height: auto !important;
}

.program-results-search>div {
  margin: auto;
  text-align: center;
  margin-bottom: 50px;
}

#showmore-programs-search {
  width: 250px;
  padding: 10px;
  background: #005088;
  color: white;
  border-radius: 5px;
}

.search-exhibit-title {
  height: 53px;
}

.search-program-details-info-search {
  width: 262px !important;
}

.search-exhib .search-program-card-exhibitions {
  height: auto !important;
  min-height: auto !important;
}

#sort-selector-programs {
  width: 200px;
}

#sort-selector-programs::after {
  bottom: -16px !important;
}

#sort-selector {
  margin-top: 5px;
}

.search-prog-small {
  height: 230px;
  min-height: 246px;
}

.parameters-container {
  display: flex;
  justify-content: flex-end;
}

.search_parameters_div {
  background-color: #5EB8C9;
  max-width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-size: 13px;
  color: white;
}

.div-col_blue {
  color: #005088;
}

.search-mobile {
  z-index: 999 !important;
}

.search-astr {
  color: red;
}

.search-mobile-form-label-01 {
  display: none;
}

.search-custom-date-range {
  display: none;
}

.search-custom-date-range-prog {
  display: none;
}

.search-custom-date-range-exhib {
  display: none;
}

#LT_LB_overlay {
  z-index: 1059 !important;
}

#LT_LB {
  z-index: 1060 !important;
}
.video-box-title{
  padding: 10px 10px 10px 5px;
    background: #00335B;
}
.video-box-titleh3{
  color:white !important;
}