/*
* final.css
* 
* We try to load this css file on every page
*/
/* second last top nav item */
.header-three .header-mainmenu-area #mainmenu-wrap .mainmenu > li:nth-last-of-type(2) > a {
    font-size: 16px;
    color: #ffffff !important;
    background-color: orangered;
}
.header-three .header-mainmenu-area #mainmenu-wrap .mainmenu > li:nth-last-of-type(2) > a::after {
  content: none;
}
.card-header h2 {
  color: #000000 !important;
  font-size: larger !important;
}
/* fix for iOS buttons in cart */
.cart-coupon-update-area button {
    background-color:#cccccc;
    border-radius: 4px;
    color:#000000;
}
/* submit another adoption OCA button fix */
.esolution-view .button {
    color:#ffffff !important;
}
/* Last main nav menu highlight */
.header-three .header-mainmenu-area #mainmenu-wrap .mainmenu > li:last-of-type > a {
    font-size: 17px !important;
    color: white !important;
    background-color: #006341 !important;
}

/* Fix for red on green discount accessibility */
span.discount-price {
    color: #cc0000 !important;
}

/* custom hoodie form fixes */
/* PWO - removing for fixes in Arrow 1.1.18
#cti-buy-form-wrapper { position: absolute !important; 
}
@media only screen and (max-width: 414px) { #cti-buy-form-wrapper { width: 370px !important; margin-left:-200px; } }
*/

/* fix for radio buttons and checkbox on checkout -TR 1.31.2023 */
.custom-checkbox input:checked ~ .custom-control-label:before {
    left: -24px !important;
}
.custom-radio .custom-control-label:before {
    left: -15px !important;
}
/* Fix button display on search with item on multiple courses */
/* Search multiple course button display fix */
.esolution-view-buyback { justify-content: center;
    display: flex; }
.btn-position {
    position: inherit !important;
}
/* add padding to select, input as necessary */
.best-service-list li {
    list-style: none !important;
}
button, optgroup, textarea {
    padding: 16px !important;
    margin-top: 20px !important;
    /*line-height: 3.2px !important;*/
}
.rev-btn {
    font-size: 18px !important;
}
.single-subject-by-faq-wrap h3 {
    margin-bottom: 26px;
}
li.course#selected {
        background-color: #E5EFEC !important;
}
#course_search h3, #course_list {
    color: white;
    background: #006341;
}
.btn {
    font-size: 16px !important;
    padding: 16px !important;
    /*line-height: .2rem !important;*/
    height: fit-content !important;
}
.brand-accordion .btn {
    line-height: 1.2rem !important;
}
.btn:active {
    color: black !important;
    background-color: white !important;
    box-shadow: none !important;
    outline: none !important;
}
.btn:focus {
    box-shadow: none !important;
    outline: none !important;
}
.preloader-active .preloader-area-wrap .spinner div {
      background-color: #006341 !important;
}
.products-wrapper .slick-slider .slick-dots .slick-active {
      background-color: #006341 !important;
      border-color: #006341 !important; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif !important;
}
.jumbotron {
    background-color: #e5efec !important;
}
.header-three .header-mainmenu-area #mainmenu-wrap .mainmenu > li > a {
    font-size: 16px;
    color: #212721 !important;
}
.slicknav_nav a {
    text-decoration: none;
    color: #fff !important;
}
.slicknav_nav li a:hover {
    backgound-color: #006341 !important;
}
.btn.btn-black:hover, .btn.btn-black:focus {
      background-color: #006341 !important; 
    
}
a {
    color: #006341 !important;
    background-color: transparent;
}
a.btn {
    color: #fff !important;
    /*border-radius: 0px !important;*/
}
.btn-primary {
    color: #fff !important;
    background-color: #006341 !important;
    transition-duration: 0.4s;
    /*border-color: #007bff;*/
}
.btn-primary:active {
    color: #fff !important;
    background-color: #212721 !important;
    /* border-color: #0062cc; */
}
.btn-primary:hover {
    background-color: #003328 !important;
}
.btn.btn-transparent {
      background-color: #fff !important;
      color: #212721 !important;
}
.btn.btn-transparent:hover,
	.btn.btn-transparent:focus{
      background-color: #212721 !important;
      color: #fff !important;
}
.mt-18 {
    margin-top: 0px !important;
    width: 100% !important;
    flex-flow: nowrap !important;
}
.contact-text {
    width: 275px;
}
.btn.btn-brand {
    /* background-color: #CD411D; */
    background: border-box ;
    background-color: #212721 !important;
    border: 1px solid #e5efec !important;
}
.btn.btn-brand:active {
    background-color: #212721 !important;
}
.btn-primary:focus {
        background-color:rgba(0, 0, 0, 0.1) !important;
}
#error-page-wrapper {
    background: url(/theme/images/404.jpg) center center !important;
}

