.carousel-item > .carousel-caption > a > input[type="button"] {
  color: #003866;
  }
 
  /*Bootstrap 5 compatibility CSS*/
  .dropdown-menu > li > a {
    padding: 3px 20px !important;
  }
  .pageHelp {
    display: none;
  }
  @media (min-width: 768px) {
    .navbar-nav .open .dropdown-menu > li > a {
      text-align: left !important;
    }
  }
  @media (max-width: 768px) {
    .dropdown-menu > li > a {
      text-align: center;
    }
  }
 
.navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-nav > li > .dropdown-menu > li > a:focus {
    background-color: transparent !important;
color: black !important;
text-decoration: underline !IMPORTANT;
}
.dropdown-menu a:hover {
color:bLack !important;
text-decoration: underline !IMPORTANT;
}
ul.dropdown-menu > li > a:hover {
    background-color: #f5f5f5;
}
/*Bootstrap 5 compatibility CSS*/
.dropdown-menu > li > a {
  padding: 3px 20px !important;
}
.pageHelp {
  display: none;
}
@media (min-width: 768px) {
  .navbar-nav .open .dropdown-menu > li > a {
    text-align: left !important;
  }
}
@media (max-width: 768px) {
  .dropdown-menu > li > a {
    text-align: center;
  }
}


.breadcrumb {
display: none;
}

footer {
display: none !important;
}

.container-fluid {
padding-right: 0px;
padding-left: 0px;
}


/*** LOGO ***/

.logowidth {
max-width:1150px;
margin:0 auto;
margin-top: 10px;
}

#logo {
max-width: 500px;
}

#headerright{
height:102px;
}

.searchassembly{
float:right;
}


/* MINICART SOCIALS AREA */
#socials a em {
float: left;
padding-right: 10px;
font-size: 20px!important;
}

#socials a em, .numberCircle{
transition: color 0.25s ease
}


#socials .fa-instagram {
padding-right: 10px;
}

.dropbtn {
font-size: 16px;
border: none;
}

.dropbtn a {
font-weight: bold;
}

#Cart{
display:none;
}

.span-cart-items {
    position: absolute;
    font-size: 14px;
font-weight:bold;
    color: #fff;
    z-index: 2;
    bottom: 2px;
    margin-left: 19px;
}

.cart-single-digit {
    left: 13px;
}

.cart-double-digit {
    left: 9px;
}

#itemcount{
margin-left: -3px;
}

.socdropdown {
position: relative;
display: inline-block;
padding-left: 5px;

font-family: 'Roboto Condensed', sans-serif;
}

.socdropdown-content {
display: none;
position: absolute;
right: 0;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
font-family: 'Roboto Condensed', sans-serif;
}

.socdropdown-content a {
color: #293c92;
padding: 11px 15px;
text-decoration: none;
display: block;
font-family: 'Roboto Condensed', sans-serif;
}

.socdropdown:hover .socdropdown-content {
display: block;
font-family: 'Roboto Condensed', sans-serif;
}

.fa-shopping-cart {
font-size: 20px!important;
vertical-align: top;
color:#333;
}

.numberCircle {
border-radius: 50%;
behavior: url(PIE.htc);
//  line-height: 10px!important;
// height: 7px;
// width: 7px;
// padding: 6px;
background: #000;
color: #fff;
text-align: center;
font: 30px Arial, sans-serif;
display: inline-block;
vertical-align: top;
margin-top: 2px;
padding: 0;
width: 18px;
height: 18px;
line-height: 18px;
}

.login {
color:#003866;
padding-left: 10px;
font-size: 15px!important;
text-decoration: none;
font-family: ‘Roboto Condensed’, sans-serif;
}

.login:hover {
text-decoration:none;
}

.soccontainer-1 {
width: 250px;
white-space: nowrap;
float:right;
margin-top:10px;
}

.soccontainer-1 input#q {
z-index: 0;
width: 100%;
height: 35px;
border: 1px solid #293c92;
font-size: 10pt;
color: #262626;
padding-left: 35px;
top: 25px;
-webkit-border-radius: 2.5px;
-moz-border-radius: 2.5px;
border-radius: 2.5px;
}

.soccontainer-1 input#q::-webkit-input-placeholder {
color: #65737e;
}

