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

  #footer .block {
    margin-bottom: 3em;
  }

  .featured-image {
    margin-bottom: 2em;
  }

  .navbar-header .logo {
    margin-left: 15px;
  }

  .navbar-main {
    background: #000;
  }

  .navbar-main .nav {
    background: #000;
    float: left;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
  }

  .nav-pills>li {
    float: none;
  }

  .nav-pills>li>a {
    border: none;
    color: #fff;
    background-color: transparent;
  }

  .navbar-search {
    display: none;
  }

  .team {
    padding: 0 32px;
  }
}

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

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

/* Large devices (1200px and up) Used to increase container width */
@media (min-width: 1200px) {

  /*.container {
    width: 1200px;
}*/
  .films-alignment-main {
    height: 86px;
  }
}

/* iPad Landscape */
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
  .mega-menu-container {
    width: 100%;
  }

  .mega-menu-container-attend {
    width: 100%;
  }

  .mega-menu-container-learn {
    width: 100%;
  }

  .mega-menu-col-17-percent {
    width: 17%;
  }

  .mega-menu-col-22-percent {
    width: 22%;
  }

  .mega-menu-col-61-percent {
    width: 61%;
  }

  .mega-menu-container ul {
    font-size: 15px;
  }

  .mega-menu-container-attend ul {
    font-size: 15px;
  }

  .mega-menu-container-learn ul {
    font-size: 15px;
  }

  div.small-border-div-3 {
    padding-left: 0px;
  }

  .dunldiv {
    padding: 8px;
  }

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

  li.my-menu-padding-rest li.dropdown-header {
    padding: 3px 0px;
    font-size: 15px;
  }

  li.my-menu-padding-rest li.dropdown-header-services {
    padding: 3px 10px;
  }

  .explore-type-mega-menu {
    margin-left: 42%;
    width: 56%;
  }

  .explore-audience-mega-menu {
    padding: 0px 10px;
    width: 40%;
  }

  .my-menu-padding-last {
    padding: 10px 0px 20px 10px;
  }

  .my-attend-menu-padding-rest {
    padding: 0px 10px;
  }

  .my-attend-menu-padding-last {
    padding: 0px 10px;
  }

  .my-menu-padding-learn {
    padding: 0px 10px;
  }

  .my-menu-padding-learn-last {
    padding: 0px 10px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {

  .dropdown-menu.mega-dropdown-menu.row .dropdown-header,
  .dropdown-menu.mega-dropdown-menu.row a {
    font-size: 12px;
  }
}

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

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

@media screen and (min-width: 992px) {
  .filter-container {
    display: block !important;
  }
}

/* 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: 2px 7px 0px 0px;
  }
}

@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: #00335b;
    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: #00335b;
    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%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .programs-modal {
    width: 100% !important;
    padding-right: 10px;
    padding-left: 10px;
  }


}

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

  .email-program-card {
    height: 404px;
  }

  .image-program-card {
    height: 404px;
  }

  .guide-title {
    height: 43px;
  }

  .card-desc {
    height: 147px;
  }
}

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

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {}

@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) {
  .search-submit-container {
    /* text-align: center;
    margin: 0; */
    width: 56px;
    float: right;
    right: 15px;
  }

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

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

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

  /* Styles for Footer Logo */
  #footer-bottom-links {
    min-height: 300px;
    margin: 0;
  }

  .footer-graphic {
    margin: 0;
    text-align: center;
    width: 100%;
    clear: both;
  }

  .footer-graphic img {
    margin-bottom: 10px;
  }

  .footer-social-buttons {
    width: 100%;
    text-align: center;
    float: none;
    margin: 0;
  }

  .bottom-footer-icons {
    margin: 0 0 10px 0;
    padding: 0;
  }

  .footer-links-block {
    width: 100%;
    text-align: center;
  }

  .footer-bottom-links {
    margin: 0 0 0 0;
    text-align: center;
  }

  .footer-links-block {
    margin: 0 0 0 0;
  }

  /* End */
}

@media screen and (max-width: 991px) {
  .mobile-bottom-bar {
    visibility: visible;
    display: block;
  }

  /*#carouselModalprograms .modal-content {
			width: 84.3%;
		}*/
  .search-program-card-popup {
    width: 48.9% !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: 3px 7px 0 0;
  }

  #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: #00335b;
    font-family: "Gotham", "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: #59b6c7;
    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: #00335b;
    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: #00335b;
    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%;
  }

  .five9-frame .five9-frame-full {
    bottom: 60px !important;
  }
}