/* Pricing Table Classes */
.pricingTable{
    background: #F2F7F5;
    font-family: 'Gotham SSm A', "Gotham SSm B", sans-serif;
    text-align: center;
    /*border-radius: 0 100px;*/
    overflow: hidden;
    transition: all 0.3s;
}
.pricingTable:hover{ box-shadow:0 0 10px rgba(0,0,0,0.5); }
.pricingTable .pricingTable-header{
    color: #fff;
    background: linear-gradient(100deg,#006341,#73A996);
    padding: 10px 30px 50px;
    margin: 0 0 50px;
    /*border-radius: 0 100px;*/
    box-shadow: 0 0 20px rgba(0,0,0,0.7);
}
.pricingTable .amount{
    font-size: 30px;
    font-weight: 700;
}
.pricingTable .month{
    font-size: 16px;
    line-height: 10px;
    text-transform: uppercase;
    display: block;
}
.pricingTable .icon{
    color: #212721 !important;
    background-color: #fff;
    font-size: 40px;
    line-height: 80px;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    box-shadow: 0 0 0 15px rgba(255,255,255,0.3), 0 5px 25px rgba(0,0,0,0.3);
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 120px;
}
.pricingTable .pricing-content{
    background-color: #fff;
    padding: 45px 0 30px 0;
    /*border-radius: 0 100px;*/
    /*box-shadow: 0 0 10px rgba(0,0,0,0.5) inset;*/
}
.pricingTable .title{
    color: #006341;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px;
    display: block;
}
.pricingTable .title:after{
    content: '';
    background-color: #006341;
    height: 2px ;
    width: 40%;
    display: block;
    margin: 10px auto 0;
}
.pricingTable .pricing-content ul{
    color: #212721;
    font-size: 16px;
    letter-spacing: 1px;
    line-height:     30px;
    padding: 0;
    margin: 0 0 20px;
    list-style: none;
}
.pricingTable .pricingTable-signup{
    color: #fff;
    background: #d62035;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 15px;
    margin: 0 auto;
    border-radius: 40px 0;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.pricingTable .pricingTable-signup:hover{
    color: #d62035;
    background-color: #fff;
    box-shadow: 0 0 20px #F83950 inset;
}
.pricingTable.blue{ background-color: #0b39c4;}
.pricingTable.blue .pricingTable-header{
    background: linear-gradient(100deg,#0B43FA,#49A8FF);
}
.pricingTable.blue .icon{ color: #0b39c4; }
.pricingTable.blue .title{ color: #0b39c4; }
.pricingTable.blue .title:after{ background-color: #0b39c4; }
.pricingTable.blue .pricingTable-signup{ background-color: #0b39c4; }
.pricingTable.blue .pricingTable-signup:hover{
    color: #0b39c4;
    background-color: #fff;
    box-shadow: 0 0 20px #0b39c4 inset;
}
.pricingTable.green{ background-color: #17b568;}
.pricingTable.green .pricingTable-header{
    background: linear-gradient(100deg,#27CE7F,#5BF095);
}
.pricingTable.green .icon{ color: #27CE7F; }
.pricingTable.green .title{ color: #27CE7F; }
.pricingTable.green .title:after{ background-color: #27CE7F; }
.pricingTable.green .pricingTable-signup{ background-color: #17b568; }
.pricingTable.green .pricingTable-signup:hover{
    color: #17b568;
    background-color: #fff;
    box-shadow: 0 0 20px #17b568 inset;
}
.pricingTable.purple{ background-color: #451a5e;}
.pricingTable.purple .pricingTable-header{
    background: linear-gradient(100deg,#6b189b,#ad3bdb);
}
.pricingTable.purple .icon{ color: #6b189b; }
.pricingTable.purple .title{ color: #6b189b; }
.pricingTable.purple .title:after{ background-color: #6b189b; }
.pricingTable.purple .pricingTable-signup{ background-color: #451a5e; }
.pricingTable.purple .pricingTable-signup:hover{
    color: #451a5e;
    background-color: #fff;
    box-shadow: 0 0 20px #451a5e inset;
}
@media only screen and (max-width: 990px){
    .pricingTable{ margin: 0 0 30px; }
}
.fab:hover {
    box-shadow: none;
    transform: none;
    color: #212721;
}
.fab {
    background-color: #fff !important;
    position: unset !important;
    background: #fff !important;
    border-color: #fff !important;
    color: #212721 !important;
}
::selection {
    color: #fff !important;
    background: #212721 !important;
}
/* Slider CTA Button */
.slider-area-wrapper .tp-caption.LA-BTN-OUTLINE-Black:hover, .slider-area-wrapper .LA-BTN-OUTLINE-Black:hover a {
    color: #fff !important;
    text-decoration: none;
    background-color: #212721 !important;
    /* border: 2px solid #262626; */
    cursor: pointer;
}
.brand-accordion .card .card-header button[aria-expanded='true'] {
    color: #006341;
}
.brand-accordion .card .card-header button[aria-expanded='true'] {
    font-size: large;
}
li.nav-item a:hover {
    color: #ffffff !important;
    background-color: #262626 !important;
}

/*
 * pdo added to adjust OCA layout 
 */
tr.section  button.tiny i.fa {
	color: #cccccc;
}
div.esolution-view-ocaauth.arrow-view-ocaauth input.button {
	background-color: #006341;
}
div.esolution-view-oca.arrow-view-oca li button.button.submit {
	background-color: #006341;
	color: #cccccc;
}
div#new_instructor button.tiny {
	background-color: #006341;
	color: #cccccc;
}

.card .btn-primary:hover {
        transition: all .3s;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
}

.btn-brand, .top-search-button,.fab,.arrow--btn-brand {
	border-color: #5773A3 !important;
}