.soccontainer-1 input#q:-moz-placeholder {
/* Firefox 18- */
color: #65737e;
}

.soccontainer-1 input#q::-moz-placeholder {
/* Firefox 19+ */
color: #65737e;
}

.soccontainer-1 input#q:-ms-input-placeholder {
color: #65737e;
}

.soccontainer-1 .icon {
position: absolute;
margin-left: 10px;
margin-top: 8px;
z-index: 1;
color: #4f5b66;
font-size: 16px;
}

#mersearch {
margin-left: 750px;
width: 250px!important;
margin-bottom: -50px;
margin-top: -85px!important;
height: 140px!important;
}

#abvsearch{
width:250px!important;
float:right;
margin-bottom:10px!important;
margin-top:25px !important;
display: block;
-webkit-transition: ease .5s; /* For Safari 3.1 to 6.0 */
transition: ease .5s;
cursor: pointer;
 }


/*** EMAIL POPUP MODAL ****/

.embed-responsive-16by9 {
    padding-bottom: 0% !important;
    height:615px !important;
width:795px !important;
}

@media (max-width:767px) {
.embed-responsive-16by9 {
    padding-bottom: 0% !important;
    height:615px !important;
width:700px !important;
}
}


.embed-responsive {
margin: 10px;
}

.iframe {
width:595px;
height:450px;
}

@media (max-width:767px) {
.iframe {
width:767px;
height:450px;
}
}

@media (min-width: 768px){
.modal-dialog {
    width: 810px;
    margin: 30px auto;
}
}

#modalSubscriptionFormM {
}
/*Sets the maximum height of the modal image to 90% of the screen height*/
.modal-body img {
  max-height: 90vh;
}
/*When the modal fills the screen it has an even 2.5% on top and bottom*/
/*Centers the modal*/
.modal-dialog {
  margin: 2.5vh auto;
}

.modal-header {
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
}

#modalh4 {
font-family: ‘Roboto Condensed’, sans-serif;
font-size:25px;
}

.modal-content {
text-align: left;
}

.mb-5M {
padding: 5px;
}

.mb-4M {
padding: 5px;
}

.form-controlM {
height: 34px;
padding: 6px 12px;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
font-size: 14px;
line-height: 1.42857143;
color: #293c92;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
}

.envelope {
font-size: 25px;
color: #293c92;
}

.modalfa {
display: inline-block;
font: normal normal normal 28px/1 FontAwesome; important!
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #293c92;
}

.modalfa2 {
display: inline-block;
font: normal normal normal 28px/1 FontAwesome; important!
font-size: inherit;
margin-right:5px;
margin-left:4px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #293c92;
}

.MbuttonOne {
background-color: transparent;
color: #293c92;
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 18px;
font-weight: bold;
padding: 12px 2px;
margin: 8px 0;
padding-top: 2px;
border: none;
cursor: pointer;
width: 225px;
opacity: 0.9;
}

.MbuttonOne:hover,
.MbuttonOne:focus {
opacity:1;
text-decoration:none;
color: white;
}






/* NAV BAR */

#myMenu>.container-fluid{
padding:0 !important;
}

.nav .navbar-nav ul {
display: inline-block;
text-align: center;
}

.navbar il{
 list-style-type: none;
}

/*fullsite front face navbar */
#h_nav { 
border-color: transparent;
border-bottom:3px solid transparent; 
min-height: 0px; 
} 

.navbar {
font-family: ‘Roboto Condensed’, sans-serif;
position: relative; 
background-color: #003866 !important; 
}


.navbar-nav{
width:100%;
text-align:center;
margin: 0;
border:none;
}

.navbar .navbar-nav>li>a {
color: #fff;
font-size: 18px;
font-weight: bold;
}

/* dropdowns */
.dropdown-menu {
border-top-right-radius: 5px !important;
border-top-left-radius: 5px !important;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: center;
min-width: 160px;
padding: 15px 0;
margin: 0px;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #FFD12F;
background-clip: padding-box;
border: 1px solid #5463a8;
}


/* hovers and links */
.navbar ul> li> a:focus,
.navbar  ul> li> a:hover {
color: #fff;
font-weight: bold;
background-color: transparent !important;
text-decoration: none !important;
}

.navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>a:focus {
color: #ffd12f;
background-color:  transparent; 
font-weight: bold;
}

.navbar .navbar-nav>.open,
.navbar .navbar-nav>.open>a,
.navbar .navbar-nav>.open>a:focus,
.navbar .navbar-nav>.open>a:hover {
background-color: transparent  ;
color: #fff;
}

.navbar .navbar-toggle:hover, 
.navbar .navbar-toggle:focus {
background-color: #293c92  ;
color:#fff;
}
.navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-toggler {
    margin-left: auto;
    margin-right: 20px;
}
.navbar-toggler:focus {
    box-shadow: none;
}
/*fullsite hover menu*/
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
line-height: 1.5;
color: black;
white-space: nowrap;
margin: 1px 5px;
font-weight: bold;
font-size: 16px;
}
.dropdown-menu>li>a:hover {
display: block;
padding: 3px 20px;
clear: both;
line-height: 1.5;
color: black;
white-space: nowrap;
margin: 1px 5px;
font-weight: bold;
font-size: 16px;
text-decoration: underline !important;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color:transparent  ;
    border-color: transparent;
    color: white;
}

/* TOGGLE HAMBURGER ICON CLOSE */
.navbar .navbar-toggle {
border-color: transparent;
background-color: #fff; !important
}

.navbar .navbar-toggle .icon-bar {
background-color: white;
border-color: transparent;
-webkit-transition: all 0.1s;
-o-transition: all 0.1s;
transition: all 0.1s;
}  

/* HAMBURGER MENU X TO CLOSE */
.navbar-toggle {
border: none;
background: transparent !important;
}

.navbar-toggle:hover {
background: transparent !important;
}

.navbar-toggle .icon-bar {
width: 22px;
-webkit-transition: all 0.1s;
-o-transition: all 0.1s;
transition: all 0.1s;
}

.navbar-toggle[aria-expanded="true"] span:nth-child(1){
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 10% 10%;
-ms-transform-origin: 10% 10%;
transform-origin: 10% 10%;
}

.navbar-toggle[aria-expanded="true"] span:nth-child(2){
opacity: 0;
}

.navbar-toggle[aria-expanded="true"] span:nth-child(3){
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 10% 90%;
-ms-transform-origin: 10% 90%;
transform-origin: 10% 90%;
}

.navbar-toggle .collapsed span:nth-child(1) {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}

.navbar-toggle .collapsed span:nth-child(2) {
opacity: 1;
}
.navbar-toggle .collapsed span:nth-child(3) {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}

.close,
.close:hover,
.close:focus {
color:white;
opacity:1;
}

div .btext {
margin: auto;
padding-top: 10px;
padding-bottom: 10px;
}


/** CAROUSEL **/


#myCarousel {
padding: 0px;
max-width: 100%;
height:auto;
margin:0;
background-color: #293c92;
}

.carouselP {
color:white;
text-align:left;
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 20px;
font-weight: bold;
}

 
/*Forces carousel image to be 100% width and not max width of 100%*/
.carousel-item .img-fluid {
width:100%;
height:auto;
}

.carousel .item {
max-width: 100%; /*slider width*/
max-height: auto; /*slider height*/
}

.carousel .item img {
max-width: 100%; /*img width*/
max-height: auto;
display: block;
margin: 0 auto;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
max-width: 100%;
max-height: auto;
}

.carousel-caption a {
color: white;
font-size: 20px;
font-weight: bold;
}

.carousel-caption a:hover,
.carousel-caption a:active {
color: white;
font-size: 20px;
text-decoration:none;
}

.carousel-indicators li {
background-color: #fff;
}

.carousel-indicators .active {
background-color: white;
}

.carousel-indicators {
bottom: -5px !important
}

.carousel-caption .btn {
margin: 10px;
background-color: #ffd12f;
border-color: white !important;
color: #003866;
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 20px;
padding:8px;
position: absolute;
z-index: 10;
top: 10%;
right: 15%;
    border: solid #fff 3px;
}

.carousel-caption .btn {
text-shadow: none;
}

.carousel-caption {
background-color: #003866;
bottom: 0px;
left: auto;
opacity: 0.9;
padding-left: 10px;
right: 0%;
text-align: right;
width: 70%;
height: 110px;
}