/* Table of Content - Style for Mobile View*/
@media only screen and (max-width: 800px) {

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

  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 #59b6c7;
    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: #666666;
  }

  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 #59b6c7;
    position: relative;
    /*padding-left: 200px;*/
  }

  .userLoginName {
    display: none;
  }

  .account-re-size a {
    color: #59b6c7;
  }

  .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: 500px;
  }*/
  #catalogue-results-count {
    display: block;
  }

  #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: 35px 30px;
  }

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

  .search-mobile-form-label {
    float: none;
  }



  .no-results-text {
    padding: 20px 0 0 0;
  }

}

/* Small Devices, Tablets */
@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;
  }
}

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

/* Extra Small Devices, Phones */
@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;
  }

  .exhibit-share-buttons-container {
    display: block;
  }

  .exhibit-share-buttons {
    display: block;
  }

  .exhibit-share-buttons h4 {
    margin: 0;
    padding: 0;
  }

  .exhibit-share-buttons .share-buttons {
    margin: 10px 0 20px 0;
  }

  /* End */
}

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

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

  .total_fine a {
    width: 100%;
    margin-bottom: 10px;
    padding: 15px 16px !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;
  }
}

/*==========  Non-Mobile First Method  ==========*/
@media screen and (max-height: 450px) {
  .overlays .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

/* iPhone 5/SE */
@media (max-height: 568px) and (max-width: 320px) {

  /* CSS stuff */
  .overlays {
    height: 90%;
  }

  .modal-body {
    padding: 15px 0;
  }

  .search-program-card-popup {
    width: 100% !important;
    margin: 7px 0;
  }

  .search-program-card-films {
    width: 264px !important;
    margin: 17px -6px !important;
  }

  .barcode-code {
    margin-top: 43% !important;
    margin-left: -83px !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;
  }
}

/* Google Pixel 2 */
@media (max-height: 731px) and (max-width: 411px) {

  /* CSS stuff */
  .overlays {
    height: 91%;
  }
}

/* iPhone 6/7/8 Plus */
@media (max-height: 736px) and (max-width: 414px) {

  /* CSS stuff */
  .overlays {
    height: 91%;
  }

  .search-program-card-films {
    width: 355px !important;
    margin: 17px -6px !important;
  }
}

/* Samsung Galaxy S9/S9+ */
@media (max-height: 740px) and (max-width: 360px) {

  /* CSS stuff */
  /*.page-container {
    margin-top: 22%;
  }*/
  .overlays {
    height: 91%;
  }
}

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

/* Google Pixel 2 XL */
@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;
  }

  .news-block-homepage {
    height: 447px !important;
  }

  .search-terms-container .Autocomplete__SearchTermResults {
    top: 134px !important;
    max-width: 308px;
    margin-left: 31px;
  }
}

/* Leadership Page CSS */
.board-member-image img {
  padding: 0 0 10px 0;
}

.administration-staff-image img {
  padding: 0 0 10px 0;
}

.grid-column {
  padding: 25px 15px;
}

.grid-column:first-child {
  padding-left: 0px;
}

.leader-job-title {
  font-size: 14px;
  font-style: oblique;
  font-weight: bold;
}

.leader-department {
  font-size: 14px;
}

.member-profile-photo {
  float: left;
  border: 1px solid #999;
  padding: 10px;
}

.member-profile-right {
  padding-left: 220px;
}

.member-job-title {
  font-family: Arial, sans-serif;
  font-size: 18px;
  color: #666666;
  font-weight: bold;
}

.member-bio {
  padding-top: 10px;
}

.member-profile-header2 {
  font-family: "Gotham", "Open Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #00335b;
  margin: 5px 0;
}

.member-phone {
  line-height: 30px;
}

/* Leadership Page CSS Ends here*/

/* Land Acknowledgement Block CSS Starts here */
.footer-link-bar {
  padding: 15px;
  background-color: #8031a7;
  margin-bottom: 0;
}

.footer-link-bar p {
  color: #FFFFFF;
  text-align: center;
  line-height: 30px;
  margin: 0;
}

/* Land Acknowledgement Block CSS Ends here */