.carousel-control {
width: 5% !important;
}

.carousel-caption::before {
border-bottom: 110px solid #003866;
border-left: 110px solid transparent;
position: absolute;
top: 0px;
left: -109px;
width: 0;
height: 0;
content: "";
}


/* BOTTOM STYLES*/

#bottomSection{
padding-bottom:25px;
padding-top:25px;
margin-top: 10px;
}

.fullwidth{
background-color:#003866;
width:100%;
}

.bottomtitle{
color: #fff !important;
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 30px !important;
font-weight: normal !important;
margin-bottom: 20px !important;
}

.nolist{
list-style:none;
margin-left:-35px;
text-align:left;
}

.haslist{
margin-left:-25px;
color: #F1B20F;
}
.haslist li{
color: #F1B20F;
}

.boxrow li{
color: white;
margin-bottom:15px;
font-size:12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a.bottomlink { 
color: white;
text-decoration:none;
font-size:12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a.bottomlink:hover,
a.bottomlink:focus{
text-decoration:none;
font-size:12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #d3b6e2;
}


.contactP {
color: white;
text-align:left;
font-size: 12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.facontact {
color: white;
font-size: 16px;
}

a.facontact {
color: white;
font-size: 16px;
}

a.facontact:hover,
a.facontact:active {
color: #fff;
font-size: 16px;
text-decoration: none;
}


.boxrow{
max-width:1000px;
margin:0 auto;
}



/*** MIDDLE DIV BOXES ****/

.midrow {
margin: 0px;
padding: 0px;
}

.midimage1 {
margin-right: 0px;
margin-top: 10px;
margin-left: 0px:
}

.midimage2 {
margin-right:0px;
margin-top: 10px;
margin-left: 0px:
}

.midimage3 {
margin-right:0px;
margin-top: 10px;
margin-left: 2px:
}

.maxwidth {
width: 100%;
padding-top: 5px;
}

.boxrowI{
margin: 0px;
}

#box1{
color: #ffffff;
font-family: ‘Roboto Condensed’, sans-serif;
font-weight: 700;
font-size: 40px;
padding-top: 2.5px;
margin-top: 5px;
margin-left: 15px;
margin-bottom: 0;
padding: 0;
}

#box1sub{
color: white;
font-size: 25px;
font-family: ‘Roboto Condensed’, sans-serif;
margin-top: 0px;
margin-left: 15px;
margin-bottom: 0px;
}

#inp {
float: right;
font-family: ‘Roboto Condensed’, sans-serif;
margin-right: 7px;
margin-top: -85px;
margin-right: 15px;
-webkit-border-radius: 2.5;
-moz-border-radius: 2.5;
border-radius: 2.5px;
color: #fff;
font-weight: bold;
font-size: 15px;
padding: 10px 15px 10px 15px;
border: solid white 3px;
text-decoration: none;
background: none;
-webkit-transition: ease .25s;
transition: ease .25s;
}

#inp:hover {
cursor: pointer;
background: white;
text-decoration: none;
color: #293c92;
font-weight: bold;
}

#inp1 {
float: right;
font-family: ‘Roboto Condensed’, sans-serif;
margin-right: 7px;
margin-top: -85px;
margin-right: 15px;
-webkit-border-radius: 2.5;
-moz-border-radius: 2.5;
border-radius: 2.5px;
color: #003866;
font-weight: bold;
font-size: 15px;
padding: 10px 15px 10px 15px;
border: solid white 3px;
text-decoration: none;
background: #ffd12f !important;
-webkit-transition: ease .25s;
transition: ease .25s;
}

#inp1:hover {
cursor: pointer;
background: white;
text-decoration: none;
color: #293c92;
font-weight: bold;
background-color: #003866 !important;
}


.underCarousel, .underCarousel1 {
background-color: #003866;
float: left;
margin-top: 5px;
border:5px solid white;
padding: 10px;
padding-top: 15px;
}


/* STYLING FOR OTHER RWD PAGES */

/* MERCH IMAGE SQUISH FIX */
img.merchImage.margin_auto.img-responsive{
object-fit: cover!important;
}

/* COURSE MATERIALS SQUISH FIX */
.close{
text-shadow:0 0 0 #fff!important;
}
.courseBookDetail .btn, .hidden-print{
background-color: white!important; 
color:black!important;
font-weight:bold !important;
border:1.5px solid black !important;
width:150px!important;
}


.displayb {
font-size: 15px;
}
.loginDisclaimer {
font-size: 15px;
}
p {
font-size: 15px;
}


.panel-info {
border-color: #293c92;
}


.panel-heading{
background-color:#293c92!important;
color:white!important;
}

.fa-arrow-circle-o-right{
color: #008B83;
}
.fa-arrow-circle-o-right:hover,
.fa-arrow-circle-o-right:focus,
.fa-arrow-circle-o-right:active{
color: #470A68;
}

.fa-chevron-circle-down:before {
color: white;
}
.fa-chevron-circle-down:hover,
.fa-chevron-circle-down:active,
.fa-chevron-circle-down:focus {
color:  #293c92;
}

.ordering_enabled {
color: #293c92;
}

.add_another_course_button_enabled{
color: black;
}
.add_another_course_button_enabled:hover,
.add_another_course_button_enabled:focus,
.add_another_course_button_enabled:active{
color: black;
}

#Get_Materials{
color:#293c92;
}

.btn{
background-color:  #293c92;
color:  #fff;
font-weight: bold;
}

.btn:hover,
.btn:focus,
.btn:active{
background-color: #470A68;
color:  white;
font-weight: bold;
}

.btn-primary {
background-color:  #ffd12f;
border: transparent;
font-weight: bold;
color:  #fff;
-webkit-transition-property: background-color;
-webkit-transition-duration: .35s; 
transition-property: background-color;
transition-duration:.35s;
}

.btn-primary:hover, 
.btn-primary:focus,
.btn-primary:active{
font-weight: bold;
background-color: #003866;
color:  white !important;
border: transparent;
border: solid white 3px;
}

.btn-default {
background-color:  #293c92;
border: transparent;
font-weight: bold;
color:  #fff;
-webkit-transition-property: background-color;
-webkit-transition-duration: .35s; 
transition-property: background-color;
transition-duration:.35s;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
font-weight: bold;
background-color: #5463a8;
color:  white;
border: transparent;
}

.btn-info, 
.btn-block {
 font-family: ‘Roboto Condensed’, sans-serif;
font-size: 18px;
background-color:  #293c92;
border: transparent;
font-weight: bold;
color:  #fff;
padding-top: 10px;
padding-bottom:10px;
-webkit-transition-property: background-color;
-webkit-transition-duration: .35s; 
transition-property: background-color;
transition-duration:.35s;
}

.btn-info:hover, 
.btn-info:focus,
.btn-info:active,
.btn-block:hover,
.btn-block:focus,
.btn-block:active {
font-family: ‘Roboto Condensed’, sans-serif; 
font-size: 18px;
font-weight: bold;
background-color: #5463a8;
color:  white;
border: transparent;
padding-top: 10px;
padding-bottom:10px;
}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: ‘Roboto Condensed’, sans-serif; 
}



/** RWD END GLOBAL **/

/* LOGIN NOTICE BAR*/
#noticebar{
background:white;
padding: 20px; 
font-size: 25px; 
text-align: center; 
font-family: ‘Roboto Condensed’, sans-serif; 
font-weight: bold; 
color: #293c92;
}

/*.accountinfo {
animation: bounceIn 1.5s .5s 1;
}

@keyframes bounceIn {
0% {
transform: scale(0.1);
opacity: 0;
}

60% {
transform: scale(1.2);
opacity: 1;
}

100% {
transform: scale(1);
}
}
*/

/* CONTACT US PAGE */
.contacttitle{
font-size:14px;
font-weight:bold;
text-decoration:none;
color:black;
font-family: ‘Roboto Condensed’, sans-serif;
}
table.contact{
text-align:center;
width:100%;
margin-top:25px;
}
table.contact td{
padding-bottom:20px}
table.contact td:first-child{
padding-left:25px;}
table.contact td:nth-child(2){
padding-right:25px}



/* STORE HOURS PAGE */
#hourswrapper {
overflow: hidden;
}
#hourscol1 {
width: 33%;
float: left;
text-align: center;
}
#hourscol2 {
width: 33%;
float: left;
text-align: center;
}
#hourscol1 {
border-right: 1px dotted rgba(45, 45, 45, .25);
}
#hourscol3 {
width: 33%;
float: left;
text-align: center;
border-left: 1px dotted rgba(45, 45, 45, .25);
}
.hoursvs {
font-weight: bold;
font-family: Tahoma;
font-size: 18px;
color: #333333;
margin-bottom: 25px;
display: block;
}
.hourblock {
margin-bottom: 45px;
}
.hours {
font-size: 14px;
font-family: tahoma;
color: #333333;
display: block;
margin-bottom: 15px;
}
.hourstype {
font-weight: bold;
display: block;
margin-bottom: 5px;
}
.hoursparking {
font-size: 12px;
font-weight: bold;
color: #333333;
margin-top: 30px;
}
#hourspabout{
text-align:center;
font-size:12px;
}



/***** EVENTS AND PARTNERS PAGE *******/

#main {
color: #3C4242;
font-size: 12px;
}

#main a {
color: #3C4242;
font-size: 12px;
}

.eventsdiv {
padding: 20px;
}

.eventsp {
text-align:center;
margin: 0px;
}

.eventsspan {
font-size: 20px;
font-weight: bold;
}

.eventsspan2 {
text-decoration: underline;
}

.eventsspan3 {
font-size: 10px;
}



/************ TEXTBOOK FAQ PAGE *********/


.panel-headingFAQ {
background-color: #293c92;
padding: 18px;
cursor: pointer;
text-align: left;
}

.titleh4 {
color: #fff;
font-size: 16px;
font-weight: bold;
}

.titleh4:hover,
.titleh4:focus,
.titleh4:active {
color: white;
text-decoration: none;
}

.FAQp {
font-size: 14px;
color: #293c92;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 15px;
}



/******** ORDER BOOKS LANDING PAGE **********/

.div_content_sec {
padding: 20px 0;
}

#textagree span {
display: block;
font-size: 20px;
padding: 20px;
text-align: justify;
color:#3c4242;
}

#textagree p {
font-size: 15px;
padding: 20px;
color: #3c4242;
}

#textagree li {
font-size: 14px;
text-align: justify;
color: #3c4242;
}

#textagree ul {
padding: 20px;
}

.orderul {
list-style-type: disc;
}

.orderstrong{
color: black;
}

.fa-exclamation-circle {
color: black;
}

.orderA {
text-decoration: underline;
}


/******** RENTAL AGREEMENT PAGE ********/
.rentalh2 {
font-family: ‘Roboto Condensed’, sans-serif;
color: #333333;
}

.rentalspan {
font-family: ‘Roboto Condensed’, sans-serif;
color: black;
}


/************** INSPIRE ID PAGE *********/
#maintext, #maintext:hover{
text-align:center;
padding-top:15px;
padding-bottom:15px;
}

#maintext a, #maintext a:hover{
font-size:15px;
font-family: ‘Roboto Condensed’, sans-serif;
color:black;
}

.inspireh2{
text-align:center;
font-family: ‘Roboto Condensed’, sans-serif;
font-size:35px;
padding-top:25px;
}

.inspirehr{
margin-top: 25px;
margin-bottom: 25px;
border: 2px solid gray;
opacity: .25;
}

div .left-half, div .right-half {
display: flex;
flex-direction: column;
}

/* Pattern styles */
.idcontainer {
display: flex;
padding-bottom:35px;
}

.left-half {
flex: 1;
padding-right:50px;
padding-left:25px;
}

.right-half {
flex: 1;
padding-right:25px;
}
/**** END INSPIREID PAGE *****/


/**** SCREEN RESIZING ***/



/*centers the parent fullscreen nav!*/
@media only screen and (min-width : 1201px) {
.navbar-nav {
display: flex;
justify-content: center;
width: 100%;
}

#h_nav .navbar-nav .open .dropdown-menu > li > a {
color: black;
}

#h_nav .navbar-nav .open .dropdown-menu > li > a:hover,
#h_nav .navbar-nav .open .dropdown-menu > li > a:focus {
color: #794c91;

margin-left: 1px;
}
}
@media (min-width: 768px) {
    .dropdown-menu ul.dropdown-menu {
        margin-top: -47px !important;
    }
}

/* change navbar toggle width - due to long navbar */
@media (max-width: 1200px) {
.navbar-header {
float: none;
border: transparent;
}

.navbar-left,.navbar-right {
float: none !important;
}

.navbar-toggle {
display: block;
}

.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}

.navbar-nav {
float: none!important;
margin-top: 7.5px;
}

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

.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}

.collapse.in{
display:block !important;
}

#h_nav .navbar-nav .open .dropdown-menu > li > a {
color: #fff;
}

#h_nav .navbar-nav .open .dropdown-menu > li > a:hover,
#h_nav .navbar-nav .open .dropdown-menu > li > a:focus {
color: white;
}

.nav .navbar-nav {
text-align: center;
}

#h_nav .navbar-nav .open .dropdown-menu > li > a {
color: #fff;
float: none;
text-align:center;
}

#h_nav .navbar-nav .open .dropdown-menu > li > a:hover,
#h_nav .navbar-nav .open .dropdown-menu > li > a:focus {
color: white;

}
}

@media (max-width: 767px) {
#navContainer{
margin-top:0px;
}

#h_nav .navbar-nav .open .dropdown-menu > li > a {
color: #fff;
}

#h_nav .navbar-nav .open .dropdown-menu > li > a:hover,
#h_nav .navbar-nav .open .dropdown-menu > li > a:focus {
color: white;
}
}

@media (max-width: 1000px) {
.carousel-caption {
text-align: center !important;
width: 100% !important;
padding-bottom: 0px;
}

.carousel-caption {
opacity: 1 !important;
position: relative;
}    

.carousel-control {
opacity: 1 !important;
}

.carousel-indicators {
visibility: hidden;
}

.carousel-caption::before {
display: none;
}

.carouselP {
color:white;
text-align:left;
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 18px;
font-weight: bold;
}

a.carouselP {
/*font-size: 1.5em !important; */
margin: 0px !important;
padding-bottom: 1px;
color: #fff; !important
font-family: ‘Roboto Condensed’, sans-serif;
font-weight: bold;
}

.carousel-caption .btn {
position: absolute;
z-index: 10;
top: 15%;
right: 6%;
align: left;
font-size:15px;
}

.carousel-caption .btn {
margin-bottom: 30px;
}
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.carousel-caption::before {
display: none;
}

.carousel-caption a {
color: white;
font-size: 15px;
font-weight: bold;
}

.carousel-caption a:hover,
.carousel-caption a:active {
color: white;
font-size: 15px;
text-decoration:none;
}

.carousel-caption h3 {
font-size: 2em !important;
margin: 0px;
}
}

@media (max-width: 767px) {
.carousel-caption::before {
display: none;
}

#logolink{
display:flex;
justify-content:center;
}

#logo{
width: auto;
height:100px;
margin-bottom: 10px;
}

#headerright{
height:102px;
margin-bottom: 55px;
}

.widthcontainer{
max-width:1170px;
margin:0 auto;
display:flex;
justify-content:center;
}

.widthcontainer>.container-fluid {
margin-top:25px;
}

#headerright>div{
display:flex;
justify-content:center;
}

.carousel {
margin-left: -20px;
margin-right: -20px;
}

.carousel img {
height: 300px;
}
}

@media (max-width: 520px) {
.carouselP {
color:white;
text-align:left;
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 12px;
font-weight: bold;
margin-left: 20px;
}

.carousel-caption .lead,
.carousel-caption .btn {
font-size: 10px;
}
}

@media (min-width: 513px) {
#inp {
float: right;
font-family: ‘Roboto Condensed’, sans-serif;
margin-right: 7px;
margin-top: -85px;
margin-right: 15px;
-webkit-border-radius: 2.5;
-moz-border-radius: 2.5;
border-radius: 2.5px;
color: #fff;
font-weight: bold;
font-size: 15px;
padding: 10px 15px 10px 15px;
border: solid white 3px;
text-decoration: none;
background: none;
-webkit-transition: ease .25s;
transition: ease .25s;
}

#inp:hover {
cursor: pointer;
background: white;
text-decoration: none;
color: #293c92;
font-weight: bold;
}

#inp1 {
float: right;
font-family: ‘Roboto Condensed’, sans-serif;
margin-right: 7px;
margin-top: -85px;
margin-right: 15px;
-webkit-border-radius: 2.5;
-moz-border-radius: 2.5;
border-radius: 2.5px;
color: #003866;
font-weight: bold;
font-size: 15px;
padding: 10px 15px 10px 15px;
border: solid white 3px;
text-decoration: none;
background: #ffd12f !important;
-webkit-transition: ease .25s;
transition: ease .25s;
}

#inp1:hover {
cursor: pointer;
background-color: #003866;
text-decoration: none;
color: white;
font-weight: bold;
}
}

@media (max-width: 512px) {
#box1{
color: #ffffff;
font-family: ‘Roboto Condensed’, sans-serif;
font-weight: 700;
font-size: 20px;
padding-top: 2.5px;
margin-top: 5px;
margin-left: 15px;
margin-bottom: 0;
padding: 0;
}

#box1sub{
color: white;
font-size: 14px;
font-family: ‘Roboto Condensed’, sans-serif;
margin-top: 0px;
margin-left: 15px;
margin-bottom: 0px;
}

#inp {
float: right;
font-family: ‘Roboto Condensed’, sans-serif;
margin-right: 5px;
margin-top: -65px;
background-color: #5463a8;
color: white;
font-weight: bold;
font-size: 13px;
padding: 5px 7px 5px 7px;
text-decoration: none;
}

#inp1 {
float: right;
font-family: ‘Roboto Condensed’, sans-serif;
margin-right: 5px;
margin-top: -65px;
background-color: #ffd12f !important;
color: #003866;
font-weight: bold;
font-size: 13px;
padding: 5px 7px 5px 7px;
text-decoration: none;
-webkit-transition: ease .25s;
transition: ease .25s;
}
}

@media (max-width: 428px) {
#inp {
float: right;
font-family: ‘Roboto Condensed’, sans-serif;
margin-right: 5px;
margin-top: -65px;
background-color: #5463a8;
color: white;
font-weight: bold;
font-size: 13px;
padding: 5px 7px 5px 7px;
text-decoration: none;
}

#inp1 {
float: right;
font-family: ‘Roboto Condensed’, sans-serif;
margin-right: 5px;
margin-top: -65px;
background-color: ;#ffd12f
color: #003866;
font-weight: bold;
font-size: 13px;
padding: 5px 7px 5px 7px;
text-decoration: none;
-webkit-transition: ease .25s;
transition: ease .25s;
}
}


@media screen and (min-width: 1016px) {
.carousel-caption a {
color: white;
font-size: 20px;
font-weight: bold;
}

.carousel-caption a:hover,
.carousel-caption a:active {
color: white;
font-size: 20px;
text-decoration:none;
}

.carouselP {
color:white;
text-align:left;
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 20px;
font-weight: bold;
}
}

@media only screen and (min-width: 1220px) {
.carousel-inner > .item {
height: auto;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
width: 100%px;
height: auto;
}

.item{
max-width: 100%;
height: auto;
}

#myCarousel{
max-width: 100%;
max-height: auto;
margin: 0 auto;
}  
}


@media (max-width: 979px) {
.carousel img {
width: auto;
height: 500px;
}
}

@media only screen and (min-width: 993px) {
.carousel-caption .btn {
position: absolute;
z-index: 10;
top: 10%;
right: 15%;
}

.underCarousel {
border-right: 5px solid white;
}

@media (min-width: 992px) {
.col-md-6 {
width: 50%;
}

.spacingbox{
margin-left:20px;
}

.underCarousel {
border-right: 5px solid white;
}
}



@media only screen and (max-width: 600px) {
.carousel-caption .btn {
position: absolute;
z-index: 10;
top: 5%;
right: 5%;
align: left;
}
}

.cta-gold-link {
  display: block;
  margin: 0 0 1.5em 0;
  text-decoration: none;
  text-align: center;
  border: 2px solid white;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.cta-gold-link a {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #293c92;
  padding: 0.8em;
  outline-offset: 3px;
}
.cta-gold-link a:hover {
  text-decoration: none;
}

.cta-gold-link {
  background: white;
}
.cta-gold-link:hover {
  background: #FFF;
}
